From b0adb27227bb3f22cf1700e1bdcdf571d661707b Mon Sep 17 00:00:00 2001 From: "Eshan Roy (Eshanized)" Date: Sun, 21 Apr 2024 13:36:49 +0530 Subject: [PATCH] =?UTF-8?q?=E2=8F=B3=20@eshanized=20continuously=20updatin?= =?UTF-8?q?g=20the=20repository!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- AUTHORS | 8 +- COPYING | 674 ++ gnome-shell/assets/activities-active.svg | 9 + gnome-shell/assets/activities.svg | 9 + gnome-shell/assets/calendar-arrow-left.svg | 3 + gnome-shell/assets/calendar-arrow-right.svg | 3 + gnome-shell/assets/calendar-today.svg | 178 + gnome-shell/assets/checkbox-off.svg | 3 + gnome-shell/assets/checkbox.svg | 3 + gnome-shell/assets/close.svg | 3 + gnome-shell/assets/dash-placeholder.svg | 4 + gnome-shell/assets/more-results.svg | 4 + gnome-shell/assets/no-events.svg | 3 + gnome-shell/assets/no-notifications.svg | 3 + gnome-shell/assets/process-working.svg | 72 + gnome-shell/assets/toggle-off.svg | 88 + gnome-shell/assets/toggle-on.svg | 88 + gnome-shell/assets/window-close-active.svg | 11 + gnome-shell/assets/window-close-hover.svg | 11 + gnome-shell/assets/window-close.svg | 11 + gnome-shell/gnome-shell-theme.gresource.xml | 59 + gnome-shell/gnome-shell.css | 4774 +++++++++ gnome-shell/message-indicator-symbolic.svg | 3 + gnome-shell/no-events.svg | 1 + gnome-shell/no-notifications.svg | 1 + gnome-shell/noise-texture.png | Bin 0 -> 116 bytes gnome-shell/pad-osd.css | 30 + gnome-shell/process-working.svg | 1 + gtk-2.0/apps.rc | 92 + gtk-2.0/assets/border.png | Bin 0 -> 140 bytes gtk-2.0/assets/button-active.png | Bin 0 -> 371 bytes gtk-2.0/assets/button-hover.png | Bin 0 -> 371 bytes gtk-2.0/assets/button-insensitive.png | Bin 0 -> 204 bytes gtk-2.0/assets/button.png | Bin 0 -> 347 bytes gtk-2.0/assets/checkbox-checked-active.png | Bin 0 -> 366 bytes gtk-2.0/assets/checkbox-checked-hover.png | Bin 0 -> 361 bytes .../assets/checkbox-checked-insensitive.png | Bin 0 -> 324 bytes gtk-2.0/assets/checkbox-checked.png | Bin 0 -> 334 bytes gtk-2.0/assets/checkbox-mixed-active.png | Bin 0 -> 268 bytes gtk-2.0/assets/checkbox-mixed-hover.png | Bin 0 -> 268 bytes gtk-2.0/assets/checkbox-mixed-insensitive.png | Bin 0 -> 229 bytes gtk-2.0/assets/checkbox-mixed.png | Bin 0 -> 232 bytes gtk-2.0/assets/checkbox-unchecked-active.png | Bin 0 -> 245 bytes gtk-2.0/assets/checkbox-unchecked-hover.png | Bin 0 -> 252 bytes .../assets/checkbox-unchecked-insensitive.png | Bin 0 -> 223 bytes gtk-2.0/assets/checkbox-unchecked.png | Bin 0 -> 216 bytes gtk-2.0/assets/combo-ltr-button-active.png | Bin 0 -> 292 bytes gtk-2.0/assets/combo-ltr-button-hover.png | Bin 0 -> 293 bytes .../assets/combo-ltr-button-insensitive.png | Bin 0 -> 195 bytes gtk-2.0/assets/combo-ltr-button.png | Bin 0 -> 276 bytes gtk-2.0/assets/combo-ltr-entry-active.png | Bin 0 -> 270 bytes .../assets/combo-ltr-entry-insensitive.png | Bin 0 -> 256 bytes gtk-2.0/assets/combo-ltr-entry.png | Bin 0 -> 256 bytes gtk-2.0/assets/combo-rtl-button-active.png | Bin 0 -> 275 bytes gtk-2.0/assets/combo-rtl-button-hover.png | Bin 0 -> 275 bytes .../assets/combo-rtl-button-insensitive.png | Bin 0 -> 187 bytes gtk-2.0/assets/combo-rtl-button.png | Bin 0 -> 269 bytes gtk-2.0/assets/combo-rtl-entry-active.png | Bin 0 -> 285 bytes .../assets/combo-rtl-entry-insensitive.png | Bin 0 -> 269 bytes gtk-2.0/assets/combo-rtl-entry.png | Bin 0 -> 269 bytes gtk-2.0/assets/entry-active.png | Bin 0 -> 340 bytes .../assets/entry-background-insensitive.png | Bin 0 -> 142 bytes gtk-2.0/assets/entry-background.png | Bin 0 -> 142 bytes gtk-2.0/assets/entry-insensitive.png | Bin 0 -> 308 bytes gtk-2.0/assets/entry.png | Bin 0 -> 308 bytes gtk-2.0/assets/flat-button-active.png | Bin 0 -> 210 bytes gtk-2.0/assets/flat-button-hover.png | Bin 0 -> 204 bytes gtk-2.0/assets/flat-button-insensitive.png | Bin 0 -> 152 bytes gtk-2.0/assets/flat-button.png | Bin 0 -> 152 bytes gtk-2.0/assets/focus.png | Bin 0 -> 191 bytes gtk-2.0/assets/frame-inline.png | Bin 0 -> 159 bytes gtk-2.0/assets/frame-notebook.png | Bin 0 -> 162 bytes gtk-2.0/assets/frame.png | Bin 0 -> 157 bytes gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 186 bytes gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 199 bytes gtk-2.0/assets/handle-horz.png | Bin 0 -> 194 bytes gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 182 bytes gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 189 bytes gtk-2.0/assets/handle-vert.png | Bin 0 -> 188 bytes .../menu-checkbox-checked-insensitive.png | Bin 0 -> 298 bytes gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 305 bytes .../menu-checkbox-mixed-insensitive.png | Bin 0 -> 218 bytes gtk-2.0/assets/menu-checkbox-mixed.png | Bin 0 -> 221 bytes .../menu-checkbox-unchecked-insensitive.png | Bin 0 -> 209 bytes gtk-2.0/assets/menu-checkbox-unchecked.png | Bin 0 -> 209 bytes .../assets/menu-radio-checked-insensitive.png | Bin 0 -> 536 bytes gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 544 bytes .../assets/menu-radio-mixed-insensitive.png | Bin 0 -> 462 bytes gtk-2.0/assets/menu-radio-mixed.png | Bin 0 -> 470 bytes .../menu-radio-unchecked-insensitive.png | Bin 0 -> 363 bytes gtk-2.0/assets/menu-radio-unchecked.png | Bin 0 -> 441 bytes .../notebook-combo-ltr-entry-active.png | Bin 0 -> 270 bytes .../notebook-combo-ltr-entry-insensitive.png | Bin 0 -> 256 bytes gtk-2.0/assets/notebook-combo-ltr-entry.png | Bin 0 -> 256 bytes .../notebook-combo-rtl-entry-active.png | Bin 0 -> 285 bytes .../notebook-combo-rtl-entry-insensitive.png | Bin 0 -> 269 bytes gtk-2.0/assets/notebook-combo-rtl-entry.png | Bin 0 -> 269 bytes gtk-2.0/assets/notebook-entry-active.png | Bin 0 -> 340 bytes gtk-2.0/assets/notebook-entry-insensitive.png | Bin 0 -> 308 bytes gtk-2.0/assets/notebook-entry.png | Bin 0 -> 308 bytes gtk-2.0/assets/pan-down-alt-insensitive.png | Bin 0 -> 198 bytes gtk-2.0/assets/pan-down-alt.png | Bin 0 -> 206 bytes gtk-2.0/assets/pan-down-insensitive.png | Bin 0 -> 197 bytes gtk-2.0/assets/pan-down.png | Bin 0 -> 181 bytes gtk-2.0/assets/pan-left-alt-insensitive.png | Bin 0 -> 201 bytes gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 209 bytes gtk-2.0/assets/pan-left-insensitive.png | Bin 0 -> 201 bytes gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 206 bytes gtk-2.0/assets/pan-left.png | Bin 0 -> 196 bytes gtk-2.0/assets/pan-right-alt-insensitive.png | Bin 0 -> 203 bytes gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 205 bytes gtk-2.0/assets/pan-right-insensitive.png | Bin 0 -> 203 bytes gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 208 bytes gtk-2.0/assets/pan-right.png | Bin 0 -> 197 bytes gtk-2.0/assets/pan-up-alt-insensitive.png | Bin 0 -> 198 bytes gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 198 bytes gtk-2.0/assets/pan-up-insensitive.png | Bin 0 -> 198 bytes gtk-2.0/assets/pan-up.png | Bin 0 -> 177 bytes gtk-2.0/assets/pathbar_button_active.png | Bin 0 -> 154 bytes gtk-2.0/assets/pathbar_button_prelight.png | Bin 0 -> 154 bytes gtk-2.0/assets/progressbar-progress.png | Bin 0 -> 152 bytes gtk-2.0/assets/progressbar-trough.png | Bin 0 -> 152 bytes gtk-2.0/assets/radio-checked-active.png | Bin 0 -> 703 bytes gtk-2.0/assets/radio-checked-hover.png | Bin 0 -> 720 bytes gtk-2.0/assets/radio-checked-insensitive.png | Bin 0 -> 612 bytes gtk-2.0/assets/radio-checked.png | Bin 0 -> 667 bytes gtk-2.0/assets/radio-mixed-active.png | Bin 0 -> 639 bytes gtk-2.0/assets/radio-mixed-hover.png | Bin 0 -> 655 bytes gtk-2.0/assets/radio-mixed-insensitive.png | Bin 0 -> 566 bytes gtk-2.0/assets/radio-mixed.png | Bin 0 -> 612 bytes gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 577 bytes gtk-2.0/assets/radio-unchecked-hover.png | Bin 0 -> 582 bytes .../assets/radio-unchecked-insensitive.png | Bin 0 -> 445 bytes gtk-2.0/assets/radio-unchecked.png | Bin 0 -> 540 bytes gtk-2.0/assets/scale-horz-trough-active.png | Bin 0 -> 177 bytes .../assets/scale-horz-trough-insensitive.png | Bin 0 -> 176 bytes gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 176 bytes gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 397 bytes gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 385 bytes gtk-2.0/assets/scale-slider-insensitive.png | Bin 0 -> 382 bytes gtk-2.0/assets/scale-slider.png | Bin 0 -> 338 bytes gtk-2.0/assets/scale-vert-trough-active.png | Bin 0 -> 175 bytes .../assets/scale-vert-trough-insensitive.png | Bin 0 -> 176 bytes gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 176 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 244 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 262 bytes .../scrollbar-horz-slider-insensitive.png | Bin 0 -> 239 bytes gtk-2.0/assets/scrollbar-horz-slider.png | Bin 0 -> 247 bytes gtk-2.0/assets/scrollbar-horz-trough.png | Bin 0 -> 149 bytes .../scrollbar-vert-ltr-slider-active.png | Bin 0 -> 241 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 263 bytes .../scrollbar-vert-ltr-slider-insensitive.png | Bin 0 -> 244 bytes gtk-2.0/assets/scrollbar-vert-ltr-slider.png | Bin 0 -> 251 bytes gtk-2.0/assets/scrollbar-vert-ltr-trough.png | Bin 0 -> 148 bytes .../scrollbar-vert-rtl-slider-active.png | Bin 0 -> 241 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 261 bytes .../scrollbar-vert-rtl-slider-insensitive.png | Bin 0 -> 243 bytes gtk-2.0/assets/scrollbar-vert-rtl-slider.png | Bin 0 -> 250 bytes gtk-2.0/assets/scrollbar-vert-rtl-trough.png | Bin 0 -> 148 bytes gtk-2.0/assets/spin-ltr-down-active.png | Bin 0 -> 227 bytes gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 227 bytes gtk-2.0/assets/spin-ltr-down-insensitive.png | Bin 0 -> 176 bytes gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 220 bytes gtk-2.0/assets/spin-ltr-up-active.png | Bin 0 -> 238 bytes gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 238 bytes gtk-2.0/assets/spin-ltr-up-insensitive.png | Bin 0 -> 185 bytes gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 222 bytes gtk-2.0/assets/spin-rtl-down-active.png | Bin 0 -> 225 bytes gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 225 bytes gtk-2.0/assets/spin-rtl-down-insensitive.png | Bin 0 -> 164 bytes gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 224 bytes gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 218 bytes gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 218 bytes gtk-2.0/assets/spin-rtl-up-insensitive.png | Bin 0 -> 176 bytes gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 215 bytes gtk-2.0/assets/tab.png | Bin 0 -> 142 bytes gtk-2.0/assets/treeview-ltr-button-active.png | Bin 0 -> 157 bytes gtk-2.0/assets/treeview-ltr-button-hover.png | Bin 0 -> 158 bytes gtk-2.0/assets/treeview-ltr-button.png | Bin 0 -> 158 bytes gtk-2.0/assets/treeview-rtl-button-active.png | Bin 0 -> 157 bytes gtk-2.0/assets/treeview-rtl-button-hover.png | Bin 0 -> 157 bytes gtk-2.0/assets/treeview-rtl-button.png | Bin 0 -> 157 bytes gtk-2.0/gtkrc | 33 + gtk-2.0/hacks.rc | 36 + gtk-2.0/main.rc | 2791 ++++++ gtk-2.0/panel.rc | 193 + gtk-3.0/assets | 1 + gtk-3.0/gtk-dark.css | 8847 +++++++++++++++++ gtk-3.0/gtk.css | 8847 +++++++++++++++++ gtk-4.0/assets | 1 + gtk-4.0/gtk-dark.css | 7542 ++++++++++++++ gtk-4.0/gtk.css | 7542 ++++++++++++++ gtk-assets/header-icon-alt.png | Bin 0 -> 619 bytes gtk-assets/header-icon-alt@2.png | Bin 0 -> 1129 bytes gtk-assets/header-icon.png | Bin 0 -> 670 bytes gtk-assets/header-icon@2.png | Bin 0 -> 1178 bytes gtk-assets/scalable/check-symbolic.svg | 43 + gtk-assets/scalable/check-symbolic@2.svg | 44 + .../scalable/checkbox-checked-symbolic.svg | 39 + .../scalable/checkbox-mixed-symbolic.svg | 39 + .../scalable/checkbox-unchecked-symbolic.svg | 36 + .../scalable/radio-checked-symbolic.svg | 39 + gtk-assets/scalable/radio-mixed-symbolic.svg | 39 + .../scalable/radio-unchecked-symbolic.svg | 39 + gtk-assets/scalable/side-paned.svg | 80 + .../small-checkbox-checked-symbolic.svg | 39 + .../small-checkbox-mixed-symbolic.svg | 39 + .../small-checkbox-unchecked-symbolic.svg | 39 + .../scalable/small-radio-checked-symbolic.svg | 39 + .../scalable/small-radio-mixed-symbolic.svg | 39 + .../small-radio-unchecked-symbolic.svg | 39 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 351 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 508 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 398 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 611 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 403 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 627 bytes gtk-assets/scale-horz-marks-after-slider.png | Bin 0 -> 351 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 508 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 353 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 521 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 397 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 625 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 402 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 644 bytes gtk-assets/scale-horz-marks-before-slider.png | Bin 0 -> 353 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 521 bytes gtk-assets/scale-slider-dark.png | Bin 0 -> 305 bytes gtk-assets/scale-slider-dark@2.png | Bin 0 -> 509 bytes gtk-assets/scale-slider-disabled-dark.png | Bin 0 -> 339 bytes gtk-assets/scale-slider-disabled-dark@2.png | Bin 0 -> 592 bytes gtk-assets/scale-slider-disabled.png | Bin 0 -> 341 bytes gtk-assets/scale-slider-disabled@2.png | Bin 0 -> 592 bytes gtk-assets/scale-slider.png | Bin 0 -> 305 bytes gtk-assets/scale-slider@2.png | Bin 0 -> 509 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 337 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 480 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 381 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 576 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 381 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 585 bytes gtk-assets/scale-vert-marks-after-slider.png | Bin 0 -> 337 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 480 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 334 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 479 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 376 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 572 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 381 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 578 bytes gtk-assets/scale-vert-marks-before-slider.png | Bin 0 -> 334 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 479 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 459 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 681 bytes gtk-assets/selectionmode-checkbox-checked.png | Bin 0 -> 459 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 681 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 265 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 381 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 265 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 381 bytes gtk-assets/switch-slider-checked-dark.png | Bin 0 -> 214 bytes gtk-assets/switch-slider-checked-dark@2.png | Bin 0 -> 308 bytes gtk-assets/switch-slider-checked.png | Bin 0 -> 214 bytes gtk-assets/switch-slider-checked@2.png | Bin 0 -> 308 bytes gtk-assets/switch-slider-unchecked-dark.png | Bin 0 -> 211 bytes gtk-assets/switch-slider-unchecked-dark@2.png | Bin 0 -> 291 bytes gtk-assets/switch-slider-unchecked.png | Bin 0 -> 226 bytes gtk-assets/switch-slider-unchecked@2.png | Bin 0 -> 286 bytes index.theme | 12 + plank/dock.theme | 64 + xfwm4/bottom-active.png | Bin 0 -> 154 bytes xfwm4/bottom-inactive.png | Bin 0 -> 154 bytes xfwm4/bottom-left-active.png | Bin 0 -> 172 bytes xfwm4/bottom-left-inactive.png | Bin 0 -> 172 bytes xfwm4/bottom-right-active.png | Bin 0 -> 168 bytes xfwm4/bottom-right-inactive.png | Bin 0 -> 168 bytes xfwm4/close-active.png | Bin 0 -> 290 bytes xfwm4/close-inactive.png | Bin 0 -> 270 bytes xfwm4/close-prelight.png | Bin 0 -> 659 bytes xfwm4/close-pressed.png | Bin 0 -> 574 bytes xfwm4/hide-active.png | Bin 0 -> 290 bytes xfwm4/hide-inactive.png | Bin 0 -> 270 bytes xfwm4/hide-prelight.png | Bin 0 -> 302 bytes xfwm4/hide-pressed.png | Bin 0 -> 309 bytes xfwm4/left-active.png | Bin 0 -> 154 bytes xfwm4/left-inactive.png | Bin 0 -> 154 bytes xfwm4/maximize-active.png | Bin 0 -> 290 bytes xfwm4/maximize-inactive.png | Bin 0 -> 270 bytes xfwm4/maximize-prelight.png | Bin 0 -> 305 bytes xfwm4/maximize-pressed.png | Bin 0 -> 311 bytes xfwm4/maximize-toggled-active.png | Bin 0 -> 290 bytes xfwm4/maximize-toggled-inactive.png | Bin 0 -> 270 bytes xfwm4/maximize-toggled-prelight.png | Bin 0 -> 305 bytes xfwm4/maximize-toggled-pressed.png | Bin 0 -> 311 bytes xfwm4/menu-active.png | Bin 0 -> 290 bytes xfwm4/menu-inactive.png | Bin 0 -> 270 bytes xfwm4/menu-prelight.png | Bin 0 -> 334 bytes xfwm4/menu-pressed.png | Bin 0 -> 331 bytes xfwm4/right-active.png | Bin 0 -> 154 bytes xfwm4/right-inactive.png | Bin 0 -> 154 bytes xfwm4/shade-active.png | Bin 0 -> 290 bytes xfwm4/shade-inactive.png | Bin 0 -> 270 bytes xfwm4/shade-prelight.png | Bin 0 -> 363 bytes xfwm4/shade-pressed.png | Bin 0 -> 372 bytes xfwm4/stick-active.png | Bin 0 -> 290 bytes xfwm4/stick-inactive.png | Bin 0 -> 270 bytes xfwm4/stick-prelight.png | Bin 0 -> 438 bytes xfwm4/stick-pressed.png | Bin 0 -> 426 bytes xfwm4/stick-toggled-active.png | Bin 0 -> 290 bytes xfwm4/stick-toggled-inactive.png | Bin 0 -> 270 bytes xfwm4/stick-toggled-prelight.png | Bin 0 -> 460 bytes xfwm4/stick-toggled-pressed.png | Bin 0 -> 442 bytes xfwm4/themerc | 23 + xfwm4/title-1-active.png | Bin 0 -> 161 bytes xfwm4/title-1-inactive.png | Bin 0 -> 161 bytes xfwm4/title-2-active.png | Bin 0 -> 161 bytes xfwm4/title-2-inactive.png | Bin 0 -> 161 bytes xfwm4/title-3-active.png | Bin 0 -> 161 bytes xfwm4/title-3-inactive.png | Bin 0 -> 161 bytes xfwm4/title-4-active.png | Bin 0 -> 161 bytes xfwm4/title-4-inactive.png | Bin 0 -> 161 bytes xfwm4/title-5-active.png | Bin 0 -> 161 bytes xfwm4/title-5-inactive.png | Bin 0 -> 161 bytes xfwm4/top-left-active.png | Bin 0 -> 204 bytes xfwm4/top-left-inactive.png | Bin 0 -> 204 bytes xfwm4/top-right-active.png | Bin 0 -> 202 bytes xfwm4/top-right-inactive.png | Bin 0 -> 202 bytes 326 files changed, 42709 insertions(+), 4 deletions(-) create mode 100644 COPYING create mode 100644 gnome-shell/assets/activities-active.svg create mode 100644 gnome-shell/assets/activities.svg create mode 100644 gnome-shell/assets/calendar-arrow-left.svg create mode 100644 gnome-shell/assets/calendar-arrow-right.svg create mode 100644 gnome-shell/assets/calendar-today.svg create mode 100644 gnome-shell/assets/checkbox-off.svg create mode 100644 gnome-shell/assets/checkbox.svg create mode 100644 gnome-shell/assets/close.svg create mode 100644 gnome-shell/assets/dash-placeholder.svg create mode 100644 gnome-shell/assets/more-results.svg create mode 100644 gnome-shell/assets/no-events.svg create mode 100644 gnome-shell/assets/no-notifications.svg create mode 100644 gnome-shell/assets/process-working.svg create mode 100644 gnome-shell/assets/toggle-off.svg create mode 100644 gnome-shell/assets/toggle-on.svg create mode 100644 gnome-shell/assets/window-close-active.svg create mode 100644 gnome-shell/assets/window-close-hover.svg create mode 100644 gnome-shell/assets/window-close.svg create mode 100644 gnome-shell/gnome-shell-theme.gresource.xml create mode 100644 gnome-shell/gnome-shell.css create mode 100644 gnome-shell/message-indicator-symbolic.svg create mode 120000 gnome-shell/no-events.svg create mode 120000 gnome-shell/no-notifications.svg create mode 100644 gnome-shell/noise-texture.png create mode 100644 gnome-shell/pad-osd.css create mode 120000 gnome-shell/process-working.svg create mode 100644 gtk-2.0/apps.rc create mode 100644 gtk-2.0/assets/border.png create mode 100644 gtk-2.0/assets/button-active.png create mode 100644 gtk-2.0/assets/button-hover.png create mode 100644 gtk-2.0/assets/button-insensitive.png create mode 100644 gtk-2.0/assets/button.png create mode 100644 gtk-2.0/assets/checkbox-checked-active.png create mode 100644 gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 gtk-2.0/assets/checkbox-checked-insensitive.png create mode 100644 gtk-2.0/assets/checkbox-checked.png create mode 100644 gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 gtk-2.0/assets/checkbox-mixed-insensitive.png create mode 100644 gtk-2.0/assets/checkbox-mixed.png create mode 100644 gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 gtk-2.0/assets/checkbox-unchecked-insensitive.png create mode 100644 gtk-2.0/assets/checkbox-unchecked.png create mode 100644 gtk-2.0/assets/combo-ltr-button-active.png create mode 100644 gtk-2.0/assets/combo-ltr-button-hover.png create mode 100644 gtk-2.0/assets/combo-ltr-button-insensitive.png create mode 100644 gtk-2.0/assets/combo-ltr-button.png create mode 100644 gtk-2.0/assets/combo-ltr-entry-active.png create mode 100644 gtk-2.0/assets/combo-ltr-entry-insensitive.png create mode 100644 gtk-2.0/assets/combo-ltr-entry.png create mode 100644 gtk-2.0/assets/combo-rtl-button-active.png create mode 100644 gtk-2.0/assets/combo-rtl-button-hover.png create mode 100644 gtk-2.0/assets/combo-rtl-button-insensitive.png create mode 100644 gtk-2.0/assets/combo-rtl-button.png create mode 100644 gtk-2.0/assets/combo-rtl-entry-active.png create mode 100644 gtk-2.0/assets/combo-rtl-entry-insensitive.png create mode 100644 gtk-2.0/assets/combo-rtl-entry.png create mode 100644 gtk-2.0/assets/entry-active.png create mode 100644 gtk-2.0/assets/entry-background-insensitive.png create mode 100644 gtk-2.0/assets/entry-background.png create mode 100644 gtk-2.0/assets/entry-insensitive.png create mode 100644 gtk-2.0/assets/entry.png create mode 100644 gtk-2.0/assets/flat-button-active.png create mode 100644 gtk-2.0/assets/flat-button-hover.png create mode 100644 gtk-2.0/assets/flat-button-insensitive.png create mode 100644 gtk-2.0/assets/flat-button.png create mode 100644 gtk-2.0/assets/focus.png create mode 100644 gtk-2.0/assets/frame-inline.png create mode 100644 gtk-2.0/assets/frame-notebook.png create mode 100644 gtk-2.0/assets/frame.png create mode 100644 gtk-2.0/assets/handle-horz-active.png create mode 100644 gtk-2.0/assets/handle-horz-hover.png create mode 100644 gtk-2.0/assets/handle-horz.png create mode 100644 gtk-2.0/assets/handle-vert-active.png create mode 100644 gtk-2.0/assets/handle-vert-hover.png create mode 100644 gtk-2.0/assets/handle-vert.png create mode 100644 gtk-2.0/assets/menu-checkbox-checked-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 gtk-2.0/assets/menu-checkbox-mixed-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 gtk-2.0/assets/menu-radio-checked-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-checked.png create mode 100644 gtk-2.0/assets/menu-radio-mixed-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-mixed.png create mode 100644 gtk-2.0/assets/menu-radio-unchecked-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 gtk-2.0/assets/notebook-combo-ltr-entry-active.png create mode 100644 gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-combo-ltr-entry.png create mode 100644 gtk-2.0/assets/notebook-combo-rtl-entry-active.png create mode 100644 gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-combo-rtl-entry.png create mode 100644 gtk-2.0/assets/notebook-entry-active.png create mode 100644 gtk-2.0/assets/notebook-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-entry.png create mode 100644 gtk-2.0/assets/pan-down-alt-insensitive.png create mode 100644 gtk-2.0/assets/pan-down-alt.png create mode 100644 gtk-2.0/assets/pan-down-insensitive.png create mode 100644 gtk-2.0/assets/pan-down.png create mode 100644 gtk-2.0/assets/pan-left-alt-insensitive.png create mode 100644 gtk-2.0/assets/pan-left-alt.png create mode 100644 gtk-2.0/assets/pan-left-insensitive.png create mode 100644 gtk-2.0/assets/pan-left-semi.png create mode 100644 gtk-2.0/assets/pan-left.png create mode 100644 gtk-2.0/assets/pan-right-alt-insensitive.png create mode 100644 gtk-2.0/assets/pan-right-alt.png create mode 100644 gtk-2.0/assets/pan-right-insensitive.png create mode 100644 gtk-2.0/assets/pan-right-semi.png create mode 100644 gtk-2.0/assets/pan-right.png create mode 100644 gtk-2.0/assets/pan-up-alt-insensitive.png create mode 100644 gtk-2.0/assets/pan-up-alt.png create mode 100644 gtk-2.0/assets/pan-up-insensitive.png create mode 100644 gtk-2.0/assets/pan-up.png create mode 100644 gtk-2.0/assets/pathbar_button_active.png create mode 100644 gtk-2.0/assets/pathbar_button_prelight.png create mode 100644 gtk-2.0/assets/progressbar-progress.png create mode 100644 gtk-2.0/assets/progressbar-trough.png create mode 100644 gtk-2.0/assets/radio-checked-active.png create mode 100644 gtk-2.0/assets/radio-checked-hover.png create mode 100644 gtk-2.0/assets/radio-checked-insensitive.png create mode 100644 gtk-2.0/assets/radio-checked.png create mode 100644 gtk-2.0/assets/radio-mixed-active.png create mode 100644 gtk-2.0/assets/radio-mixed-hover.png create mode 100644 gtk-2.0/assets/radio-mixed-insensitive.png create mode 100644 gtk-2.0/assets/radio-mixed.png create mode 100644 gtk-2.0/assets/radio-unchecked-active.png create mode 100644 gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 gtk-2.0/assets/radio-unchecked-insensitive.png create mode 100644 gtk-2.0/assets/radio-unchecked.png create mode 100644 gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 gtk-2.0/assets/scale-horz-trough-insensitive.png create mode 100644 gtk-2.0/assets/scale-horz-trough.png create mode 100644 gtk-2.0/assets/scale-slider-active.png create mode 100644 gtk-2.0/assets/scale-slider-hover.png create mode 100644 gtk-2.0/assets/scale-slider-insensitive.png create mode 100644 gtk-2.0/assets/scale-slider.png create mode 100644 gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 gtk-2.0/assets/scale-vert-trough-insensitive.png create mode 100644 gtk-2.0/assets/scale-vert-trough.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider-insensitive.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png create mode 100644 gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 gtk-2.0/assets/scrollbar-vert-rtl-slider-insensitive.png create mode 100644 gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 gtk-2.0/assets/spin-ltr-down-insensitive.png create mode 100644 gtk-2.0/assets/spin-ltr-down.png create mode 100644 gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 gtk-2.0/assets/spin-ltr-up-insensitive.png create mode 100644 gtk-2.0/assets/spin-ltr-up.png create mode 100644 gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 gtk-2.0/assets/spin-rtl-down-insensitive.png create mode 100644 gtk-2.0/assets/spin-rtl-down.png create mode 100644 gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 gtk-2.0/assets/spin-rtl-up-insensitive.png create mode 100644 gtk-2.0/assets/spin-rtl-up.png create mode 100644 gtk-2.0/assets/tab.png create mode 100644 gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 gtk-2.0/assets/treeview-ltr-button.png create mode 100644 gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 gtk-2.0/assets/treeview-rtl-button.png create mode 100644 gtk-2.0/gtkrc create mode 100644 gtk-2.0/hacks.rc create mode 100644 gtk-2.0/main.rc create mode 100644 gtk-2.0/panel.rc create mode 120000 gtk-3.0/assets create mode 100644 gtk-3.0/gtk-dark.css create mode 100644 gtk-3.0/gtk.css create mode 120000 gtk-4.0/assets create mode 100644 gtk-4.0/gtk-dark.css create mode 100644 gtk-4.0/gtk.css create mode 100644 gtk-assets/header-icon-alt.png create mode 100644 gtk-assets/header-icon-alt@2.png create mode 100644 gtk-assets/header-icon.png create mode 100644 gtk-assets/header-icon@2.png create mode 100644 gtk-assets/scalable/check-symbolic.svg create mode 100644 gtk-assets/scalable/check-symbolic@2.svg create mode 100644 gtk-assets/scalable/checkbox-checked-symbolic.svg create mode 100644 gtk-assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 gtk-assets/scalable/checkbox-unchecked-symbolic.svg create mode 100644 gtk-assets/scalable/radio-checked-symbolic.svg create mode 100644 gtk-assets/scalable/radio-mixed-symbolic.svg create mode 100644 gtk-assets/scalable/radio-unchecked-symbolic.svg create mode 100644 gtk-assets/scalable/side-paned.svg create mode 100644 gtk-assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 gtk-assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg create mode 100644 gtk-assets/scalable/small-radio-checked-symbolic.svg create mode 100644 gtk-assets/scalable/small-radio-mixed-symbolic.svg create mode 100644 gtk-assets/scalable/small-radio-unchecked-symbolic.svg create mode 100644 gtk-assets/scale-horz-marks-after-slider-dark.png create mode 100644 gtk-assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 gtk-assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 gtk-assets/scale-horz-marks-after-slider-disabled.png create mode 100644 gtk-assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 gtk-assets/scale-horz-marks-after-slider.png create mode 100644 gtk-assets/scale-horz-marks-after-slider@2.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-dark.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-disabled.png create mode 100644 gtk-assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 gtk-assets/scale-horz-marks-before-slider.png create mode 100644 gtk-assets/scale-horz-marks-before-slider@2.png create mode 100644 gtk-assets/scale-slider-dark.png create mode 100644 gtk-assets/scale-slider-dark@2.png create mode 100644 gtk-assets/scale-slider-disabled-dark.png create mode 100644 gtk-assets/scale-slider-disabled-dark@2.png create mode 100644 gtk-assets/scale-slider-disabled.png create mode 100644 gtk-assets/scale-slider-disabled@2.png create mode 100644 gtk-assets/scale-slider.png create mode 100644 gtk-assets/scale-slider@2.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-dark.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-disabled.png create mode 100644 gtk-assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 gtk-assets/scale-vert-marks-after-slider.png create mode 100644 gtk-assets/scale-vert-marks-after-slider@2.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-dark.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-disabled.png create mode 100644 gtk-assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 gtk-assets/scale-vert-marks-before-slider.png create mode 100644 gtk-assets/scale-vert-marks-before-slider@2.png create mode 100644 gtk-assets/selectionmode-checkbox-checked-dark.png create mode 100644 gtk-assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 gtk-assets/selectionmode-checkbox-checked.png create mode 100644 gtk-assets/selectionmode-checkbox-checked@2.png create mode 100644 gtk-assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 gtk-assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 gtk-assets/selectionmode-checkbox-unchecked.png create mode 100644 gtk-assets/selectionmode-checkbox-unchecked@2.png create mode 100644 gtk-assets/switch-slider-checked-dark.png create mode 100644 gtk-assets/switch-slider-checked-dark@2.png create mode 100644 gtk-assets/switch-slider-checked.png create mode 100644 gtk-assets/switch-slider-checked@2.png create mode 100644 gtk-assets/switch-slider-unchecked-dark.png create mode 100644 gtk-assets/switch-slider-unchecked-dark@2.png create mode 100644 gtk-assets/switch-slider-unchecked.png create mode 100644 gtk-assets/switch-slider-unchecked@2.png create mode 100644 index.theme create mode 100644 plank/dock.theme create mode 100644 xfwm4/bottom-active.png create mode 100644 xfwm4/bottom-inactive.png create mode 100644 xfwm4/bottom-left-active.png create mode 100644 xfwm4/bottom-left-inactive.png create mode 100644 xfwm4/bottom-right-active.png create mode 100644 xfwm4/bottom-right-inactive.png create mode 100644 xfwm4/close-active.png create mode 100644 xfwm4/close-inactive.png create mode 100644 xfwm4/close-prelight.png create mode 100644 xfwm4/close-pressed.png create mode 100644 xfwm4/hide-active.png create mode 100644 xfwm4/hide-inactive.png create mode 100644 xfwm4/hide-prelight.png create mode 100644 xfwm4/hide-pressed.png create mode 100644 xfwm4/left-active.png create mode 100644 xfwm4/left-inactive.png create mode 100644 xfwm4/maximize-active.png create mode 100644 xfwm4/maximize-inactive.png create mode 100644 xfwm4/maximize-prelight.png create mode 100644 xfwm4/maximize-pressed.png create mode 100644 xfwm4/maximize-toggled-active.png create mode 100644 xfwm4/maximize-toggled-inactive.png create mode 100644 xfwm4/maximize-toggled-prelight.png create mode 100644 xfwm4/maximize-toggled-pressed.png create mode 100644 xfwm4/menu-active.png create mode 100644 xfwm4/menu-inactive.png create mode 100644 xfwm4/menu-prelight.png create mode 100644 xfwm4/menu-pressed.png create mode 100644 xfwm4/right-active.png create mode 100644 xfwm4/right-inactive.png create mode 100644 xfwm4/shade-active.png create mode 100644 xfwm4/shade-inactive.png create mode 100644 xfwm4/shade-prelight.png create mode 100644 xfwm4/shade-pressed.png create mode 100644 xfwm4/stick-active.png create mode 100644 xfwm4/stick-inactive.png create mode 100644 xfwm4/stick-prelight.png create mode 100644 xfwm4/stick-pressed.png create mode 100644 xfwm4/stick-toggled-active.png create mode 100644 xfwm4/stick-toggled-inactive.png create mode 100644 xfwm4/stick-toggled-prelight.png create mode 100644 xfwm4/stick-toggled-pressed.png create mode 100644 xfwm4/themerc create mode 100644 xfwm4/title-1-active.png create mode 100644 xfwm4/title-1-inactive.png create mode 100644 xfwm4/title-2-active.png create mode 100644 xfwm4/title-2-inactive.png create mode 100644 xfwm4/title-3-active.png create mode 100644 xfwm4/title-3-inactive.png create mode 100644 xfwm4/title-4-active.png create mode 100644 xfwm4/title-4-inactive.png create mode 100644 xfwm4/title-5-active.png create mode 100644 xfwm4/title-5-inactive.png create mode 100644 xfwm4/top-left-active.png create mode 100644 xfwm4/top-left-inactive.png create mode 100644 xfwm4/top-right-active.png create mode 100644 xfwm4/top-right-inactive.png diff --git a/AUTHORS b/AUTHORS index 4205d3f..2361830 100644 --- a/AUTHORS +++ b/AUTHORS @@ -1,9 +1,9 @@ ------------------------- VIMIX GTK THEME ------------------------ +------------------------ CANTA GTK THEME ------------------------ SOURCES: -nana-4 - Flat-Plat gtk theme: https://github.com/nana-4/Flat-Plat +nana-4 - materia gtk theme: https://github.com/nana-4/materia-theme CUSTOMIZER: -Vince Liuice - Vimix Gtk Theme (https://github.com/vinceliuice/vimix-gtk-themes) +Vince Liuice - Canta Theme (https://github.com/vinceliuice/Canta-theme) ------------------------- VIMIX GTK THEME ------------------------ +------------------------ CANTA GTK THEME ------------------------ diff --git a/COPYING b/COPYING new file mode 100644 index 0000000..94a9ed0 --- /dev/null +++ b/COPYING @@ -0,0 +1,674 @@ + GNU GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU General Public License is a free, copyleft license for +software and other kinds of works. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +the GNU General Public License is intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. We, the Free Software Foundation, use the +GNU General Public License for most of our software; it applies also to +any other work released this way by its authors. You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + To protect your rights, we need to prevent others from denying you +these rights or asking you to surrender the rights. Therefore, you have +certain responsibilities if you distribute copies of the software, or if +you modify it: responsibilities to respect the freedom of others. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must pass on to the recipients the same +freedoms that you received. You must make sure that they, too, receive +or can get the source code. And you must show them these terms so they +know their rights. + + Developers that use the GNU GPL protect your rights with two steps: +(1) assert copyright on the software, and (2) offer you this License +giving you legal permission to copy, distribute and/or modify it. + + For the developers' and authors' protection, the GPL clearly explains +that there is no warranty for this free software. For both users' and +authors' sake, the GPL requires that modified versions be marked as +changed, so that their problems will not be attributed erroneously to +authors of previous versions. + + Some devices are designed to deny users access to install or run +modified versions of the software inside them, although the manufacturer +can do so. This is fundamentally incompatible with the aim of +protecting users' freedom to change the software. The systematic +pattern of such abuse occurs in the area of products for individuals to +use, which is precisely where it is most unacceptable. Therefore, we +have designed this version of the GPL to prohibit the practice for those +products. If such problems arise substantially in other domains, we +stand ready to extend this provision to those domains in future versions +of the GPL, as needed to protect the freedom of users. + + Finally, every program is threatened constantly by software patents. +States should not allow patents to restrict development and use of +software on general-purpose computers, but in those that do, we wish to +avoid the special danger that patents applied to a free program could +make it effectively proprietary. To prevent this, the GPL assures that +patents cannot be used to render the program non-free. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Use with the GNU Affero General Public License. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU Affero General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the special requirements of the GNU Affero General Public License, +section 13, concerning interaction through a network will apply to the +combination as such. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If the program does terminal interaction, make it output a short +notice like this when it starts in an interactive mode: + + Copyright (C) + This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, your program's commands +might be different; for a GUI interface, you would use an "about box". + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU GPL, see +. + + The GNU General Public License does not permit incorporating your program +into proprietary programs. If your program is a subroutine library, you +may consider it more useful to permit linking proprietary applications with +the library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. But first, please read +. diff --git a/gnome-shell/assets/activities-active.svg b/gnome-shell/assets/activities-active.svg new file mode 100644 index 0000000..4c4f38e --- /dev/null +++ b/gnome-shell/assets/activities-active.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gnome-shell/assets/activities.svg b/gnome-shell/assets/activities.svg new file mode 100644 index 0000000..2ac767b --- /dev/null +++ b/gnome-shell/assets/activities.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gnome-shell/assets/calendar-arrow-left.svg b/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..f37b500 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/calendar-arrow-right.svg b/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6567537 --- /dev/null +++ b/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/calendar-today.svg b/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..5e77084 --- /dev/null +++ b/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..4033c84 --- /dev/null +++ b/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..c552b73 --- /dev/null +++ b/gnome-shell/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/close.svg b/gnome-shell/assets/close.svg new file mode 100644 index 0000000..c9ea758 --- /dev/null +++ b/gnome-shell/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/dash-placeholder.svg b/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..58925f0 --- /dev/null +++ b/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/more-results.svg b/gnome-shell/assets/more-results.svg new file mode 100644 index 0000000..52a0b22 --- /dev/null +++ b/gnome-shell/assets/more-results.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gnome-shell/assets/no-events.svg b/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..65650aa --- /dev/null +++ b/gnome-shell/assets/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/no-notifications.svg b/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..a3d22e4 --- /dev/null +++ b/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/assets/process-working.svg b/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..0f311b0 --- /dev/null +++ b/gnome-shell/assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/assets/toggle-off.svg b/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..09cc957 --- /dev/null +++ b/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/assets/toggle-on.svg b/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..a709134 --- /dev/null +++ b/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/assets/window-close-active.svg b/gnome-shell/assets/window-close-active.svg new file mode 100644 index 0000000..fed57f6 --- /dev/null +++ b/gnome-shell/assets/window-close-active.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/gnome-shell/assets/window-close-hover.svg b/gnome-shell/assets/window-close-hover.svg new file mode 100644 index 0000000..a39676b --- /dev/null +++ b/gnome-shell/assets/window-close-hover.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/gnome-shell/assets/window-close.svg b/gnome-shell/assets/window-close.svg new file mode 100644 index 0000000..8754773 --- /dev/null +++ b/gnome-shell/assets/window-close.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/gnome-shell/gnome-shell-theme.gresource.xml b/gnome-shell/gnome-shell-theme.gresource.xml new file mode 100644 index 0000000..2e932bf --- /dev/null +++ b/gnome-shell/gnome-shell-theme.gresource.xml @@ -0,0 +1,59 @@ + + + + assets/dash/bottom-running1.svg + assets/dash/bottom-running1-focused.svg + assets/dash/bottom-running2.svg + assets/dash/bottom-running2-focused.svg + assets/dash/bottom-running3.svg + assets/dash/bottom-running3-focused.svg + assets/dash/bottom-running4.svg + assets/dash/bottom-running4-focused.svg + assets/dash/left-running1.svg + assets/dash/left-running1-focused.svg + assets/dash/left-running2.svg + assets/dash/left-running2-focused.svg + assets/dash/left-running3.svg + assets/dash/left-running3-focused.svg + assets/dash/left-running4.svg + assets/dash/left-running4-focused.svg + assets/dash/right-running1.svg + assets/dash/right-running1-focused.svg + assets/dash/right-running2.svg + assets/dash/right-running2-focused.svg + assets/dash/right-running3.svg + assets/dash/right-running3-focused.svg + assets/dash/right-running4.svg + assets/dash/right-running4-focused.svg + assets/dash/top-running1.svg + assets/dash/top-running1-focused.svg + assets/dash/top-running2.svg + assets/dash/top-running2-focused.svg + assets/dash/top-running3.svg + assets/dash/top-running3-focused.svg + assets/dash/top-running4.svg + assets/dash/top-running4-focused.svg + assets/calendar-arrow-left.svg + assets/calendar-arrow-right.svg + assets/calendar-today.svg + assets/checkbox.svg + assets/checkbox-off.svg + assets/close.svg + assets/dash-placeholder.svg + assets/more-results.svg + assets/toggle-off.svg + assets/toggle-on.svg + assets/window-close.svg + assets/window-close-active.svg + assets/activities.svg + assets/activities-active.svg + extensions/workspaces-to-dock/workspaces-to-dock.css + gnome-shell.css + message-indicator-symbolic.svg + no-events.svg + no-notifications.svg + noise-texture.png + pad-osd.css + process-working.svg + + diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..8a9e490 --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,4774 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* Global Values */ +stage { + font-size: 1em; + color: #ffffff; +} + +/* Common Stylings */ +#dash .dash-item-container .show-apps, +#dash .dash-item-container .overview-tile, +#dash .dash-item-container .grid-search-result { + background: none; + box-shadow: none; + border: none; + border-radius: 0; + padding: 0; + margin: 0; +} + +.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { + border-radius: 16px; + padding: 6px; + spacing: 6px; + text-align: center; + transition-duration: 100ms; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button, +.unlock-dialog .icon-button, +.unlock-dialog .message .message-header .message-expand-button, +.message .message-header .unlock-dialog .message-expand-button, +.unlock-dialog .message .message-header .message-close-button, +.message .message-header .unlock-dialog .message-close-button, +.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button { + border-radius: 8px; + padding: 3px 24px; + font-weight: bold; + transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button { + color: #ffffff; + background-color: #474747; +} + +.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover, +.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover { + background-color: #515159; +} + +.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover, +.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover { + color: #ffffff; + background-color: #515151; +} + +.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #3f3f3f; +} + +.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected, +.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active, +.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active { + color: #ffffff; + background-color: #5e5e5e; +} + +.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover, +.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover { + background-color: #686868; +} + +.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus, +.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus, +.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus { + background-color: #5e5e66; +} + +.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked, +.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked { + color: #ffffff; + background-color: #5b5b5b; +} + +.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover, +.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover { + background-color: #666666; +} + +.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active, +.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active { + background-color: #727272; +} + +.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button, +.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat { + color: #ffffff; + background-color: #353535; +} + +.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus, +.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(62, 62, 105, 0.2875); +} + +.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover, +.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover { + background-color: #47474f; +} + +.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover, +.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover { + color: #ffffff; + background-color: #474747; +} + +.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive, +.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #353535; +} + +.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected, +.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active, +.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active { + color: #ffffff; + background-color: #4c4c4c; +} + +.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover, +.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover, +.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover { + background-color: #5e5e5e; +} + +.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus, +.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus, +.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus { + background-color: #4c4c54; +} + +.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked, +.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked { + color: #ffffff; + background-color: #494949; +} + +.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover, +.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover { + background-color: #5b5b5b; +} + +.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active, +.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active { + background-color: #606060; +} + +.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button, +.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default { + color: #ffffff; + background-color: #5657f5; +} + +.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus, +.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + box-shadow: inset 0 0 0 2px #9e9ff9 !important; + border: 2px solid #9e9ff9; + box-shadow: none !important; + background-color: #5657f5; +} + +.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover, +.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover { + background-color: #6869f6; +} + +.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover, +.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover { + color: #ffffff; + background-color: #696af6; +} + +.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive, +.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #4849f4; +} + +.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active, +.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active { + color: #ffffff; + background-color: #8182f8; +} + +.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover, +.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover { + background-color: #9595f9; +} + +.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus, +.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus { + background-color: #7f80f7; +} + +.popup-sub-menu .popup-menu-item, .popup-menu-item:active, .popup-menu-item:hover, .popup-menu-item { + font-weight: normal; + spacing: 6px; + transition-duration: 100ms; + padding: 9px 12px; +} + +.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button, +.world-clocks-button, +.weather-button { + border-radius: 12px; + padding: 0.818em; + margin: 4px; + background-color: #424242; + box-shadow: none; + border: 1px solid transparent; +} + +.lg-extension, .quick-toggle-menu, .message, .events-button, +.world-clocks-button, +.weather-button { + color: #ffffff; + background-color: #424242; +} + +.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover, +.world-clocks-button:hover, +.weather-button:hover { + color: #ffffff; + background-color: #4c4c4c; +} + +.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active, +.world-clocks-button:active, +.weather-button:active { + color: #ffffff; + background-color: #585858; +} + +.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover, +.world-clocks-button:active:hover, +.weather-button:active:hover { + background-color: #636363; +} + +.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus, +.world-clocks-button:active:focus, +.weather-button:active:focus { + background-color: #585860; +} + +.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus, +.world-clocks-button:focus, +.weather-button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #43434a; +} + +.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover, +.world-clocks-button:focus:hover, +.weather-button:focus:hover { + background-color: #4c4c54; +} + +.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive, +.world-clocks-button:insensitive, +.weather-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #3a3a3a; +} + +.calendar, .datemenu-today-button { + border: 1px solid transparent !important; + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + +.calendar:insensitive, .datemenu-today-button:insensitive { + background-color: transparent !important; +} + +.calendar:hover, .datemenu-today-button:hover { + color: #ffffff; + background-color: #474747; +} + +.calendar:active, .datemenu-today-button:active { + color: #ffffff; + background-color: #4c4c4c; +} + +.calendar:active:hover, .datemenu-today-button:active:hover { + background-color: #5e5e5e; +} + +.calendar:active:focus, .datemenu-today-button:active:focus { + background-color: #4c4c54; +} + +.calendar:focus, .datemenu-today-button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #43434a; +} + +.calendar:focus:hover, .datemenu-today-button:focus:hover { + background-color: #4c4c54; +} + +.calendar:insensitive, .datemenu-today-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #3a3a3a; +} + +.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry { + border-radius: 8px; + padding: 7px 7px; + selection-background-color: #5657f5; + selected-color: #ffffff; +} + +StEntry { + box-shadow: inset 0 0 0 2px transparent !important; + border: 2px solid transparent; + box-shadow: none !important; + background-color: #474747; + color: rgba(255, 255, 255, 0.7); +} + +StEntry:hover { + background-color: #515151; + color: #ffffff; +} + +StEntry:focus { + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; + color: #ffffff; +} + +StEntry:insensitive { + background-color: #3f3f3f; + color: rgba(255, 255, 255, 0.5); +} + +StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.7); +} + +.modal-dialog .modal-dialog-linked-button, .notification-button { + padding: 12px; + font-weight: bold !important; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); +} + +.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr { + margin-right: 0; +} + +.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl { + margin-left: 0; +} + +.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(171, 171, 250, 0.145); +} + +.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover { + background-color: rgba(182, 183, 251, 0.1735); +} + +.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.13); +} + +.modal-dialog .modal-dialog-linked-button:active, .notification-button:active { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.16); +} + +.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover { + background-color: rgba(255, 255, 255, 0.19); +} + +.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus { + background-color: rgba(191, 192, 251, 0.202); +} + +.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked { + color: #ffffff; + background-color: #5b5b5b; +} + +.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover { + background-color: #666666; +} + +.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active { + background-color: #727272; +} + +.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #3f3f3f; +} + +.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr { + border-radius: 0 0 0 16px; +} + +.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr { + border-radius: 0 0 16px; + margin-right: 0 !important; +} + +.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl { + border-radius: 0 0 16px; +} + +.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl { + border-radius: 0 0 0 16px; + margin-left: 0 !important; +} + +.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child { + border-radius: 0 0 16px 16px; + margin-left: 0 !important; + margin-right: 0 !important; +} + +.dash-label, .window-caption, .screenshot-ui-tooltip { + background-color: rgba(0, 0, 0, 0.9); + border: none; + color: #ffffff; + border-radius: 999px; + padding: 6px 12px; + text-align: center; +} + +/* General Typography */ +.login-dialog .user-widget.vertical .user-widget-label, +.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { + font-weight: 800; + font-size: 1.818em; +} + +.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { + font-weight: 800; + font-size: 1.364em; +} + +.login-dialog .user-widget.horizontal .user-widget-label, +.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title { + font-weight: 700; + font-size: 1.364em; +} + +.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline { + font-weight: 700; + font-size: 1.182em; +} + +.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label { + font-weight: 700; + font-size: 1em; +} + +.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { + font-weight: 700; + font-size: 0.818em; +} + +.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time { + font-weight: 400; + font-size: 0.818em; +} + +.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day { + font-weight: 400; + font-size: 0.727em; +} + +.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day { + font-feature-settings: "tnum"; +} + +/* OSD Elements */ +#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window { + color: #ffffff; + background-color: #353535; + border: none; + border-radius: 999px; + padding: 12px; +} + +.lg-dialog StEntry { + box-shadow: inset 0 0 0 2px transparent !important; + border: 2px solid transparent; + box-shadow: none !important; + background-color: #474747; + color: rgba(255, 255, 255, 0.7); +} + +.lg-dialog StEntry:hover { + background-color: #515151; + color: #ffffff; +} + +.lg-dialog StEntry:focus { + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; + color: #ffffff; +} + +.lg-dialog StEntry:insensitive { + background-color: #3f3f3f; + color: rgba(255, 255, 255, 0.5); +} + +.lg-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.7); +} + +#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button { + color: #ffffff; + background-color: #474747; +} + +#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover { + background-color: #515159; +} + +#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover { + color: #ffffff; + background-color: #515151; +} + +#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active { + color: #ffffff; + background-color: #5e5e5e; +} + +#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover { + background-color: #686868; +} + +#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus { + background-color: #5e5e66; +} + +#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked { + color: #ffffff; + background-color: #5b5b5b; +} + +#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover { + background-color: #666666; +} + +#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active { + background-color: #727272; +} + +#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #3f3f3f; +} + +.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { + color: #ffffff; + background-color: #353535; +} + +.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(62, 62, 105, 0.2875); +} + +.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { + background-color: #47474f; +} + +.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + color: #ffffff; + background-color: #474747; +} + +.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + color: #ffffff; + background-color: #4c4c4c; +} + +.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover { + background-color: #5e5e5e; +} + +.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus { + background-color: #4c4c54; +} + +.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + color: #ffffff; + background-color: #494949; +} + +.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { + background-color: #5b5b5b; +} + +.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { + background-color: #606060; +} + +.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #353535; +} + +/* System Elements */ +.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + box-shadow: inset 0 0 0 2px transparent !important; + border: 2px solid transparent; + box-shadow: none !important; + background-color: #464646; + color: rgba(245, 245, 245, 0.7); +} + +.login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover { + background-color: #505050; + color: whitesmoke; +} + +.login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #47474f; + color: whitesmoke; +} + +.login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + background-color: #3e3e3e; + color: rgba(245, 245, 245, 0.5); +} + +.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(245, 245, 245, 0.7); +} + +.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button { + color: whitesmoke; + background-color: #464646; +} + +.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #3e3e3e; +} + +.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #47474f; +} + +.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover { + background-color: #505158; +} + +.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { + color: whitesmoke; + background-color: #505050; +} + +.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active { + color: whitesmoke; + background-color: #5d5d5d; +} + +.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover { + background-color: #676767; +} + +.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus { + background-color: #5d5d65; +} + +.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked { + color: whitesmoke; + background-color: #5a5a5a; +} + +.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover { + background-color: #656565; +} + +.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active { + background-color: #717171; +} + +/* Lockscreen Elements */ +.unlock-dialog .button, +.unlock-dialog .icon-button, +.unlock-dialog .calendar .calendar-month-header .pager-button, +.calendar .calendar-month-header .unlock-dialog .pager-button, +.unlock-dialog .message .message-header .message-expand-button, +.message .message-header .unlock-dialog .message-expand-button, +.unlock-dialog .message .message-header .message-close-button, +.message .message-header .unlock-dialog .message-close-button, +.unlock-dialog .screenshot-ui-show-pointer-button, +.unlock-dialog .login-dialog-button.cancel-button, +.unlock-dialog .login-dialog-button.switch-user-button, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button { + color: whitesmoke; + background-color: rgba(245, 245, 245, 0.1); +} + +.unlock-dialog .button:focus, +.unlock-dialog .icon-button:focus, +.unlock-dialog .calendar .calendar-month-header .pager-button:focus, +.calendar .calendar-month-header .unlock-dialog .pager-button:focus, +.unlock-dialog .message .message-header .message-expand-button:focus, +.message .message-header .unlock-dialog .message-expand-button:focus, +.unlock-dialog .message .message-header .message-close-button:focus, +.message .message-header .unlock-dialog .message-close-button:focus, +.unlock-dialog .screenshot-ui-show-pointer-button:focus, +.unlock-dialog .login-dialog-button.cancel-button:focus, +.unlock-dialog .login-dialog-button.switch-user-button:focus, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(166, 166, 245, 0.145); +} + +.unlock-dialog .button:focus:hover, +.unlock-dialog .icon-button:focus:hover, +.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover, +.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover, +.unlock-dialog .message .message-header .message-expand-button:focus:hover, +.message .message-header .unlock-dialog .message-expand-button:focus:hover, +.unlock-dialog .message .message-header .message-close-button:focus:hover, +.message .message-header .unlock-dialog .message-close-button:focus:hover, +.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover, +.unlock-dialog .login-dialog-button.cancel-button:focus:hover, +.unlock-dialog .login-dialog-button.switch-user-button:focus:hover, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover { + background-color: rgba(176, 177, 245, 0.1735); +} + +.unlock-dialog .button:hover, +.unlock-dialog .icon-button:hover, +.unlock-dialog .calendar .calendar-month-header .pager-button:hover, +.calendar .calendar-month-header .unlock-dialog .pager-button:hover, +.unlock-dialog .message .message-header .message-expand-button:hover, +.message .message-header .unlock-dialog .message-expand-button:hover, +.unlock-dialog .message .message-header .message-close-button:hover, +.message .message-header .unlock-dialog .message-close-button:hover, +.unlock-dialog .screenshot-ui-show-pointer-button:hover, +.unlock-dialog .login-dialog-button.cancel-button:hover, +.unlock-dialog .login-dialog-button.switch-user-button:hover, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover { + color: whitesmoke; + background-color: rgba(245, 245, 245, 0.13); +} + +.unlock-dialog .button:active, +.unlock-dialog .icon-button:active, +.unlock-dialog .calendar .calendar-month-header .pager-button:active, +.calendar .calendar-month-header .unlock-dialog .pager-button:active, +.unlock-dialog .message .message-header .message-expand-button:active, +.message .message-header .unlock-dialog .message-expand-button:active, +.unlock-dialog .message .message-header .message-close-button:active, +.message .message-header .unlock-dialog .message-close-button:active, +.unlock-dialog .screenshot-ui-show-pointer-button:active, +.unlock-dialog .login-dialog-button.cancel-button:active, +.unlock-dialog .login-dialog-button.switch-user-button:active, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active { + color: whitesmoke; + background-color: rgba(245, 245, 245, 0.16); +} + +.unlock-dialog .button:active:hover, +.unlock-dialog .icon-button:active:hover, +.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover, +.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover, +.unlock-dialog .message .message-header .message-expand-button:active:hover, +.message .message-header .unlock-dialog .message-expand-button:active:hover, +.unlock-dialog .message .message-header .message-close-button:active:hover, +.message .message-header .unlock-dialog .message-close-button:active:hover, +.unlock-dialog .screenshot-ui-show-pointer-button:active:hover, +.unlock-dialog .login-dialog-button.cancel-button:active:hover, +.unlock-dialog .login-dialog-button.switch-user-button:active:hover, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover { + background-color: rgba(245, 245, 245, 0.19); +} + +.unlock-dialog .button:active:focus, +.unlock-dialog .icon-button:active:focus, +.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus, +.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus, +.unlock-dialog .message .message-header .message-expand-button:active:focus, +.message .message-header .unlock-dialog .message-expand-button:active:focus, +.unlock-dialog .message .message-header .message-close-button:active:focus, +.message .message-header .unlock-dialog .message-close-button:active:focus, +.unlock-dialog .screenshot-ui-show-pointer-button:active:focus, +.unlock-dialog .login-dialog-button.cancel-button:active:focus, +.unlock-dialog .login-dialog-button.switch-user-button:active:focus, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus { + background-color: rgba(185, 185, 245, 0.202); +} + +.unlock-dialog .button:checked, +.unlock-dialog .icon-button:checked, +.unlock-dialog .calendar .calendar-month-header .pager-button:checked, +.calendar .calendar-month-header .unlock-dialog .pager-button:checked, +.unlock-dialog .message .message-header .message-expand-button:checked, +.message .message-header .unlock-dialog .message-expand-button:checked, +.unlock-dialog .message .message-header .message-close-button:checked, +.message .message-header .unlock-dialog .message-close-button:checked, +.unlock-dialog .screenshot-ui-show-pointer-button:checked, +.unlock-dialog .login-dialog-button.cancel-button:checked, +.unlock-dialog .login-dialog-button.switch-user-button:checked, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked { + color: whitesmoke; + background-color: #5a5a5a; +} + +.unlock-dialog .button:checked:hover, +.unlock-dialog .icon-button:checked:hover, +.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover, +.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover, +.unlock-dialog .message .message-header .message-expand-button:checked:hover, +.message .message-header .unlock-dialog .message-expand-button:checked:hover, +.unlock-dialog .message .message-header .message-close-button:checked:hover, +.message .message-header .unlock-dialog .message-close-button:checked:hover, +.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover, +.unlock-dialog .login-dialog-button.cancel-button:checked:hover, +.unlock-dialog .login-dialog-button.switch-user-button:checked:hover, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover { + background-color: #656565; +} + +.unlock-dialog .button:checked:active, +.unlock-dialog .icon-button:checked:active, +.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active, +.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active, +.unlock-dialog .message .message-header .message-expand-button:checked:active, +.message .message-header .unlock-dialog .message-expand-button:checked:active, +.unlock-dialog .message .message-header .message-close-button:checked:active, +.message .message-header .unlock-dialog .message-close-button:checked:active, +.unlock-dialog .screenshot-ui-show-pointer-button:checked:active, +.unlock-dialog .login-dialog-button.cancel-button:checked:active, +.unlock-dialog .login-dialog-button.switch-user-button:checked:active, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active { + background-color: #717171; +} + +.unlock-dialog .button:insensitive, +.unlock-dialog .icon-button:insensitive, +.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive, +.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive, +.unlock-dialog .message .message-header .message-expand-button:insensitive, +.message .message-header .unlock-dialog .message-expand-button:insensitive, +.unlock-dialog .message .message-header .message-close-button:insensitive, +.message .message-header .unlock-dialog .message-close-button:insensitive, +.unlock-dialog .screenshot-ui-show-pointer-button:insensitive, +.unlock-dialog .login-dialog-button.cancel-button:insensitive, +.unlock-dialog .login-dialog-button.switch-user-button:insensitive, +.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #3e3e3e; +} + +.unlock-dialog .login-dialog-prompt-entry { + box-shadow: inset 0 0 0 2px transparent !important; + border: 2px solid transparent; + box-shadow: none !important; + background-color: rgba(245, 245, 245, 0.1); + color: rgba(245, 245, 245, 0.7); +} + +.unlock-dialog .login-dialog-prompt-entry:hover { + background-color: rgba(255, 255, 255, 0.1); + color: whitesmoke; +} + +.unlock-dialog .login-dialog-prompt-entry:focus { + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(166, 166, 245, 0.145); + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important; + border: 2px solid rgba(245, 245, 245, 0.4); + box-shadow: none !important; + background-color: rgba(245, 245, 245, 0.115); +} + +.unlock-dialog .login-dialog-prompt-entry:insensitive { + background-color: rgba(237, 237, 237, 0.1); + color: rgba(245, 245, 245, 0.5); +} + +.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text { + color: rgba(245, 245, 245, 0.7); +} + +/* WIDGETS */ +.shell-link { + color: #64B5F6; +} + +.shell-link:hover { + color: #94ccf9; +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); +} + +.icon-dropshadow { + icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); +} + +/* Entries */ +StEntry StIcon.capslock-warning { + icon-size: 1.091em; + warning-color: #f6d32d; + padding: 0 4px; +} + +StEntry StIcon.peek-password { + icon-size: 1.091em; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; +} + +/* Buttons */ +.button { + min-height: 1.5em; +} + +.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button { + border-radius: 999px; + padding: 0.818em; + min-height: 1.091em; +} + +.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon, +.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); +} + +/* Switches */ +.toggle-switch { + color: #ffffff; + height: 26px; + width: 46px; + background-size: contain; + background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); +} + +.toggle-switch StIcon { + icon-size: 16px; +} + +/* Slider */ +.slider { + -barlevel-height: 4px; + -barlevel-background-color: rgba(255, 255, 255, 0.2); + -barlevel-border-width: 2px; + -barlevel-border-color: transparent; + -barlevel-active-background-color: #5657f5; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #c01c28; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 1px; + -slider-handle-radius: 0.5455em; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; +} + +StScrollView.hfade { + -st-hfade-offset: 68px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 8px; + min-height: 8px; +} + +StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #717171; + border: 3px solid transparent; + transition: 500ms all ease; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #9a9a9a; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #868686; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer, .candidate-popup-boxpointer { + -arrow-rise: 6px; +} + +.popup-menu { + min-width: 15em; + color: #ffffff; +} + +.popup-menu.panel-menu { + margin-bottom: 1.75em; +} + +.popup-menu-content, .candidate-popup-content { + padding: 6px; + background-color: #353535; + border-radius: 18px; + border: none; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +} + +.popup-menu-item { + background-color: transparent; + border-color: transparent; + box-shadow: none; + border-radius: 12px; +} + +.popup-menu-item:insensitive { + background-color: transparent !important; +} + +.popup-menu-item:focus, .popup-menu-item:hover { + color: #ffffff; + background-color: #5d5d5d; +} + +.popup-menu-item:active { + color: #ffffff; + background-color: #6a6a6a; +} + +.popup-menu-item:active:hover { + background-color: #747474; +} + +.popup-menu-item:active:focus { + background-color: #696971; +} + +.popup-menu-item:checked { + color: #ffffff; + background-color: #676767; +} + +.popup-menu-item:checked:hover { + background-color: #727272; +} + +.popup-menu-item:checked:active { + background-color: #7e7e7e; +} + +.popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #4b4b4b; +} + +.popup-menu-item:hover { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + +.popup-menu-item:hover:insensitive { + background-color: transparent !important; +} + +.popup-menu-item:hover:focus, .popup-menu-item:hover:hover { + color: #ffffff; + background-color: #747474; +} + +.popup-menu-item:hover:active { + color: #ffffff; + background-color: #818181; +} + +.popup-menu-item:hover:active:hover { + background-color: #8b8b8b; +} + +.popup-menu-item:hover:active:focus { + background-color: #7f7f87; +} + +.popup-menu-item:hover:checked { + color: #ffffff; + background-color: #7e7e7e; +} + +.popup-menu-item:hover:checked:hover { + background-color: #898989; +} + +.popup-menu-item:hover:checked:active { + background-color: #959595; +} + +.popup-menu-item:hover:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #626262; +} + +.popup-menu-item:active { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + +.popup-menu-item:active:insensitive { + background-color: transparent !important; +} + +.popup-menu-item:active:focus, .popup-menu-item:active:hover { + color: #ffffff; + background-color: #787878; +} + +.popup-menu-item:active:active { + color: #ffffff; + background-color: #858585; +} + +.popup-menu-item:active:active:hover { + background-color: #8f8f8f; +} + +.popup-menu-item:active:active:focus { + background-color: #83838b; +} + +.popup-menu-item:active:checked { + color: #ffffff; + background-color: #828282; +} + +.popup-menu-item:active:checked:hover { + background-color: #8d8d8d; +} + +.popup-menu-item:active:checked:active { + background-color: #999999; +} + +.popup-menu-item:active:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #666666; +} + +.popup-menu-item:checked { + border-radius: 12px 12px 0 0 !important; +} + +.popup-menu-item:insensitive { + color: #9a9a9a; +} + +.popup-menu-item .toggle-switch:ltr { + margin-left: 4px; +} + +.popup-menu-item .toggle-switch:rtl { + margin-right: 4px; +} + +.popup-ornamented-menu-item:ltr { + padding-left: 6px; +} + +.popup-ornamented-menu-item:rtl { + padding-right: 6px; +} + +.popup-inactive-menu-item { + color: #ffffff; +} + +.popup-inactive-menu-item:insensitive { + color: #9a9a9a; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.091em; +} + +.popup-sub-menu { + border-radius: 0 0 12px 12px; + margin-bottom: 6px; + border: none; + background-color: #454545; +} + +.popup-sub-menu .popup-menu-item { + border-radius: 0; + background-color: transparent; + border-color: transparent; + box-shadow: none; + border-top-width: 0; +} + +.popup-sub-menu .popup-menu-item:insensitive { + background-color: transparent !important; +} + +.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { + color: #ffffff; + background-color: #6b6b6b; +} + +.popup-sub-menu .popup-menu-item:active { + color: #ffffff; + background-color: #787878; +} + +.popup-sub-menu .popup-menu-item:active:hover { + background-color: #828282; +} + +.popup-sub-menu .popup-menu-item:active:focus { + background-color: #76767e; +} + +.popup-sub-menu .popup-menu-item:checked { + color: #ffffff; + background-color: #757575; +} + +.popup-sub-menu .popup-menu-item:checked:hover { + background-color: gray; +} + +.popup-sub-menu .popup-menu-item:checked:active { + background-color: #8c8c8c; +} + +.popup-sub-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #595959; +} + +.popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 12px 12px; + border-bottom-width: 0; +} + +.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { + border-radius: 0; +} + +.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { + border-radius: 0 0 12px 12px; +} + +.popup-menu-ornament { + icon-size: 1.091em !important; + width: 1.091em; +} + +.popup-separator-menu-item { + border: none !important; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.1); +} + +.popup-sub-menu .popup-separator-menu-item { + background-color: transparent; +} + +.popup-sub-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; +} + +.popup-sub-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + background-color: rgba(255, 255, 255, 0.1); +} + +.background-menu { + -boxpointer-gap: 0px; + -arrow-rise: 0px; +} + +.app-menu { + max-width: 27.25em; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; +} + +/* Date/Time Menu */ +#calendarArea { + padding: 4px; +} + +.datemenu-popover { + border-radius: 30px; +} + +.datemenu-calendar-column { + spacing: 6px; +} + +.datemenu-calendar-column:ltr { + margin-left: 6px; +} + +.datemenu-calendar-column:rtl { + margin-right: 6px; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; +} + +.datemenu-today-button { + padding: 9px; +} + +.datemenu-today-button .day-label { + font-weight: bold; +} + +.calendar { + margin-top: 0; + padding: 0; +} + +.calendar .calendar-month-header .calendar-change-month-back StIcon, +.calendar .calendar-month-header .calendar-change-month-forward StIcon { + icon-size: 1.091em; +} + +.calendar .calendar-month-header .calendar-month-label { + color: #ffffff !important; + padding: 8px 0; + width: 10em; + border-radius: 999px; + text-align: center; +} + +.calendar .calendar-month-header .pager-button { + height: 2.6em; + width: 2.6em; + padding: 0; + border: none !important; +} + +.calendar .calendar-day { + border-radius: 999px; + height: 3em; + width: 3em; + margin: 2px; + padding: 0; + border: none !important; + font-weight: bold; + text-align: center; +} + +.calendar .calendar-day.calendar-weekend { + color: #9a9a9a; +} + +.calendar .calendar-day.calendar-other-month { + color: rgba(255, 255, 255, 0.5); + font-weight: normal; +} + +.calendar .calendar-day.calendar-other-month.calendar-weekend { + color: rgba(255, 255, 255, 0.5); +} + +.calendar .calendar-day.calendar-today { + border: none !important; + color: #ffffff !important; +} + +.calendar .calendar-day.calendar-today.calendar-day-with-events { + background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; +} + +.calendar .calendar-day.calendar-day-with-events { + background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); + background-size: contain; +} + +.calendar .calendar-day-heading { + font-weight: bold; + text-align: center; + margin: 4px; + padding: 3px 6px; + border-radius: 8px; + border: none !important; +} + +.calendar .calendar-week-number { + font-weight: bold; + font-feature-settings: "tnum"; + text-align: center; + margin: 6px; + padding: 0 6px; + border-radius: 4px; + background-color: rgba(154, 154, 154, 0.2); + color: #9a9a9a; +} + +.events-button, +.world-clocks-button, +.weather-button { + border: none !important; +} + +.events-button .events-box .events-title { + color: #9a9a9a; + padding-bottom: 6px; +} + +.events-button .events-box .events-list { + spacing: 6px; +} + +.events-button .events-box .events-list .event-box { + spacing: 6px; + border-radius: 8px; +} + +.events-button .events-box .events-list .event-box .event-time { + color: #9a9a9a; +} + +.events-button .events-box .events-list .event-placeholder { + color: #9a9a9a; + font-style: italic; +} + +.world-clocks-button .world-clocks-header { + color: #9a9a9a; +} + +.world-clocks-button .world-clocks-header.no-world-clocks { + color: #ffffff; +} + +.world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.world-clocks-button .world-clocks-grid .world-clocks-time { + font-weight: bold; +} + +.world-clocks-button .world-clocks-grid .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-grid .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-grid .world-clocks-timezone { + color: #9a9a9a; +} + +.weather-button .weather-box { + spacing: 6px; +} + +.weather-button .weather-box .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-box .weather-header-box .weather-header { + color: #9a9a9a; +} + +.weather-button .weather-box .weather-header-box .weather-header.no-location { + color: #ffffff; +} + +.weather-button .weather-box .weather-header-box .weather-header.location { + font-weight: normal; +} + +.weather-button .weather-box .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-box .weather-grid .weather-forecast-time { + font-size: 0.909em; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-box .weather-grid .weather-forecast-icon { + icon-size: 2.182em; + margin-bottom: 4px; +} + +.weather-button .weather-box .weather-grid .weather-forecast-temp { + font-weight: bold; +} + +/* Message List */ +.message-list { + width: 29em; + border: solid rgba(255, 255, 255, 0.1); +} + +.message-list:ltr { + margin-left: 0; + margin-right: 4px; + padding-right: 0; + border-right-width: 1px; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 4px; + padding-left: 0; + border-left-width: 1px; +} + +.message-list .message-list-placeholder { + color: rgba(255, 255, 255, 0.25); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-list-sections { + spacing: 12px; + padding: 2px; +} + +.message-list-sections:ltr { + margin-right: 12px; +} + +.message-list-sections:rtl { + margin-left: 12px; +} + +.message-list-section, +.message-list-section-list { + spacing: 12px; +} + +.message-list-controls { + padding: 12px; + padding-bottom: 6px; + spacing: 6px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(86, 87, 245, 0.6); +} + +.message { + padding: 0; + margin: 0; + border-radius: 16px; +} + +.message:ltr { + padding-right: -2px; +} + +.message:rtl { + padding-left: -2px; +} + +.message .message-header { + padding: 0 0.409em; + margin: 6px; + margin-bottom: 0; + spacing: 6px; + color: #9a9a9a; +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 6px; + min-height: 1.637em; + padding-bottom: 6px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + color: #9a9a9a; + padding-bottom: 0.068em; +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + padding: 4px; +} + +.message .message-header .message-expand-button:hover, +.message .message-header .message-close-button:hover { + background-color: rgba(255, 255, 255, 0.19); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: rgba(255, 255, 255, 0.24); +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: rgba(255, 255, 255, 0.07); +} + +.message .message-header .message-expand-button { + padding: 6px; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 6px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 6px; +} + +.message .message-box { + padding: 6px; + margin: 6px; + margin-top: 0; + spacing: 6px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 6px; +} + +.message .message-box .message-icon:rtl { + margin-left: 6px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 999px; + background-color: rgba(255, 255, 255, 0.2); + icon-size: 16px; + min-width: 48px; + min-height: 48px; +} + +.message .message-box:first-child { + margin-top: 12px; +} + +.message .message-box .message-content { + spacing: 4px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #64B5F6; +} + +/* Media Controls */ +.message-media-control { + padding: 0 18px; + border-radius: 8px; + color: #ffffff; + border: 1px solid transparent; +} + +.message-media-control:hover { + background-color: rgba(255, 255, 255, 0.19); + color: #ffffff; +} + +.message-media-control:active { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} + +.message-media-control:insensitive { + color: #a7a7a7; +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 8px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +.candidate-popup-content { + padding: 6px; + spacing: 6px; +} + +.candidate-index { + padding: 0; + padding-right: 6px; + color: #9a9a9a; +} + +.candidate-box { + padding: 6px 12px 6px 12px; + border-radius: 8px; +} + +.candidate-box:selected { + background-color: #5657f5; + color: #ffffff; +} + +.candidate-box:hover { + background-color: #4e4e4e; + color: white; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 12px; +} + +.horizontal .candidate-page-button-box { + padding-left: 12px; +} + +.candidate-page-button { + padding: 6px; +} + +.candidate-page-button StIcon { + icon-size: 16px; +} + +.candidate-page-button-previous { + border-radius: 8px 0px 0px 8px; + border-right-width: 0; + box-shadow: none; +} + +.candidate-page-button-next { + border-radius: 0px 8px 8px 0px; + box-shadow: none; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + border-radius: 16px; + margin: 8px; +} + +.notification-buttons-bin { + spacing: 0; +} + +/* Modal Dialogs */ +.modal-dialog { + background-color: #353535; + border-radius: 16px; + box-shadow: inset 0 0 0 1px #424242; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +/* End Session Dialog */ +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #f6d32d; +} + +/* Message Dialog */ +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +/* Dialog List */ +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; +} + +.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: #f2f2f2; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 12px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #cccccc; +} + +/* Password or Authentication Dialog */ +.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; +} + +.prompt-dialog-error-label { + color: #f6d32d; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #f6d32d; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border-radius: 16px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: #4e4e4e; +} + +.audio-selection-device:active { + background-color: #5657f5; + color: #ffffff; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Welcome dialog */ +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + /* Reasonable maximum dimensions */ + height: 300px; + width: 300px; +} + +/* Access portal dialog */ +.access-dialog { + text-align: center; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 12px; + padding: 12px 18px; + margin-bottom: 4em; +} + +.osd-window > * { + spacing: 8px; +} + +.osd-window StIcon { + icon-size: 32px; +} + +.osd-window StLabel:ltr { + margin-right: 6px; +} + +.osd-window StLabel:rtl { + margin-left: 6px; +} + +.osd-window .level { + margin-bottom: 4px; + min-width: 160px; + -barlevel-height: 6px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-active-background-color: #ffffff; + -barlevel-overdrive-color: #c01c28; + -barlevel-overdrive-separator-width: 3px; +} + +.osd-window .level:first-child { + margin-bottom: 0; +} + +.osd-window .level:ltr { + margin-right: 6px; +} + +.osd-window .level:rtl { + margin-left: 6px; +} + +.osd-monitor-label { + background-color: #5657f5; + color: #ffffff; + border-radius: 16px; + font-size: 3em; + font-weight: bold; + font-feature-settings: "tnum"; + margin: 12px; + padding: 12px; + text-align: center; + min-width: 1.5em; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 0; + spacing: 24px; +} + +.switcher-list { + padding: 12px; + border-radius: 28px; + box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-list .item-box { + color: #ffffff; + background-color: #353535; +} + +.switcher-list .item-box:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(62, 62, 105, 0.2875); +} + +.switcher-list .item-box:focus:hover { + background-color: #47474f; +} + +.switcher-list .item-box:hover { + color: #ffffff; + background-color: #474747; +} + +.switcher-list .item-box:active { + color: #ffffff; + background-color: #4c4c4c; +} + +.switcher-list .item-box:active:hover { + background-color: #5e5e5e; +} + +.switcher-list .item-box:active:focus { + background-color: #4c4c54; +} + +.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked { + color: #ffffff; + background-color: #494949; +} + +.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover { + background-color: #5b5b5b; +} + +.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active { + background-color: #606060; +} + +.switcher-list .item-box:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: #353535; +} + +.switcher-list .item-box:drop { + background-color: rgba(86, 87, 245, 0.2); + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8); +} + +.switcher-list .item-box:hover { + background: none; +} + +.switcher-list .item-box:selected { + background-color: rgba(255, 255, 255, 0.2); +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.1); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; + border-radius: 8px; +} + +.switcher-arrow { + border-color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); +} + +.switcher-arrow:highlighted { + border-color: #ffffff; + color: #ffffff; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #5657f5; +} + +/* Workspace Switcher */ +.workspace-switcher { + margin-bottom: 4em; + spacing: 12px; + padding: 12px 18px; +} + +.ws-switcher-indicator { + background-color: rgba(255, 255, 255, 0.5); + padding: 4px; + margin: 20px; + border-radius: 48px; +} + +.ws-switcher-indicator:active { + background-color: #ffffff; + padding: 8px; + margin: 16px; +} + +.screenshot-ui-panel { + border-radius: 32px; + padding: 18px; + padding-bottom: 12px; + margin-bottom: 4em; + spacing: 12px; +} + +.screenshot-ui-close-button { + padding: 6px !important; + margin-top: 12px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +} + +.screenshot-ui-close-button.left { + margin-left: 12px; +} + +.screenshot-ui-close-button.right { + margin-right: 12px; +} + +.screenshot-ui-type-button { + min-width: 48px; + padding: 12px 18px; + border-radius: 14px; +} + +.screenshot-ui-type-button .icon-label-button-container { + spacing: 0.409em; +} + +.screenshot-ui-type-button .icon-label-button-container > StIcon { + icon-size: 32px; +} + +.screenshot-ui-capture-button { + width: 32px; + height: 32px; + border-radius: 999px; + border: 4px #ffffff; + padding: 4px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: #ffffff; + transition-duration: 200ms; + border-radius: 999px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: #4e4e4e; +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #cccccc; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: gray; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #c01c28; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #d61f2d; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #a11722; +} + +.screenshot-ui-shot-cast-container { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 999px; + padding: 3px; + spacing: 3px; +} + +.screenshot-ui-shot-cast-button { + padding: 6px 12px; + background-color: transparent; + border-radius: 999px; +} + +.screenshot-ui-shot-cast-button > StIcon { + icon-size: 16px; +} + +.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { + background-color: rgba(255, 255, 255, 0.2); +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(255, 255, 255, 0.5); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: #ffffff; + color: #353535; +} + +.screenshot-ui-shot-cast-button:insensitive { + color: rgba(255, 255, 255, 0.5); +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { + border: 2px white; +} + +.screenshot-ui-area-selector-handle { + border-radius: 999px; + background-color: white; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #282828; +} + +.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { + margin: 100px; +} + +.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { + margin-bottom: 200px; +} + +.screenshot-ui-window-selector-window-border { + transition-duration: 200ms; + border-radius: 16px; + border: 6px transparent; +} + +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 999px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: #0e10f0; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #5657f5; + background-color: rgba(86, 87, 245, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: #ffffff; + background-color: #5657f5; +} + +.screenshot-ui-screen-selector { + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} + +.screenshot-ui-screen-selector:checked { + background-color: transparent; + border: 2px white; +} + +.screenshot-ui-tooltip { + text-align: center; + -y-offset: 24px; +} + +/* Top Bar */ +#panel { + background-color: #000000; + font-weight: bold; + height: 2.2em; + transition-duration: 250ms; +} + +#panel .panel-button { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: #ffffff; + box-shadow: inset 0 0 0 100px transparent; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; +} + +#panel .panel-button:focus, #panel .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel .panel-button:active, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel .panel-button:active:hover, #panel .panel-button:checked:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel .panel-button .system-status-icon { + icon-size: 1.091em; + padding: 0 6px; + margin: 0 4px; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel .panel-button .panel-status-menu-box, +#panel .panel-button .panel-status-indicators-box { + spacing: 4px; +} + +#panel .panel-button .panel-status-menu-box > .system-status-icon, +#panel .panel-button .panel-status-indicators-box > .system-status-icon { + padding: 0; +} + +#panel .panel-button#panelActivities StBoxLayout { + padding: 0 0.2045em; + spacing: 5px; +} + +#panel .panel-button#panelActivities .workspace-dot { + border-radius: 999px; + min-width: 0.5455em; + min-height: 0.5455em; + background-color: #ffffff; +} + +#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { + spacing: 0.409em; +} + +#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { + icon-size: 1.091em; +} + +#panel .panel-button.screen-recording-indicator { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px #c01c28; +} + +#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover { + box-shadow: inset 0 0 0 100px #d61f2d; +} + +#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked { + box-shadow: inset 0 0 0 100px #e02a37; +} + +#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover { + box-shadow: inset 0 0 0 100px #e13340; +} + +#panel .panel-button.screen-sharing-indicator { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px #ff7800; +} + +#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover { + box-shadow: inset 0 0 0 100px #ff861a; +} + +#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked { + box-shadow: inset 0 0 0 100px #ff902e; +} + +#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover { + box-shadow: inset 0 0 0 100px #ff9638; +} + +#panel .panel-button.clock-display { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: #ffffff; + box-shadow: inset 0 0 0 100px transparent; + background: none !important; + box-shadow: none !important; + border: none !important; +} + +#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 999px; +} + +#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel .panel-button.clock-display .messages-indicator { + icon-size: 1.091em; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen { + background-color: transparent; +} + +#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px #c01c28; +} + +#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover { + box-shadow: inset 0 0 0 100px #d61f2d; +} + +#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked { + box-shadow: inset 0 0 0 100px #e02a37; +} + +#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover { + box-shadow: inset 0 0 0 100px #e13340; +} + +#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px #ff7800; +} + +#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover { + box-shadow: inset 0 0 0 100px #ff861a; +} + +#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked { + box-shadow: inset 0 0 0 100px #ff902e; +} + +#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover { + box-shadow: inset 0 0 0 100px #ff9638; +} + +#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: #ffffff; + box-shadow: inset 0 0 0 100px transparent; +} + +#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: #ffffff; + box-shadow: inset 0 0 0 100px transparent; + background: none !important; + box-shadow: none !important; + border: none !important; +} + +#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 999px; +} + +#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); +} + +#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); +} + +#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); +} + +#panel:overview .panel-button { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px transparent; +} + +#panel:overview .panel-button:focus, #panel:overview .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); +} + +#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); +} + +#panel:overview .panel-button#panelActivities .workspace-dot { + background-color: whitesmoke; +} + +#panel:overview .panel-button.clock-display { + transition-duration: 150ms; + border: 3px solid transparent; + background-color: transparent; + border-radius: 999px; + font-weight: bold; + color: whitesmoke; + box-shadow: inset 0 0 0 100px transparent; + background: none !important; + box-shadow: none !important; + border: none !important; +} + +#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); +} + +#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); +} + +#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); +} + +#panel:overview .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 999px; +} + +#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); +} + +#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); +} + +#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover { + box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .privacy-indicator { + color: #ff7800; +} + +#appMenu { + spacing: 0.409em; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 0.409em; + spacing: 0.409em; +} + +.clock-display-box { + spacing: 2px; +} + +.clock-display-box .clock { + padding-left: 0.818em; + padding-right: 0.818em; +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(255, 255, 255, 0.2); + box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +.quick-settings { + padding: 18px; + border-radius: 36px; +} + +.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, +.quick-settings .message .message-header .message-close-button, +.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button { + padding: 10.5px; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle, .quick-menu-toggle { + border-radius: 999px; + min-width: 12em; + max-width: 12em; + min-height: 3.273em; + border: none; +} + +.quick-toggle { + background-color: none; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle > StBoxLayout { + spacing: 9px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle StBoxLayout > .quick-toggle-subtitle { + font-weight: normal; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 1.091em; +} + +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-menu-toggle .quick-toggle:ltr { + border-radius: 999px 0 0 999px; +} + +.quick-menu-toggle .quick-toggle:ltr > StBoxLayout { + padding-right: 0.6135em; +} + +.quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 999px 999px 0; +} + +.quick-menu-toggle .quick-toggle:rtr > StBoxLayout { + padding-left: 0.6135em; +} + +.quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 999px; +} + +.quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 999px; +} + +.quick-menu-toggle .quick-toggle-arrow { + padding: 0.409em 0.71575em; + border-width: 0; + border-color: rgba(255, 255, 255, 0.25); +} + +.quick-menu-toggle .quick-toggle-arrow:checked { + border-color: #9e9ff9; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 999px 999px 0; + border-left-width: 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 999px 0 0 999px; + border-right-width: 0; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, +.quick-slider .message .message-header .message-close-button, +.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button { + padding: 6px; +} + +.quick-slider .slider-bin { + padding: 6px; + border-radius: 999px; +} + +.quick-slider .slider-bin:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +.quick-slider .slider-bin:focus:hover { + background-color: #515159; +} + +.quick-toggle-menu { + border-radius: 24px; + margin: 12px 18px 0; +} + +.quick-toggle-menu:insensitive { + color: #ffffff; + background-color: #474747; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; + icon-size: 1.091em; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; +} + +.quick-toggle-menu .header .icon { + icon-size: 1.6365em; + border-radius: 999px; + padding: 9px; + background-color: rgba(255, 255, 255, 0.2); +} + +.quick-toggle-menu .header .icon.active { + background-color: #5657f5; + color: #ffffff; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #ffffff; + background-color: #474747; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 0.5455em; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(255, 255, 255, 0.5); +} + +.keyboard-brightness-level { + spacing: 6px; +} + +.background-apps-quick-toggle { + min-height: 2.728em; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 1.091em !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button, +.background-app-item .message .message-header .message-close-button, +.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button { + padding: 6px; + background-color: rgba(255, 255, 255, 0.13); +} + +.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover, +.background-app-item .message .message-header .message-close-button:hover, +.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover { + background-color: rgba(255, 255, 255, 0.22); +} + +.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active, +.background-app-item .message .message-header .message-close-button:active, +.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active { + background-color: rgba(255, 255, 255, 0.31); +} + +.background-app-item .spinner { + padding: 6px; +} + +.background-app-item.popup-inactive-menu-item { + color: #ffffff; +} + +/* OVERVIEW */ +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #282828; +} + +.overview-controls { + padding-bottom: 32px; +} + +/* Window Picker */ +.window-picker { + spacing: 6px; +} + +.window-close, .screenshot-ui-close-button { + background-color: rgba(71, 71, 71, 0.98); + color: whitesmoke; + border-radius: 999px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + padding: 3px; + height: 32px; + width: 32px; + transition-duration: 100ms; + border: 2px solid transparent; +} + +.window-close StIcon, .screenshot-ui-close-button StIcon { + icon-size: 24px; +} + +.window-close:hover, .screenshot-ui-close-button:hover { + background-color: rgba(88, 88, 88, 0.98); +} + +.window-close:active, .screenshot-ui-close-button:active { + background-color: rgba(104, 104, 104, 0.98); +} + +.workspace-background { + border-radius: 30px; + background-color: rgba(3, 2, 1, 0); + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); +} + +.search-entry { + border-radius: 999px; + margin-top: 12px; + margin-bottom: 6px; + width: 24em; +} + +.search-entry .search-entry-icon { + icon-size: 1.091em; + margin-top: 2px; + padding: 0 4px; +} + +.popup-menu .search-entry { + box-shadow: inset 0 0 0 2px transparent !important; + border: 2px solid transparent; + box-shadow: none !important; + background-color: #474747; + color: rgba(255, 255, 255, 0.7); +} + +.popup-menu .search-entry:hover { + background-color: #515151; + color: #ffffff; +} + +.popup-menu .search-entry:focus { + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; + color: #ffffff; +} + +.popup-menu .search-entry:insensitive { + background-color: #3f3f3f; + color: rgba(255, 255, 255, 0.5); +} + +.popup-menu .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.7); +} + +/* Search */ +#searchResults { + margin: 0 4px; +} + +#searchResultsContent { + max-width: 1044px; +} + +.search-section { + spacing: 18px; +} + +.search-section .search-section-separator { + height: 8px; + background-color: transparent; +} + +.search-section-content { + background-color: #3d3d3d; + color: whitesmoke; + border-radius: 24px; + padding: 12px; + margin: 0 12px; + border: 2px solid transparent; +} + +.list-search-result, .search-provider-icon { + color: whitesmoke; + background-color: #3d3d3d; + border-radius: 13.2px; +} + +.list-search-result:focus, .search-provider-icon:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(68, 68, 111, 0.2875); +} + +.list-search-result:focus:hover, .search-provider-icon:focus:hover { + background-color: #4f4f57; +} + +.list-search-result:hover, .search-provider-icon:hover { + color: whitesmoke; + background-color: #4f4f4f; +} + +.list-search-result:active, .search-provider-icon:active { + color: whitesmoke; + background-color: #545454; +} + +.list-search-result:active:hover, .search-provider-icon:active:hover { + background-color: #666666; +} + +.list-search-result:active:focus, .search-provider-icon:active:focus { + background-color: #54545c; +} + +.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked { + color: whitesmoke; + background-color: #515151; +} + +.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { + background-color: #636363; +} + +.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active { + background-color: #686868; +} + +.list-search-result:insensitive, .search-provider-icon:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #3d3d3d; +} + +.list-search-result:drop, .search-provider-icon:drop { + background-color: rgba(86, 87, 245, 0.2); + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8); +} + +.search-statustext { + color: rgba(245, 245, 245, 0.8); +} + +.grid-search-results { + spacing: 30px; + margin: 0 12px; +} + +.search-provider-icon:ltr { + margin-right: 4px; +} + +.search-provider-icon:rtl { + margin-left: 4px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + color: whitesmoke; +} + +.list-search-results { + spacing: 6px; +} + +.list-search-result .list-search-result-content { + spacing: 6px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; +} + +.list-search-result .list-search-result-description { + color: #959595; +} + +/* Dash */ +#dash { + margin-top: 12px; +} + +#dash .dash-background { + background-color: #3d3d3d; + border-radius: 28px; + padding-top: 12px; + padding-bottom: 12px; + padding-left: 10px; + padding-right: 10px; +} + +#dash .dash-item-container .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +#dash .dash-item-container .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +#dash .dash-item-container .show-apps, +#dash .dash-item-container .overview-tile, +#dash .dash-item-container .grid-search-result { + margin: 0 2px; + padding-bottom: 12px; +} + +#dash .dash-item-container .show-apps .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .grid-search-result .overview-icon { + color: whitesmoke; + background-color: #3d3d3d; +} + +#dash .dash-item-container .show-apps:focus .overview-icon, +#dash .dash-item-container .overview-tile:focus .overview-icon, +#dash .dash-item-container .grid-search-result:focus .overview-icon { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(68, 68, 111, 0.2875); +} + +#dash .dash-item-container .show-apps:focus .overview-icon:hover, +#dash .dash-item-container .overview-tile:focus .overview-icon:hover, +#dash .dash-item-container .grid-search-result:focus .overview-icon:hover { + background-color: #4f4f57; +} + +#dash .dash-item-container .show-apps:hover .overview-icon, +#dash .dash-item-container .overview-tile:hover .overview-icon, +#dash .dash-item-container .grid-search-result:hover .overview-icon { + color: whitesmoke; + background-color: #4f4f4f; +} + +#dash .dash-item-container .show-apps:active .overview-icon, +#dash .dash-item-container .overview-tile:active .overview-icon, +#dash .dash-item-container .grid-search-result:active .overview-icon { + color: whitesmoke; + background-color: #545454; +} + +#dash .dash-item-container .show-apps:active .overview-icon:hover, +#dash .dash-item-container .overview-tile:active .overview-icon:hover, +#dash .dash-item-container .grid-search-result:active .overview-icon:hover { + background-color: #666666; +} + +#dash .dash-item-container .show-apps:active .overview-icon:focus, +#dash .dash-item-container .overview-tile:active .overview-icon:focus, +#dash .dash-item-container .grid-search-result:active .overview-icon:focus { + background-color: #54545c; +} + +#dash .dash-item-container .show-apps:checked .overview-icon, +#dash .dash-item-container .overview-tile:checked .overview-icon, +#dash .dash-item-container .grid-search-result:checked .overview-icon { + color: whitesmoke; + background-color: #515151; +} + +#dash .dash-item-container .show-apps:checked .overview-icon:hover, +#dash .dash-item-container .overview-tile:checked .overview-icon:hover, +#dash .dash-item-container .grid-search-result:checked .overview-icon:hover { + background-color: #636363; +} + +#dash .dash-item-container .show-apps:checked .overview-icon:active, +#dash .dash-item-container .overview-tile:checked .overview-icon:active, +#dash .dash-item-container .grid-search-result:checked .overview-icon:active { + background-color: #686868; +} + +#dash .dash-item-container .app-grid-running-dot { + margin-bottom: 21px; +} + +#dash .dash-separator { + width: 1px; + margin-left: 4px; + margin-right: 4px; + background-color: rgba(245, 245, 245, 0.1); +} + +#dash .dash-separator, +#dash .dash-background { + margin-bottom: 12px; +} + +.dash-label { + -y-offset: 8px; +} + +/* App Grid */ +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 36px; + max-column-spacing: 36px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 18px; + page-padding-right: 18px; +} + +/* App Icons */ +.overview-tile, .grid-search-result { + color: whitesmoke; + background-color: #282828; + border-radius: 24px; + padding: 12px; +} + +.overview-tile:focus, .grid-search-result:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(52, 53, 95, 0.2875); +} + +.overview-tile:focus:hover, .grid-search-result:focus:hover { + background-color: #3b3b43; +} + +.overview-tile:hover, .grid-search-result:hover { + color: whitesmoke; + background-color: #3a3a3a; +} + +.overview-tile:active, .grid-search-result:active { + color: whitesmoke; + background-color: #3f3f3f; +} + +.overview-tile:active:hover, .grid-search-result:active:hover { + background-color: #515151; +} + +.overview-tile:active:focus, .grid-search-result:active:focus { + background-color: #404048; +} + +.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked { + color: whitesmoke; + background-color: #3c3c3c; +} + +.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover { + background-color: #4e4e4e; +} + +.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active { + background-color: #535353; +} + +.overview-tile:insensitive, .grid-search-result:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #282828; +} + +.overview-tile:drop, .grid-search-result:drop { + background-color: rgba(86, 87, 245, 0.2); + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8); +} + +.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + color: whitesmoke; + background-color: #3a3a3a; +} + +.app-folder:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #3b3b43; +} + +.app-folder:focus:hover { + background-color: #45454d; +} + +.app-folder:hover { + color: whitesmoke; + background-color: #444444; +} + +.app-folder:active { + color: whitesmoke; + background-color: #515151; +} + +.app-folder:active:hover { + background-color: #5b5b5b; +} + +.app-folder:active:focus { + background-color: #515159; +} + +.app-folder:highlighted, .app-folder:selected, .app-folder:checked { + color: whitesmoke; + background-color: #4e4e4e; +} + +.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover { + background-color: #595959; +} + +.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active { + background-color: #656565; +} + +.app-folder:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #323232; +} + +.app-folder:drop { + background-color: rgba(86, 87, 245, 0.2); + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8); +} + +.app-grid-running-dot { + height: 5px; + width: 5px; + border-radius: 5px; + background-color: whitesmoke; + margin-bottom: 2px; +} + +.app-folder-dialog-container { + padding-top: 2.2em; +} + +.app-folder-dialog { + width: 720px; + height: 720px; + border-radius: 64px; + background-color: #3d3d3d; + color: whitesmoke; + padding: 0; + box-shadow: none; +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px; + padding-bottom: 0; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 12em; +} + +.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button, +.app-folder-dialog .message .message-header .message-close-button, +.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button { + color: whitesmoke; + background-color: #4e4e4e; +} + +.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover, +.app-folder-dialog .message .message-header .message-close-button:hover, +.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover { + color: whitesmoke; + background-color: #585858; +} + +.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active, +.app-folder-dialog .message .message-header .message-close-button:active, +.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active { + color: whitesmoke; + background-color: #656565; +} + +.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover, +.app-folder-dialog .message .message-header .message-close-button:active:hover, +.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover { + background-color: #6f6f6f; +} + +.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus, +.app-folder-dialog .message .message-header .message-close-button:active:focus, +.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus { + background-color: #64646c; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 24px; +} + +.app-folder-dialog .page-navigation-arrow { + color: whitesmoke; + background-color: #3d3d3d; +} + +.app-folder-dialog .page-navigation-arrow:hover { + color: whitesmoke; + background-color: #4f4f4f; +} + +.app-folder-dialog .page-navigation-arrow:active { + color: whitesmoke; + background-color: #545454; +} + +.app-folder-dialog .page-navigation-arrow:active:hover { + background-color: #666666; +} + +.app-folder-dialog .page-navigation-arrow:active:focus { + background-color: #54545c; +} + +.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result { + color: whitesmoke; + background-color: #3d3d3d; +} + +.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(68, 68, 111, 0.2875); +} + +.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover { + background-color: #4f4f57; +} + +.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover { + color: whitesmoke; + background-color: #4f4f4f; +} + +.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active { + color: whitesmoke; + background-color: #545454; +} + +.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover { + background-color: #666666; +} + +.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus { + background-color: #54545c; +} + +.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked { + color: whitesmoke; + background-color: #515151; +} + +.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover { + background-color: #636363; +} + +.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active { + background-color: #686868; +} + +.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive { + color: rgba(245, 245, 245, 0.5); + background-color: #3d3d3d; +} + +.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop { + background-color: rgba(86, 87, 245, 0.2); + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8); +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.page-indicator { + padding: 6px 12px 0; + transition-duration: 400ms; +} + +.page-indicator .page-indicator-icon { + width: 10px; + height: 10px; + border-radius: 999px; + background-color: whitesmoke; + transition-duration: 400ms; +} + +.apps-scroll-view { + padding: 0; +} + +.system-action-icon { + background-color: rgba(245, 245, 245, 0.1); + color: whitesmoke; + border-radius: 999px; + icon-size: 48px; +} + +.page-navigation-hint.dnd { + background: rgba(255, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 24px 0px 0px 24px; +} + +.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 24px 24px 0px; +} + +.page-navigation-arrow { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 999px; + transition-duration: 100ms; + color: whitesmoke; + background-color: #282828; +} + +.page-navigation-arrow > StIcon { + color: whitesmoke; +} + +.page-navigation-arrow:hover { + color: whitesmoke; + background-color: #3a3a3a; +} + +.page-navigation-arrow:active { + color: whitesmoke; + background-color: #3f3f3f; +} + +.page-navigation-arrow:active:hover { + background-color: #515151; +} + +.page-navigation-arrow:active:focus { + background-color: #404048; +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; +} + +.workspace-thumbnails .workspace-thumbnail { + color: whitesmoke; + background-color: #4e4e4e; + border-radius: 4px; + border: 1px solid transparent; +} + +.workspace-thumbnails .placeholder { + background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); + background-size: contain; + width: 18px; +} + +.workspace-thumbnail-indicator { + border: 3px solid #5657f5; + border-radius: 8px; +} + +.ripple-pointer-location { + width: 50px; + height: 50px; + border-radius: 25px; + background-color: rgba(230, 231, 254, 0.3); + box-shadow: 0 0 2px 2px #b6b7fb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #5657f5; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #5657f5; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.select-area-rubberband { + background-color: rgba(86, 87, 245, 0.3); + border: 1px solid #5657f5; +} + +.user-icon { + background-size: contain; + border-radius: 999px; + icon-size: 64px; + background-color: rgba(255, 255, 255, 0.05); + color: #ffffff; +} + +.user-icon StIcon { + padding: 12px; +} + +.user-icon.user-avatar { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: transparent; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + color: #f6d32d; +} + +/* Workspace animation */ +.workspace-animation { + background-color: #353535; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(86, 87, 245, 0.5); + border: 1px solid #5657f5; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: #353535; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + font-size: 1.455em; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + border-width: 1px; + border-style: solid; + border-radius: 10px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); + color: #ffffff; + background-color: #5d5d5d; +} + +.keyboard-key:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +.keyboard-key:focus:hover { + background-color: #515159; +} + +.keyboard-key:hover { + color: #ffffff; + background-color: #676767; +} + +.keyboard-key:active { + color: #ffffff; + background-color: #747474; +} + +.keyboard-key:active:hover { + background-color: #7e7e7e; +} + +.keyboard-key:active:focus { + background-color: #72737a; +} + +.keyboard-key:checked { + color: #ffffff; + background-color: #717171; +} + +.keyboard-key:checked:hover { + background-color: #7c7c7c; +} + +.keyboard-key:checked:active { + background-color: #888888; +} + +.keyboard-key:grayed { + background-color: #2d2d2d; + color: #ffffff; + border-color: rgba(255, 255, 255, 0.1); +} + +.keyboard-key.default-key { + color: #ffffff; + background-color: #454545; + border-radius: 10px; +} + +.keyboard-key.default-key:hover { + color: #ffffff; + background-color: #4f4f4f; +} + +.keyboard-key.default-key:active { + color: #ffffff; + background-color: #5c5c5c; +} + +.keyboard-key.default-key:active:hover { + background-color: #666666; +} + +.keyboard-key.default-key:active:focus { + background-color: #5c5c64; +} + +.keyboard-key.default-key:checked { + color: #ffffff; + background-color: #595959; +} + +.keyboard-key.default-key:checked:hover { + background-color: #646464; +} + +.keyboard-key.default-key:checked:active { + background-color: #707070; +} + +.keyboard-key.default-key:latched { + border-color: #6e6ff6; + background-color: #5657f5; +} + +.keyboard-key.enter-key { + color: #ffffff; + background-color: #6566f6; + border-radius: 10px; + color: #ffffff; +} + +.keyboard-key.enter-key:hover { + color: #ffffff; + background-color: #7879f7; +} + +.keyboard-key.enter-key:active { + color: #ffffff; + background-color: #9091f9; +} + +.keyboard-key.enter-key:active:hover { + background-color: #a4a4fa; +} + +.keyboard-key.enter-key:active:focus { + background-color: #8d8ef8; +} + +.keyboard-key.enter-key:checked { + color: #ffffff; + background-color: #8c8cf8; +} + +.keyboard-key.enter-key:checked:hover { + background-color: #9f9ff9; +} + +.keyboard-key.enter-key:checked:active { + background-color: #b7b7fb; +} + +.keyboard-key.shift-key-uppercase { + background-color: gray; + color: #353535; +} + +.keyboard-key.shift-key-uppercase:hover { + background-color: #8c8c8c; + color: #424242; +} + +.keyboard-key StIcon { + icon-size: 24px; +} + +.keyboard-subkeys { + -arrow-border-radius: 16px; + -arrow-background-color: #353535; + -arrow-border-width: 1px; + -arrow-border-color: #4c4c4c; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 6px; + padding: 6px; +} + +.keyboard-subkeys .keyboard-key { + color: #ffffff; + background-color: #5d5d5d; + border-radius: 10px; +} + +.keyboard-subkeys .keyboard-key:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +.keyboard-subkeys .keyboard-key:focus:hover { + background-color: #515159; +} + +.keyboard-subkeys .keyboard-key:hover { + color: #ffffff; + background-color: #676767; +} + +.keyboard-subkeys .keyboard-key:active { + color: #ffffff; + background-color: #747474; +} + +.keyboard-subkeys .keyboard-key:active:hover { + background-color: #7e7e7e; +} + +.keyboard-subkeys .keyboard-key:active:focus { + background-color: #72737a; +} + +.keyboard-subkeys .keyboard-key:checked { + color: #ffffff; + background-color: #717171; +} + +.keyboard-subkeys .keyboard-key:checked:hover { + background-color: #7c7c7c; +} + +.keyboard-subkeys .keyboard-key:checked:active { + background-color: #888888; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #6e6ff6; + background-color: #5657f5; +} + +.word-suggestions { + spacing: 12px; + min-height: 17pt; + padding: 12px; + color: #ffffff; +} + +.word-suggestions StButton { + margin: 0 3px; + min-width: 32px; + border-radius: 4px; + padding: 0px 18px; + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + +.word-suggestions StButton:insensitive { + background-color: transparent !important; +} + +.word-suggestions StButton:focus { + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #484850; +} + +.word-suggestions StButton:focus:hover { + background-color: #515159; +} + +.word-suggestions StButton:hover { + color: #ffffff; + background-color: #676767; +} + +.word-suggestions StButton:active { + color: #ffffff; + background-color: #747474; +} + +.word-suggestions StButton:active:hover { + background-color: #7e7e7e; +} + +.word-suggestions StButton:active:focus { + background-color: #72737a; +} + +.word-suggestions StButton:checked { + color: #ffffff; + background-color: #717171; +} + +.word-suggestions StButton:checked:hover { + background-color: #7c7c7c; +} + +.word-suggestions StButton:checked:active { + background-color: #888888; +} + +/* Looking Glass */ +#LookingGlassDialog { + background-color: rgba(53, 53, 53, 0.98); + color: #ffffff; + border-radius: 16px; + margin-top: 4px; + border: 2px solid transparent; + padding: 6px; + spacing: 6px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); +} + +#LookingGlassDialog > #Toolbar { + border: none; + padding: 6px; + border-radius: 0; + background-color: transparent; + spacing: 6px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button { + padding: 6px 12px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { + icon-size: 16px; +} + +#LookingGlassDialog .labels { + spacing: 6px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + padding: 6px 12px; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; +} + +.lg-dialog StEntry { + min-height: 1.5em; +} + +.lg-dialog .shell-link { + color: #64B5F6; +} + +.lg-dialog .shell-link:hover { + color: #94ccf9; +} + +.lg-dialog .shell-link:active { + color: #349ef3; +} + +.lg-dialog .actor-link { + color: #9a9a9a; +} + +.lg-dialog .actor-link:hover { + color: #cdcdcd; +} + +.lg-dialog .actor-link:active { + color: #676767; +} + +.lg-dialog .actor-link StIcon { + icon-size: 12px; +} + +.lg-completions-text { + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 6px; +} + +.lg-obj-inspector-button { + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 4px; + border-radius: 8px; +} + +.lg-obj-inspector-button:hover { + border: 1px solid #ffffff; +} + +#lookingGlassExtensions { + padding: 6px; +} + +.lg-extensions-list { + padding: 6px; + spacing: 6px; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #353535; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; + padding: 6px; +} + +.lg-debug-flag-button { + color: #ffffff; +} + +.lg-debug-flag-button StLabel { + padding: 6px, 12px; +} + +.lg-debug-flag-button:hover { + color: white; +} + +.lg-debug-flag-button:active { + color: #cccccc; +} + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; +} + +.login-dialog, +.unlock-dialog { + color: whitesmoke; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning, +.unlock-dialog .caps-lock-warning-label, +.unlock-dialog .login-dialog-message-warning { + color: whitesmoke; +} + +.login-dialog .login-dialog-prompt-layout, +.unlock-dialog .login-dialog-prompt-layout { + width: 25em; + spacing: 9px; +} + +.login-dialog-button.cancel-button { + padding: 9px; +} + +.login-dialog-button-box { + spacing: 12px; +} + +.conflicting-session-dialog-content { + spacing: 20px; +} + +.conflicting-session-dialog-content .conflicting-session-dialog-title { + text-align: center; + margin-bottom: 5px; +} + +.conflicting-session-dialog-content .conflicting-session-dialog-desc { + text-align: center; +} + +.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning { + text-align: center; + color: #f6d32d; +} + +.login-dialog-logo-bin { + margin: 3em 0; +} + +.login-dialog-banner-view { + max-width: 25em; +} + +.login-dialog-banner-view .login-dialog-banner { + color: gainsboro; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-user-selection-box { + padding-top: 4em; + padding-bottom: 8em; +} + +.login-dialog-not-listed-label { + padding: 6px; +} + +.login-dialog-not-listed-button { + color: whitesmoke; + background-color: #282828; + padding: 0 6px; + margin: 6px; +} + +.login-dialog-not-listed-button:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: rgba(52, 53, 95, 0.2875); +} + +.login-dialog-not-listed-button:focus:hover { + background-color: #3b3b43; +} + +.login-dialog-not-listed-button:hover { + color: whitesmoke; + background-color: #3a3a3a; +} + +.login-dialog-not-listed-button:active { + color: whitesmoke; + background-color: #3f3f3f; +} + +.login-dialog-not-listed-button:active:hover { + background-color: #515151; +} + +.login-dialog-not-listed-button:active:focus { + background-color: #404048; +} + +.login-dialog-auth-list-view { + -st-vfade-offset: 3em; +} + +.login-dialog-auth-list { + spacing: 6px; + margin-left: 2em; +} + +.login-dialog-auth-list-title { + margin-left: 2em; +} + +.login-dialog-auth-list-item { + border-radius: 16px; + padding: 4px; + color: darkgray; +} + +.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { + background-color: #5657f5; + color: #ffffff; +} + +.login-dialog-auth-list-label:ltr { + padding-left: 15px; + text-align: left; +} + +.login-dialog-auth-list-label:rtl { + padding-right: 15px; + text-align: right; +} + +.login-dialog-user-list-view { + width: 25em; + -st-vfade-offset: 3em; +} + +.login-dialog-user-list-view .login-dialog-user-list { + margin: 0 8px; + spacing: 12px; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item { + color: whitesmoke; + background-color: #3a3a3a; + border-radius: 16px; + padding: 9px; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus { + color: whitesmoke; + box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important; + border: 2px solid rgba(86, 87, 245, 0.5); + box-shadow: none !important; + background-color: #3b3b43; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover { + background-color: #45454d; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover { + color: whitesmoke; + background-color: #444444; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active { + color: whitesmoke; + background-color: #515151; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover { + background-color: #5b5b5b; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus { + background-color: #515159; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon { + border: 2px solid transparent; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: rgba(245, 245, 245, 0.7); +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon { + border-color: #5657f5; +} + +.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon { + background-color: rgba(86, 87, 245, 0.3); +} + +.unlock-dialog { + background-color: transparent; +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); +} + +#lockDialogGroup { + background-color: #282828; +} + +.unlock-dialog-clock { + color: whitesmoke; + spacing: 2em; +} + +.unlock-dialog-clock .unlock-dialog-clock-time { + font-size: 6.546em; + font-weight: 200; +} + +.unlock-dialog-clock .unlock-dialog-clock-date { + font-weight: 400; +} + +.unlock-dialog-clock .unlock-dialog-clock-hint { + margin-top: 2em; + padding: 6px 18px; + border-radius: 16px; + font-weight: bold; +} + +#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { + background-color: rgba(53, 53, 53, 0.3); +} + +#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(53, 53, 53, 0.5); +} + +#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(86, 87, 245, 0.5); +} + +.unlock-dialog-notifications-container { + margin: 12px; + spacing: 6px; + width: 25em; + 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 16px; + border: none; + background-color: rgba(245, 245, 245, 0.1); + color: whitesmoke; + border-radius: 16px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(245, 245, 245, 0.2); +} + +.unlock-dialog-notification-icon { + icon-size: 32px; +} + +.unlock-dialog-notification-label { + padding-left: 12px; + padding-right: 0; +} + +.unlock-dialog-notification-label:rtl { + padding-right: 12px; + padding-left: 0; +} + +.unlock-dialog-notification-count-text { + font-weight: bold; + padding: 0 12px; + color: whitesmoke; + background-color: rgba(245, 245, 245, 0.1); + border-radius: 999px; +} + +.login-dialog .user-widget .user-widget-label, +.unlock-dialog .user-widget .user-widget-label { + color: whitesmoke; +} + +.login-dialog .user-widget .user-icon, +.unlock-dialog .user-widget .user-icon { + background-color: rgba(245, 245, 245, 0.13); + color: whitesmoke; +} + +.login-dialog .user-widget.horizontal, +.unlock-dialog .user-widget.horizontal { + spacing: 18px; +} + +.login-dialog .user-widget.vertical, +.unlock-dialog .user-widget.vertical { + spacing: 24px; +} + +.login-dialog .user-widget.vertical .user-widget-label, +.unlock-dialog .user-widget.vertical .user-widget-label { + text-align: center; + margin-bottom: .75em; +} + +.login-dialog .user-widget.vertical .user-icon, +.unlock-dialog .user-widget.vertical .user-icon { + icon-size: 160px; +} + +.login-dialog .user-widget.vertical .user-icon StIcon, +.unlock-dialog .user-widget.vertical .user-icon StIcon { + padding: 24px; +} diff --git a/gnome-shell/message-indicator-symbolic.svg b/gnome-shell/message-indicator-symbolic.svg new file mode 100644 index 0000000..a93cc63 --- /dev/null +++ b/gnome-shell/message-indicator-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/gnome-shell/no-events.svg b/gnome-shell/no-events.svg new file mode 120000 index 0000000..d2fcad0 --- /dev/null +++ b/gnome-shell/no-events.svg @@ -0,0 +1 @@ +assets/no-events.svg \ No newline at end of file diff --git a/gnome-shell/no-notifications.svg b/gnome-shell/no-notifications.svg new file mode 120000 index 0000000..175731c --- /dev/null +++ b/gnome-shell/no-notifications.svg @@ -0,0 +1 @@ +assets/no-notifications.svg \ No newline at end of file diff --git a/gnome-shell/noise-texture.png b/gnome-shell/noise-texture.png new file mode 100644 index 0000000000000000000000000000000000000000..ca1563d14aa99ea38360c97b5d32916c80b76aa9 GIT binary patch literal 116 zcmeAS@N?(olHy`uVBq!ia0y~yU}OMcMrH;EhO|9astgPa%mF?jt_%ze%d2c}fh0?U z{DK)Ap4~`eU|^8A0x#Zeh}2KFOdO#cu8gITm~NO7pNS*67;Z zUb5wOs{H4lr~jsWGB~ETpw&;7$El<0@4u@YvRj(|%)V@>G|Y^x_HUUAfGpXs8mgtpSa{SKdaQw!}s Vf6ASBk%57M!PC{xWt~$(69Bk?k;4E0 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/button-hover.png b/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..53eca727d98b2a2415469604c71f6cff2257e6b5 GIT binary patch literal 371 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFz0H51uZLAr`%FuQ+-+1&Xjecpo?4DdVL=(S-%F7CDN#%UpM~-g1`Ce8RU#sQG}7 z^M>+T-h0AL3iI^a{}ntecvy4ibmQT9!mBPjwUvb)pY>N-rAE>Hl-7d`lU;jWeXV*d zaOkF6e1YY*+A)hG3~zOB&|8zek!}aNu*M48uyR_6g?7zZX!64nhdMR!4GvA3*KJ6^(72T*6cKPMwT(8WH z+S8u@yq)u{q**lR0HS XgVp{6Ny``*7#KWV{an^LB{Ts5SVoza literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/button-insensitive.png b/gtk-2.0/assets/button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..04f9edb82d33b31248c61d49db0daec8737a6b24 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUeCT0c(h7Zrb&SPL;U@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axbTPk>K|D+2?=e;BYhV7-EYfq|tY$S;_IQ(EqQ_3Aea3=B%1E{-7_(a8x8OgaDm v|DS*00I!O?!3XA({2>a8%N%{&m>A~D*&Sb*EPRcDfq}u()z4*}Q$iB}+6+Jb literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/button.png b/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..bd615d6585a3a840a7d1192e4f5d29b858e274fc GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFz0H8=fwXAr`%FuQ+-!8;Y^D0!};L_ULbr>5^Sy!_qC>;L2b0XZ^pa z7gnpEm9%MQKG-v*IF83P$ZP$#$J*j|({@McF1K9%lp*J$Nq%rn>F0tL@0iD28?CL? ytoJNF$o0DJz_f3Vm%BavvEBEFLpSfX`F44hR{QTP*I{5_VDNPHb6Mw<&;$UB@r_sj literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/checkbox-checked-active.png b/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..15cd10f72f62fb8efa11e6b8b069caa0a58db66b GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Yk*IPYhd8#z}U|b5#PhYzJ!N=jfnUf9{x2f;&VjA*RZg!;o;xHBEE!$eG3c! z78?F7Ec{DY#MkhMZ=qpd!@@!8!y>+hg@4`rPPvkSfkCV!$S+t-%-O}q&%eIDVd=8f z`}Q9^eE;F=*Kd?vH77AJFjRWFIEHAP@4a+as6jx0^?~keuD_GM*IzO630u3exYDjU za)ICp7lsYCN!$^h4Ie+a-kEUVr+W_5e=hE5*07Zk5vo~yN&X4_e}#VYteSnYiixfH zj_u7?lQh47Dd;u&esnF*vweHkU6WV-$$WJqKmW#Brhl2M=QmCl^Sk;@=G?Vv%^n5@ O1_n=8KbLh*2~7ZcUzITc literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/checkbox-checked-hover.png b/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..907e5e64ebf777ff96308720a7b110cb8a525239 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Q-Dv1Yi#U`*x3KU!5@O7euRhr2oL`m8u2|m{A*a)*YNOfp#MiL!uc2XI zL&Ls=fds#WhJh4>g@eTNSYtF87#KuLg8YKHxs{aEG?P8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;aez;VD+2>V0|@*N4gDA#{4pftb40}Fu&^&7A)mv;KZk}Q$gr?4p`l;G!ajf4 zP}<1Az#v!> zD?3)4`Cq@5RmEDMgE#ozX3>tEx!NznVwx8+=QnR;4&EU?VeNdUZ9-`Q)(3-shwg4N z?|jF(XogEHW8j&Ua~T}hl(D&7yvNw|O|GJTL(R93i|;KyxUBZ7mEf*(?w2wc7#J8l MUHx3vIVCg!0KX1*r2qf` literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/checkbox-checked.png b/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..0d4c0a238f21a98eb660d2d01b9a4320bb967655 GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Wq?nJD+2>VXy|_jhyS6GU&6z`hJ}Gq#MiK}Z($MN!ot6Wg?|YP{~8wlH55#O z6o47qfBv1wz`!6>666=mz|7*|=~ds*v3SYyRhO?Llj9&~i8z|E@AlX?_wfUqO7#Ji=Tq8NX?_wfUqO7#Ji=Tq8NyR}6?-hq5nKoVEmTsT*Z9&DswcLl|1RpiM%ALX>=u{xW;M>zKexa}QHUk3# NgQu&X%Q~loCIHV(SegI; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/checkbox-mixed-insensitive.png b/gtk-2.0/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e29c0d9d3fa78cebf8af2cbfa2168f2736e8888f GIT binary patch literal 229 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|7G?$p2BAoW(+ms@%*9TgAsieWw;%dHU|?Y2 zEbxddW?X?_wfUqO7#Ji=Tq8sIq4R<&Rb>xhOM4;UEq Y%?X?_wfUqO7#Ji=Tq8qq# z9780gCMPHe8MH5LbX>(W;qWXrRz3$l>7L0BvV0vaK^Zbxx0)ZZs+n_GyEfc-z`$TP X+q$*s>4HuM1_lOCS3j3^P6X?_wfUqO7#Ji=Tq8fxRTiFIddk#izdE_4kMCwlFX-*m$})hDd}bCm6Lcv$CbK z9G`Gdg3~}^_Oj{Cjx&uXB!}^_o^X?_wfUqO7#Ji=Tq8F)I6CF7@4K!AUl{7f+7M`&99wV!#L!XX?_wfUqO7#Ji=Tq8X?_wfUqO7#Ji=Tq8>t*I;7bhncr0V4trO$q6 zBgMeLu+Y=RF+^kH+e>@94h0CXU6@?4b>oNSg5MP1262k*>r~j+|G=(6A$#+NjxM#T z#jTq{H?^$&n=tF)2VY|opQgm4`&^EQnjcX)t@eFY+om4--FM4&#ppe=SYEpP(iT&R zUc0mx3xl~8TfQ;WZu#G`zGU{HhA`n7N|{XcU#0)?i@DZ)sM%h{S7y{6o?G@V!RtEUJvFfcH9y85}Sb4q9e0AiqU82|tP literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-button-hover.png b/gtk-2.0/assets/combo-ltr-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c4658a8e7c51aa212628c907bce6cfb4117ee78e GIT binary patch literal 293 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLu*lQJF+^kH+e@}tOo1Y77e2?i%~q7iiRoGTdt-^-CLEDx z`5ZUTRpqLWM9}Ypxq9utO{dS}l-T}e|HO~2Ei%h4M`rF0@XG8v{x@lFoNi&?+)zcI zSHC_=D)U$?9+6P5IP}23!uzgxSj7uwWheO`tKWa9H+cT#-SfL%S6hR;zopr091HxrvLx| literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-button-insensitive.png b/gtk-2.0/assets/combo-ltr-button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..dc1081819da04d30e101df8d56ef5b757d74ef2e GIT binary patch literal 195 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2n3x$D7*0009A#i&U@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axbTPk>K|D+2?=e;BYhV7-EYfq|tY$S;_IQ(EqQ_3Aeu!#rIaLpY+76B?TS+c*A@ k7x=F(_`mr@D-#1}wESi1^^b%Z7#J8lUHx3vIVCg!0P6WX9smFU literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-button.png b/gtk-2.0/assets/combo-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..44fbe072ab6733564d32172ab8da503dd2b7af63 GIT binary patch literal 276 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLFwxV+F+^kH+e;gH4>|C(KD@tN-~`78uNODkRcADWN;GLjFL6+4S;wU3V%HU; z(slZ!%Ut!H8|`lD@yrxl(DlW3!G6`!y`P1h_0H}6=38vXxYsi$div8>96F4Xn>tRY z&6(Dw*d3Emw6MoY+xUgTe~DWM4fQxs(p literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-entry-active.png b/gtk-2.0/assets/combo-ltr-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0a0090673d27aabf6bec1af81ffc4e7b4b927b55 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeL(Cz8s7@{%p?Zv&k%?>}+9-`$b$jK_IVmhTTX^_%X| VyQeYeGcYhPc)I$ztaD0e0sseCViy1a literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-entry-insensitive.png b/gtk-2.0/assets/combo-ltr-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..66840bee82f80f41fd6bbcddbcb626d0c9dc9113 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLQ0wX97@{%p?ImlzLk>JG5ASb&H|g<`$N$O|WmisqvxGrqf?0plq|7&uE_+Oq zIb2{YKI#3@Z`X62Zl{Rt+UFi5e9CNV*seTz#uqmu0&lv@_dfr=Crj_}=RXhq6F2C+ zHtcEWNSGzpZlO5gh>d>FW7*wi^Ual+G*9Sw99nnw81GRzquHCb6`p5cU|{fc^>bP0 Hl+XkKu|Z&7 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-ltr-entry.png b/gtk-2.0/assets/combo-ltr-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..66840bee82f80f41fd6bbcddbcb626d0c9dc9113 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLQ0wX97@{%p?ImlzLk>JG5ASb&H|g<`$N$O|WmisqvxGrqf?0plq|7&uE_+Oq zIb2{YKI#3@Z`X62Zl{Rt+UFi5e9CNV*seTz#uqmu0&lv@_dfr=Crj_}=RXhq6F2C+ zHtcEWNSGzpZlO5gh>d>FW7*wi^Ual+G*9Sw99nnw81GRzquHCb6`p5cU|{fc^>bP0 Hl+XkKu|Z&7 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-rtl-button-active.png b/gtk-2.0/assets/combo-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a6f292943cb6a337671a0e89a88902c5cc9d1e33 GIT binary patch literal 275 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLFu~KsF+^kH+e?mI%?1Lk5AA1a91|0b;y&2Q{=p^B>-?jcySbOf&S<(Zp`wA0 zhv&@k1I>-iOP#nA8kEjd@%u*HsN82ir?|W0WsF3 YzZzopr08pA>t*I;7bhncr0V4trO$q6 zBgMeLFu~KsF+^kH+e?mIha7lXAKH6ruQiTZc(j*WUm>yEm-({qNt0d-kqRWOlDOz?Tv9g4_GS6esT&MTsSXD%`Ce zrzGx#)X!*@PmnnNaB36Vl>_(A+&d?mw<_xB0tWX5%>t*I;7bhncr0V4trO$q6 zBgMeLVBzWF7@{#TIbnfWLW|+Q|NqaQJa9na$bka~dVCdyg`}4&m9$!jF4R84?Iy~{ l+FIWk`lD|`(kmv0jr-WF(;dBS85kHCJYD@<);T3K0RV8^I57YK literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-rtl-button.png b/gtk-2.0/assets/combo-rtl-button.png new file mode 100644 index 0000000000000000000000000000000000000000..4e94e268d478af18cf8a29c0131bde618a2a747a GIT binary patch literal 269 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeL(BwFF~L~K%W z?H8(_^zitkBC~v5xtxYFiF4vt4I01P>&|TqH0^8Xp10rR!49*>OxvgG=rgVom^0;m z!q$HqxQq)a<{BU|{fc^>bP0l+XkKNSa^K literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-rtl-entry-active.png b/gtk-2.0/assets/combo-rtl-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a709254600790dda652a4300e19e2b2148422039 GIT binary patch literal 285 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLFw4`$F+^kH+e?Ogha7lZF4}+F)W9OUMPyE6-|u*~i%aj6`Yiy)UEDB5BPr3Z_%jU$M1PQh({xdwYtyAC0^sy^7ote|l@UFFE9}nX( z!xJ*o6VoQ0G^+W$wV?E|{6CLuUV#ObH=-W@tVu}oSaABO)z1RY8J1havhD_*YTI=C kt$MEfi+4N3RX#GYNExKc27k$BU|?YIboFyt=akR{0Ixb}4gdfE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-rtl-entry-insensitive.png b/gtk-2.0/assets/combo-rtl-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..b2ab3283db40ce9e976b3f5aa5064e175d1417c8 GIT binary patch literal 269 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IG7n27@7@YQWzK*n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXN|AK(+>s-dB)si~)>WuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+X>4q1Y;0v> zVr_12=iun>=;ZF`Ei0WmSYYt0|SGDr;B3*FfzgTe~DWM4f3TsKC literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-rtl-entry.png b/gtk-2.0/assets/combo-rtl-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..b2ab3283db40ce9e976b3f5aa5064e175d1417c8 GIT binary patch literal 269 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IG7n27@7@YQWzK*n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXN|AK(+>s-dB)si~)>WuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+X>4q1Y;0v> zVr_12=iun>=;ZF`Ei0WmSYYt0|SGDr;B3*FfzgTe~DWM4f3TsKC literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry-active.png b/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..92e4df3c8663fd379013fd553ad0f9a44ea1b995 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFz0Hi=HlyAr`%FFB=vea^Puw_}{bp@{R2aAOHK#q5Jq;=#8sgN*0+L3s24t{OxHx zsl+aR5_2$v(dYFFC&i;Z7@U5spEUE!J1`|Gd2e?D2icd^QuIf)VyZTc#U qJr3hkH^5L-OT9$KQ?Dx)>N37(8A5T-G@yGywpulZ8_N literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry-background-insensitive.png b/gtk-2.0/assets/entry-background-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..c4d934d4106079a3e50c263f450337374e2f13fa GIT binary patch literal 142 zcmeAS@N?(olHy`uVBq!ia0y~yU|O>_%)r2R1cVug5-u&wghk q#lXP8O>_%)r2R1cVug5-u&wghk q#lXP8O>_%)r2R1cVug5-u&wghk z#lXPe9pDqWuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+VPs@!Y;0+4 zY-M6%ZEkLBZf@t`=>Ei00UbTKY0|P^}r;B5VMEKPco?^`k zA}j~OBwg(9b}E0jU%A`n!BeJdn-`X0|Nttr>mdKI;Vst E09ssMV*mgE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry.png b/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..cf97fe6397558c1463dac413a770b53a3c9eca20 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4rT@hhF#%r?HL#tn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXPe9pDqWuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+VPs@!Y;0+4 zY-M6%ZEkLBZf@t`=>Ei00UbTKY0|P^}r;B5VMEKPco?^`k zA}j~OBwg(9b}E0jU%A`n!BeJdn-`X0|Nttr>mdKI;Vst E09ssMV*mgE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/flat-button-active.png b/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2df20d5069e885bd493bd3d135990b54e4b9d7c7 GIT binary patch literal 210 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe7G?$phWh0Ub_@&*%*9TgAsieWw;%dHU|?Y2 zEbxddW?X?_wfUqO7#Ji=Tq8ybfq_BA)5S4_V`g%~0lt>l x0|x|7m^2#9ZSWD-knm8ORJ@=sAKy3g3 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/flat-button-hover.png b/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..91ca0cb4f8a56a5d93628fe5b056ef62321e4a07 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUeCT0c(h7Zrb&SPL;U@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axbTPk>K|D+2?=e;BYhV7-EYfq|tY$S;_ITS@IyrPneB1_mWh7sn8e=;QObm17?2fNY7QV*7z`)??>gTe~DWM4ft@uAd literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/flat-button-insensitive.png b/gtk-2.0/assets/flat-button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..2e3cfdc7ca80cd1ea0e62370b28505fb2b222152 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFy}xQBN1g5R2aA1PRu~2_ijBfd*VFm>JkY7#KgrD8(}{Ffe$!`njxgN@xNADl;R; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/flat-button.png b/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000000000000000000000000000000000000..2e3cfdc7ca80cd1ea0e62370b28505fb2b222152 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFy}xQBN1g5R2aA1PRu~2_ijBfd*VFm>JkY7#KgrD8(}{Ffe$!`njxgN@xNADl;R; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/focus.png b/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..112b0da4b473492e2104d39200b6669268abead3 GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0y~yU|KwW{2P+MAi1I=WeSVoLhD&eo}8LHJKWPR=ElcG;gie~ pb91;?y_#3?$L@E|!2_QeCH)1zPd~mShk=2C!PC{xWt~$(69C^uJU9RV literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/frame-inline.png b/gtk-2.0/assets/frame-inline.png new file mode 100644 index 0000000000000000000000000000000000000000..1d5310691e6dbc936527f352585e43e8109f0576 GIT binary patch literal 159 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ooU|`~4V_;yITaqTlz`(##?Bp53!NI{%!;#X# zz`(#+;1OBOz`%C|gc+x5^GP!>Fi4iTMwA5Sr>t*I;7bhncr0V4trO$q6 zBgMeLVD9PS7$Pxs>6wF^4FNnX7ZXa^e&;LPI{sPcq5S7UztaXe4-Pd;OP;;){l^Mb lnV-u4n%-PLwDWcRES;9mS5+QKGB7YOc)I$ztaD0e0sz<>J~;pY literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/handle-horz-hover.png b/gtk-2.0/assets/handle-horz-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d5c45399bd81047c1b430c70371d5fb8a763e628 GIT binary patch literal 199 zcmeAS@N?(olHy`uVBq!ia0y~yU=UznU|`{3V_;xt-?IM=h*Rw38N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeL;Nt1x7$Pxs>8Xvp4F)327oVRwpvB{I*6QWV4&P0Omn*QQs`wQZKM%RuC)_&k yNn2`ssJNNF@=3#f?|nZ#osZ9WJ%8I1`F|}MmupT`@G~$lFnGH9xvX>t*I;7bhncr0V4trO$q6 zBgMeLVDIVT7$Pxs>B)n<4F){U7pL)gCQai+SSys?s4 s$=?-)A>S6hZlBNNW3yv*e$+o!4=X9f>Z}{y3=9kmp00i_>zopr055SotpET3 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/handle-vert-active.png b/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 0000000000000000000000000000000000000000..cfc430bf99aeb1f33ec67e6013eaea4837020abf GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ZjU=ZM7V_;w~+;;CXNTArsGlYYKgQJEcrGtTi zfwRCPvY3H^?+6GpPSxgR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7C zMv8%f!PwKqF+^hO)w71Y3F>&??i0r g74?eR&zl&$TwA_pKKy#0fq{X+)78&qol`;+05Z=w(f|Me literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/handle-vert-hover.png b/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c92301bb338d1a157df6ba02c625d13e09a3ea69 GIT binary patch literal 189 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ZjU=ZM7V_;w~+;;CXNTArsGlYYKgQJEcrGtTi zfwRCPvY3H^?+6GpPSxgR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7C zMv8%f!OGLcF+^hO)w3IU8w>R|DNig)WhgH%*UQYyE>2D?NY%?PN}v7C zMv8%f!P3*kF+^f&@}K|z_e(J|H}f;Iz`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz+e#I6XMFiz|hdp5E{BFH1uO|@W=4*Phnx7LPI}?g?$bU{Sp!aVuXi(4h#Dd8u}$H z>~rQ6=cgbSl?3?(GcYl$sH$1pJGusiWfc}R98#RD!@$50;OXKR!V#U^@tdE`U*ev# zM7`ucXT~Xoa;JW*WlPOTYBs3Te!?tS-@x=n;i&NSW|oE?&L9U-g=73~tyLYC!Z#MM o{afK~BzdAC`W1U(3>(AFy!;t$-%}hJ7#J8lUHx3vIVCg!00Ssv!~g&Q literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-checked.png b/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..1e9834c00548445713684f01f73bff1366846ca1 GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%O~2l#}zGB7ZNhW<}W`yU$lB|Q9VXvEjBurFaC@@rW5x3GwBVc}mx!@q`we+>%* zli^=YclsX%IjSVcFPMRu)x*=fthT9h@tP}-9zU@>rQOKDz!2i;;us<^HMKudsKJ24 z*?H})*mw0&=^7VYrc7TzlbmI2H%GvXYA>tA2+Nqs8ZaO%^g vNe)r@*~U8Cbx(eJ8^pN(`6A`N6^vzFypJwN2-Pz%Ffe$!`njxgN@xNA_rY#+ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..8bcc2491a5710bf57ec4ca8e78834da835e9bc8f GIT binary patch literal 218 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#tmn6XMFizz`bxF*x{Rc=)HVurHyZU&6vZ|4_Sioq>UYy(Gvlm_bEVt+1%!!Q%A0 z3=9k^o-U3d95a&*e3_dS+6*|9TNQb^I#LW67`2*N-WGU=D)P89II8M1)zn&SVqjok N@O1TaS?83{1OVsBJ{kZ3 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-mixed.png b/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..fc15f8f3363971bef12565605f9f1bbf3f9509e1 GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#tLe6XMFizz`bwB|Q9VXvEjB@ULNEU^4t`w!MKU0|NtlNswPKgNLX0qsLFKpJu(w zz`&s5>Eal|F*Dgfo4r|~t$<^3%R(8hjuZn1My+O+w*}sziahQNNtI?(Bd!;!FfcGM Nc)I$ztaD0e0s#DNL5u(Z literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png b/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..db57f7e7afd960ac239a8a1695122befe3a8ba29 GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#tUh6XMFi!0;ax*afY%VqjokD+%%oW)Kx~cJa|FUktKe-qXb~ghMttfRmM3oh_V0 pd4}Q?Mjoe^2OFZfO4}3}IKK(radTR+hk=2C!PC{xWt~$(69E23Ki~iW literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-unchecked.png b/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..842b15987da975be02629e3acc85531dc7c570fe GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#tUh6XMFi!0;ax*afY%VqjokD+%%oW-vCLzhJZLryMs11_pUg7sn8e=;Q!SR%U0m rU=HOOic=VQoL(Mmh}PmMWn=jETyU1eW9=yn3=9mOu6{1-oD!MQUlpinR(g8$%zH2dih1^v)|cB zF)%R93GfMVWnf?k4P6x)`rpA}e`x5{(9r*$p0}f;--d?1i;Vmf8u~df@N;D3m(b8x zp`l+wL%#(Dy$uTb77_6_EbL=g*q6}IFCifx!^6LVxnDy=zlMZ-3JLif9{xEj3`B;9 ze+&=*5*GF;EbI$JFf{Z_SQu0U%mzt;6?_c~`x+MZIW!bRhJ}6hKC~r*fq}uKB*-tA zfti_wjg6g;Uqn<)TtY%xMn=}%-NVz<%gfs*G&C$CE-pSkE4!$yyu6~avZ|`4wywUx z$80?(0|Uc4PZ!4!2}#w1-A+vg3~d+vMO-gxvRa&uHq}h#`dt6Ny!)BupXh7v>dHgU zUH~dgWU|{fc^>bP0 Hl+XkK+rimN literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-checked.png b/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..4dda4324af70f5f9be4ef12b8a4a54bec45b9eb0 GIT binary patch literal 544 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PJ3h)VWWnf@POZy)h`rp&@e{3v>;pg`{DEeDO#JAAUPobfogCjqOhkp(Y{SqGj zB{cL)XedZ3Jp5Z|=(q6jFJWOI@vyKjVc}oH!@q`wfys!kVG$sau<)-C6dL|5EbLoY z__wg|uc0u(un4FuL=8k1#zsheEQr@iD{Pg+DkDq`3e&c_h#K6F?-qXb~L_$*a zV7F6~0YlqGf03iFMVRM2UF)Km%=Nkce|YyZ%RjTlryqYj>3qe@{q~|ia$T0!hXt=; zYreYdVmM39iYS2@USiMAr#TiCyt6oFQs=d<>52Q?=%&zPq27F4-QUlpinR(g8$%zH2dih1^v)|cB zF)%Px2l#}zGB7ZNhOPl)U&6vZg@t_y5C0q%_Bk{Z z$^{F44Ga4U76g%DVV}F^BwS@+V9+cH@(X5QW@ceyV;2<@mynQ_k&$(G_we-e^78hH zi;IuX$}Xy`tg5Q1t*dXC+VVx7fq`Lyr;B5Vgrx1kUa3X{hPI30l7@@Y{;6+zw)?;K zlrJTG_S)k2-Uo>PdAhux?d6P%r{8zwS61_lNOPgg&ebxsLQ0LEOo>Hq)$ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-mixed.png b/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..e1d1a962d6e6ec52fb0368be86c5cb9975debf59 GIT binary patch literal 470 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PR2Ka=yGB7ZtrTq^L{qO1dKQm_68u~dn@^g6j=g`nE;o)CGL%)QEev63s z79RdBH1u0|_?NISka$?wm$2}!;o)Dy!oXz2*Rb%fq2b@c!oG!te*?2YB4ObW5+nj+ zLqtGirr-CC3=9lfB|(0{46JPI+&p|*+B&-W24?0Kmc4xwCQh0>W!m)Jd-m?TeC6ts zkDoq&`SJ75-&0S!pD{2nO!Rbd43UtuJ=iPNXu!~RF`UP6(X~JBDQC<7i)*}mDN`5r z?qA*g?kW3Ueq0=9qf)ZWoOS!$v)fWHm@@jUy8b0cmw&Z?gz*MNJQUlpinR(g8$%zH2dih1^v)|cB zF)%PV1^9%xGB7awrwnk!Uut7uU=S+_@(X5QWMXFF+nu(Wsa@bvQbxjQT3 zG6MrcrKgKyh{V*?{y?D?1s-SZCWqD0f<^yVbFEly{A7LpEHlMbMQe^PeDh*bB=@ea z8Fv3C+&sT|de7R4qQ8sQ>RB)O<-PB@S5e`SgkRnQo)6;%7EDQqPnhUt5V2$LFFDzJ zVZS)9Db3)GY}&feb$*p(<*AP))v;Hmn0))Ce&7TQUlpinR(g8$%zH2dih1^v)|cB zF)%RX2l#}zGB7awrz6n6%yf}~fkCw-$S;_Ig_VO#R!&|)QAtf*BRM5CEj=SMtGT6h z%G7BKR<2sTZvDnhn>jMfe=;yIbbGouhDb=-9_*DmsKC&6(L7OQ+b3%`-TQyz7fbp- z|FD(w`;>RFhtEIya&3(a@8qMtmKE8xCw56bSd)1A3~$$l%ICWEdecqkGKGemcDB}9 zKTpLw_3I;5@2yuRx0i*)*@7gzgEu`s-I%{zb#%R&6p8kqJ8kg i=DgoiejV;Q$?mm;`&h||n0N*T1_n=8KbLh*2~7ZgujCN` literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry-active.png b/gtk-2.0/assets/notebook-combo-ltr-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0a0090673d27aabf6bec1af81ffc4e7b4b927b55 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeL(Cz8s7@{%p?Zv&k%?>}+9-`$b$jK_IVmhTTX^_%X| VyQeYeGcYhPc)I$ztaD0e0sseCViy1a literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..66840bee82f80f41fd6bbcddbcb626d0c9dc9113 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLQ0wX97@{%p?ImlzLk>JG5ASb&H|g<`$N$O|WmisqvxGrqf?0plq|7&uE_+Oq zIb2{YKI#3@Z`X62Zl{Rt+UFi5e9CNV*seTz#uqmu0&lv@_dfr=Crj_}=RXhq6F2C+ zHtcEWNSGzpZlO5gh>d>FW7*wi^Ual+G*9Sw99nnw81GRzquHCb6`p5cU|{fc^>bP0 Hl+XkKu|Z&7 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry.png b/gtk-2.0/assets/notebook-combo-ltr-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..66840bee82f80f41fd6bbcddbcb626d0c9dc9113 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLQ0wX97@{%p?ImlzLk>JG5ASb&H|g<`$N$O|WmisqvxGrqf?0plq|7&uE_+Oq zIb2{YKI#3@Z`X62Zl{Rt+UFi5e9CNV*seTz#uqmu0&lv@_dfr=Crj_}=RXhq6F2C+ zHtcEWNSGzpZlO5gh>d>FW7*wi^Ual+G*9Sw99nnw81GRzquHCb6`p5cU|{fc^>bP0 Hl+XkKu|Z&7 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry-active.png b/gtk-2.0/assets/notebook-combo-rtl-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a709254600790dda652a4300e19e2b2148422039 GIT binary patch literal 285 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IM^5%7`D7y6UM;6z*6kw8N$KA!BNAJ(!s#M zz**oCS>t*I;7bhncr0V4trO$q6 zBgMeLFw4`$F+^kH+e?Ogha7lZF4}+F)W9OUMPyE6-|u*~i%aj6`Yiy)UEDB5BPr3Z_%jU$M1PQh({xdwYtyAC0^sy^7ote|l@UFFE9}nX( z!xJ*o6VoQ0G^+W$wV?E|{6CLuUV#ObH=-W@tVu}oSaABO)z1RY8J1havhD_*YTI=C kt$MEfi+4N3RX#GYNExKc27k$BU|?YIboFyt=akR{0Ixb}4gdfE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..b2ab3283db40ce9e976b3f5aa5064e175d1417c8 GIT binary patch literal 269 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IG7n27@7@YQWzK*n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXN|AK(+>s-dB)si~)>WuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+X>4q1Y;0v> zVr_12=iun>=;ZF`Ei0WmSYYt0|SGDr;B3*FfzgTe~DWM4f3TsKC literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry.png b/gtk-2.0/assets/notebook-combo-rtl-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..b2ab3283db40ce9e976b3f5aa5064e175d1417c8 GIT binary patch literal 269 zcmeAS@N?(olHy`uVBq!ia0y~yU;wd2IG7n27@7@YQWzK*n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXN|AK(+>s-dB)si~)>WuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+X>4q1Y;0v> zVr_12=iun>=;ZF`Ei0WmSYYt0|SGDr;B3*FfzgTe~DWM4f3TsKC literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-entry-active.png b/gtk-2.0/assets/notebook-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..92e4df3c8663fd379013fd553ad0f9a44ea1b995 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4mJh`hTcwDUIqpRmSQK*5DpFwjv9`X4h9AW z&H|6fVg?4jBOuH;Rhv(mfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#W zDFz0Hi=HlyAr`%FFB=vea^Puw_}{bp@{R2aAOHK#q5Jq;=#8sgN*0+L3s24t{OxHx zsl+aR5_2$v(dYFFC&i;Z7@U5spEUE!J1`|Gd2e?D2icd^QuIf)VyZTc#U qJr3hkH^5L-OT9$KQ?Dx)>N37(8A5T-G@yGywpulZ8_N literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-entry-insensitive.png b/gtk-2.0/assets/notebook-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..cf97fe6397558c1463dac413a770b53a3c9eca20 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4rT@hhF#%r?HL#tn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXPe9pDqWuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+VPs@!Y;0+4 zY-M6%ZEkLBZf@t`=>Ei00UbTKY0|P^}r;B5VMEKPco?^`k zA}j~OBwg(9b}E0jU%A`n!BeJdn-`X0|Nttr>mdKI;Vst E09ssMV*mgE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-entry.png b/gtk-2.0/assets/notebook-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..cf97fe6397558c1463dac413a770b53a3c9eca20 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0y~yU=RUe4rT@hhF#%r?HL#tn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXPe9pDqWuU8TqNit~r)R3KZ)RX%W@u<`XlP+*WNu_+VPs@!Y;0+4 zY-M6%ZEkLBZf@t`=>Ei00UbTKY0|P^}r;B5VMEKPco?^`k zA}j~OBwg(9b}E0jU%A`n!BeJdn-`X0|Nttr>mdKI;Vst E09ssMV*mgE literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-down-alt-insensitive.png b/gtk-2.0/assets/pan-down-alt-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..c6f07ec94931134d945d1d7e8641635200cfb4e0 GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&oIPC}Lo9mV_Uz1P<9{=qXJ-W-j(wHufaWqfq{X+)78&qol`;+0N|QFf&c&j literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-down-alt.png b/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..c9bfa29af64a8927e12c05a7b86e1e9c4c4f7f7f GIT binary patch literal 206 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&yggkULo9le6C_xf`6VV={{R1pcLNK)wQ|Ns9rHktG@Jz`{Va97^>P^IGz0|Nttr>mdKI;Vst E0I-@uU;qFB literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-down-insensitive.png b/gtk-2.0/assets/pan-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..ed2784ba359e48afeaa53efe4367716ffcd36037 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&oIG6|Lo9mV_N)|TP~bUQ_uWZBV$Rv7R(H!)21i^~EGzPk6A)e y^1YFPLCo?atS-_`=3*X&oN*2MioDDW4E08mbMu^TcQPO>_%)r2R1cVug5-u&wghk z#lXP86W|l#%D}+z9|kNASg&AUU|=Z;@(X4NiQ0ThYP%c*1B1G!i(?2!baH|NJC{Nd zvw(3egU}rXCwZ3>%^YO{2RW1^xE^#(WMt5^W>5L+|K%91 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right-alt-insensitive.png b/gtk-2.0/assets/pan-right-alt-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..b2ee252d35da8b19db2777135b467a8dd31534b7 GIT binary patch literal 203 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&JUm?-Lo9mlo;k?LpuppN@k%Jm!N1!J#XE&(u-Rs=ds}~Czw*tw`<3#pI*KGH zN={JXQxFtqXsBfF>5y1{z^sfx^7OlpWfixQrj+*Ftsow#PRg@NJI8|9j=Z68-LFfcH9y85}Sb4q9e E0D0U%O8@`> literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right-insensitive.png b/gtk-2.0/assets/pan-right-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..952e6a0b4e37d39b6a2901727e5f6e7ea5f9ae73 GIT binary patch literal 203 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&JUm?-Lo9mlp4rIDpuofI*uGOkLt@Us31?U=#6ljJ{bc?pd-B~M(Zbbyix{|1 zHi#55bnakaI3u0la>Rml+eYRS5q&AvT=#D?U3o9XQKiK=fq{X6!PC{xWt~$(699OP BJevRj literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right-semi.png b/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..bc64e960600c848e13385feb2e109fbbde352da3 GIT binary patch literal 208 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&d_7$pLo9mVo_FMGFyL{y$oWMg$Uk(?{_7bJck8a5>+}io>o+hkFfe$!`njxg HN@xNA!)`<^ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right.png b/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000000000000000000000000000000000000..1ed3fa4433fc481c0d1f4b6977738945b141c4b9 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&oIG6|Lo9le6D0OM`2YXE>=daF^Oc0W4fR*=d3d~14GmN1ed!8|JN}vFfe$!`njxgN@xNAvcNqK literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-up-alt-insensitive.png b/gtk-2.0/assets/pan-up-alt-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..58bcfe2ca516c0a3d108aa363e16c80cd4e7eb8b GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&oIPC}Lo9le6C_x-u>Sx5Km7Oq|NGVKOm%*k7#kR@aJz8%=hz`(%Z>FVdQ&MBb@0PvVSC;$Ke literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-up-alt.png b/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..2c23cc9a57d69feeeed26028047f8db56dc7dd21 GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&oIPC}Lo9le6C_x-u>Sx5zyH_&|MfO@raC`Nj13H2oNn^;^z?9VT$!x0M3QsO v!8DFGMhlb2CM-u8m}Y(4l_J8U!oW})D9dyFT>lRS1_lOCS3j3^P6Sx5zx>Dl|NFV^Om%*k7#kQ^INapv>FKH7urgU?i6p1Y w!8DFGMhlb2CM-u8m}Y(4l_J8U!oaZjy3GDZ<^pFK7#J8lUHx3vIVCg!0HaJhUjP6A literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-up.png b/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..f6b9375110e2ecba531f0b82bdbbd923e1fb7587 GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&^gLZ0Lo9le6C_x-u>Sx5KmW)7|Ml#uvl1IjoG+M6PUGM^dqmR7!MO6CBx?x+ ZL+Spa-5RXCH4F?444$rjF6*2UngHdGGOqvt literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pathbar_button_active.png b/gtk-2.0/assets/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..e4f46925164520b60a2a076509ed19e7a72e036a GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0y~yVBle3U|`~4V_;y&skfcZz`(##?Bp53!NI{%!;#X# zz`(#+;1OBOz`%C|gc+x5^GP!>Fi4iTMwA5SrEal|F*BKm`~R=`jVuRTx{}z~*w`3;y<}SYzM|m;0|Nttr>mdKI;Vst E0QFHQod5s; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pathbar_button_prelight.png b/gtk-2.0/assets/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..a3e7b5016b3e10dc09bd68ef8f3fa9f216dbe903 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0y~yVBle3U|`~4V_;y&skfcZz`(##?Bp53!NI{%!;#X# zz`(#+;1OBOz`%C|gc+x5^GP!>Fi4iTMwA5SrEal|F*BK``^T*V4onG3u7=Fa%*+gDmNTg4E{-7_Gn09^|NolL$Z24>fbkF$!x~Gbm7kRo;}{qi7(8A5T-G@yGywqcCnnke literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/progressbar-trough.png b/gtk-2.0/assets/progressbar-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..67fc03db55a2ef8b2efc92cff15937ec41beddd1 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0y~yU|<1Z4mJh`hLs=Z)qyz0PM#qg92^`q94Q?P3=EtF z9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#TC y3=E>4E{-7_Gn2P$*Z+0Cfn|oo1%^aMhPs1{-)~zl{LjF^z~JfX=d#Wzp$PynqA9Ha literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-checked-active.png b/gtk-2.0/assets/radio-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..27be698b54b5ff51c7bbbe5e3ca4f4e07d3f1b2a GIT binary patch literal 703 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdp`2e2~*TBHffw7+>BEE-(eF+c$8X5UDBI0XU*w=`NZxInc!^1yEMt%+t{~8Vw z{~Q+fDJhJA&Y76!2~;tR;Au&<#ITf)D9#6gCC z1?&1cp>Gi=@LWoQ{DQ^AoLzi;{Q^QlLc=n%va7198ylONn_F7j+B-U@PMbD;=B(K( zR<2&XX6?Ft`wtwvc=6KZ`wt#Idi><+vuDr0e*6CY*YAJY=L^;|Ffa;vx;Tbt1eZ>V zjBaueaZtBy2%EKXXX45UJD>SI6zll@|Nk;Mwk7Pl{6Eh%zCU+&&#u#x1uK^tSw0D= z*|3Y-p673C?okD?x08<)=KK|W7LxLM3Rml-&B8M!%nhfWp1n|CYOlw!&WzJfJ(C-} zRD5;UOy0xP>npMDwL?6gn8u4!*BU0)RdXy;H`9pdVD4SAN@|A@JL^81Lu!KB8r}R{ zOqxy;I^=guS8$&5(D7X6s#2wCnXCK@7tHI>+F``Zy6ugRMAkpPW$Lnb9|Tr8oMc&Q`o!#?d++W^USn09qmbpnM s>onW{d`;^kpKrTWZ|}VA literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-checked-hover.png b/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..80afe741f2673e20007d6f51b01d14eea2c0f487 GIT binary patch literal 720 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpjR2nz*Vxz>v9bSygFggE{Rj{L5gGY2Jp5;L^iMG3S7_+3;NY*};a|hTzJ^A8 zjfnUW5%E1d>Puwgm(U2Pcvu8TBS;NM;j|hlJAiZBf z;t}7%!a>@R$qK22nG6gJ?j=Ef!Q9+RN@^OKTH5*shDKiA-m!7KAee&XcGo40P=xqI*ag9i^Eeg5+G+s|MB8rRnDMphlB($P#oWFeb<(8S--f*}qs++Ll+gAHSQk`q&#HdX!zNX~-S<9`c&h&6^ zn)QT6u~JL>g0)TxR|9UaS2AjyzML7zX0>UvtmP6*d-#OwG0GS)%5s*!RS6hmC8b;gki*tv6n=ed-f?=5VC=^Ua)l zU!Pp+Pi}wZ=f8Dri;I2kF3X>v{+=&XmTmlR@2quE;+6QEV58NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpiU6MwR|XLH-_Xzy8oDYp^nYmR)zHxYo}RZoJ^zP>ehv)$92)u|H1vCL@Q3j5 zPobfof`dPWhkp(Y{Tv+pIWqEdc=+dth_B({AH&1HhK7C&4*nP({xLN4Q)uYtkdQB7 zVP8T+zl4W>2?+tI3=8`l7WN4&_$f5>OK2!m5Q*^xq5w>O4Ga4U)&e4#US2xOz`$Tp z666=mz{teR%*MvfE-I#|sHCQ@p{b>>E!I<>J}6f93P*MkeQX8lbe@c zSy@$8Q(NEgFKMMa0|Ub=PZ!4!3CXz!UzZ(pU}(LlFBr8_$nka9^&LwEtpuO{y}u@V z6Wi(d>d%`JCZxDdRQ=na{?XI#-qVBeUhSR{>)R)XL{;3;DgF6vMaAJD?l}?D`QJq? zRnj`>8Sk(~zblqqLX&?3n^lEDcq&`nD!H&loGwMT46aJOUZM8pX^vt@Tj~`C<>&nO zQa1ERB|Mq)FgAV7;#nIeZ*B~b3|qum@?=ZmD$%g`mHft`bqD-KlUaARIaFt#S;pH_ zx+d`Ds+_{_k#W`*+*6h3ciHQiK0g-i@zNy6yJnu@?>oYU%hsHb( Z{r_}>#@Q_rFa1H0?CI*~vd$@?2>=Cn0Y(4- literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-checked.png b/gtk-2.0/assets/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..15534aa47cb140a98f2cefb9d4aa77f52ddaa8d5 GIT binary patch literal 667 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpnE;;tPG_1TWI*Vu!wJA5g=Ubq%+Yu0deCM-^0@JG^BUUk9B(1y_K)7fKHtsb2J(qbCMk!tChk=?TO0&mT! znNEJiI*WNEEb9wYn^UJSDyMT_zm=q0!Yp5;HsP|&>sZApPec~1RSfgJZ&xyi+)SqV}lo{FeJ&Uyn6jpPcqKMs0HT`7Q6O=7fY5 pO-ntuWS-mpV}E$$gJWLF>sc7~m^_Y7WME)m@O1TaS?83{1OVHMD%$`6 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-mixed-active.png b/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..7b64818bf60204aaad1975d6ea176d0f55f69bf5 GIT binary patch literal 639 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdp-TBEE-(eF+c$8X5UDBI0XU*w=`NZxInc!^1yEMt%+t{~8Vw z{~Q+fDJ2 zn8wdx;a|cdzJ-Q=3k~}UF((XU&eyPrFJWN!go4cf0uqe)8Ws*kJidG8GcYjNl?3?( zi-|eA`1tw-goK2KWoBhpRaG}Px3spkcXUpjHf{RMnX_ikS-pDA+I9Q(?LTnv;Qa>= zA3c8Z^x3oLU%!9<_50t(+l)^c7#Lo8x;TbtoUgrGFGc85i~VRb_D z`Wk+_FfOM(PY*h-P-yaPG3i*<(e+TY{(S$h#_8>b)3{>ZtZ6T*E^Jok@sW5aVD2G% zqH0?HiD=`>BbHAB=BM?lsJ(psNmAfPU#@js!|f^3%~|r3&G^>dVe#Ctx>n?G-Szopr0CVIf6aWAK literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-mixed-hover.png b/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..95cc6b2652f65fe87032f1cfebb5ee2813452834 GIT binary patch literal 655 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpu>hYC*Vxz>v9bSygFggE{Rj{L5gGY2Jp5;L^iMG3S7_+3;NY*};a|hTzJ^A8 zjfnUW5%E1d>Puwgm#_$sdXQAa*YNOf;gLTgAR>|9!o$CZMSKUTj09^8{~8Jw2@U@S zQXlp;Ec`1(4Tu{7;eHE`_!A@;~6HQ zsWXoJZc}ke>REJzJNDP#_*1J=cLvS)x7GCiwKpZ_wO%oYdIXF1YAx0Ll)xAM@Tt%` zwq-gV7i=A0-OyyX%YMyob6B>O^nql_4~4RupD4{P&Thbr$y=J}`ce)T-I^`5TVaA2$M=`!Xc@|AB~-a2O` w|Bt$*Ao=&HUe~sGTjkidch4`#y82bRV}nL@)a&*a3=9kmp00i_>zopr01}Wa_y7O^ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-mixed-insensitive.png b/gtk-2.0/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..ce803fc89846e9c9effbe7963e85e9de05371d19 GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpoB*E?R|XLH-_Xzy8oDYp^nYmR)zHxYo}RZoJ^zP>ehv)$92)u|H1vCL@Q2XQ zPr<>T!oxp@hJFqX{u~+kIXwJxM8wzd@Q>l)UqeGb1_ytPi1-#B{xLN4Q)uY7u&^(o zpF$?3~=Z{K~4Tn%eq? z{Er)J85kJOc)B=-NJ!2-_%^D^fPwYF=Ef8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axdpt^l79R|W=#hKB#4q5sp;KxAwzi1hP&9Uc8PH1ulx;TbNNX|X@I;_b-g7t#&VGqs7N`2E6SB!$W@_YN9|BYY$b)&${{qK5L z&pfDPEwjn>{(;LkH*d&(>~#J_>YWu=r9O7e(VBC%q9*Lb%7u?vTKW3RHB4orPt3HP zA7J?Cngh>{kQEm+s|D`YG^#(8Njhs~BWTQVS|EXQ$HLYPJdD#CqW?LriELL-V*7Yh zVqSQi!!TD+2D;gbU1+d&=5cSLIaByg>V5n1>$6Ub|;P7Rk zPe4V(kysHcmLL~LmOvLzl|?#7-*j~sub+G4hsU)W#kSASoO?I#wwI=FBH!{q@o$n> zPYv2-$oQ!#ey-vZ*)xl~Bj=p_Xe<%LA!2$C}8X_O!Sy;T`~7)-vYk{ zz3w~a*XKWGHv6djd|82L_l_CG??13*&NwjH=b!ZY4Y%S$)*jEb5q%tUPU(M1^iikQ zKbB!^6HcEG`{48DF!RRvtxU3p#TA`v8ISzEA+%am?ZQgo8RF8rdcUhH=tmq4_gTGW zkygN@Y_|TTob5Zs)?Md3^K6GDQ>Ej|y)o(mdKceGFg=wJU#Gl0BW6pH%^Kkwr$642 zU|RYueeQwhGV6O41G4O|a^^hQk+J3C)X^B{WifyM&YL($Lt z9O_)}JZMoB{ryh<=&pjJd~r|KvGuO*tv*m*0^(%@mi^*|4R$BLe)()5Z#qaj) zFSDI&9e*tP_=eX_>mt5=X%H1Kj(_$3j|J0_O}h_8>pjdl_r5Fn?&F?@}ef{+e+5Kg*@(J(i85kHCJYD@<);T3K0RXR10R#X5 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-unchecked-hover.png b/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c1cdae7aa33f7ca29d2127b261dbfa45f049436c GIT binary patch literal 582 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&4|}>ehIn*ty}C0`I8fx+$NAg4=55dt3d%Udtm4qV*oHwvL4bGB;*`lRZnCoG z{$X(V#HLb`quZetqF{DdS|CB=ouu)`<7G1H?ozVnW#_-Ie}3jnxmM(~w})6>Z8NW1 z9D8!pn+tp$d={$zbJ!>3!FMhD7VREw4$bv@93 z;`cFzH@$y0^L)_zbkUIExbl8o<~43{6W%0US@AGs`Zcx#T`4ia7JFF_++6YZ2LA@V zok}O8)7%8+PqooGESq`b3xmhB+0|a$&w28~d7p2TFzv30`{O)wc35Ggk@cnL`*mtv z;*)ai`yNiYGEK+q%LTPJR{hITVkR@cYq;`xH&^X_ody%X*@YtR&&>b3KU?K={xpNN m)tA*7{I?ETJj(dbT=1>*@%yQl`571(7(8A5T-G@yGywoFPyfUK literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-unchecked-insensitive.png b/gtk-2.0/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..cbd61e26fc57e79d724a72130c2a2e8c91d34d7c GIT binary patch literal 445 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8RDe&2D+2?=f7*aZqwRYc7#QSAg8YIR7@3$^c!fp8B_yTf6%>^;G_?#2jqDv9 zojg3fd^|*$elRdFtoC$q4AD40Hz-i7S%GIWSMj131v~;L|E{;3@7((KEdTG|3?S#QG@k_!wZ}cD^GjO%x;nBV0RGqcNHkMGElH_xE-0S zp^|igO;BHL2c(oyw}p%joSOIfJRq_6ye?=F$a; zY43M3PMX#jo3QA(qV<7^Gq3(;^3Y!T z#@%H&ls!}7%%4s7pK0!9kZV+Wc=a!X%DL6^>_d*6dBeQp)7vB-gQwZr`Jbn#ZZ$S^ z_$0WOhrwfB;ic8wAH=8GyzG~FaP|5{Mh4Hf(L4puUms#?40n3)f4Abu@-+%XXN|)sVE)I(`lk!#G?pk(5Wo>$|caY;HH?Q_> z`=1|qa;qUX;dE?&i~bf?o1OV{^mpq0Jn7#!`MuTz)uXA0ws!B2Gmn^UFfC2z#`*ZP tnG19;ALwY0<2b*I)5JLa-}|@1w#N=ld24F%m4ShQ!PC{xWt~$(698`p<|P0C literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-horz-trough-active.png b/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..9ee4a0bfd58e2ea9d1b2a1907994b72ad22ba1eb GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&^gLZ0Lp(Z@6C_v{Cy4YgH8luMcZv9M{r?h)Em^AOVVh@olwQ;TOI~1LU{J_n WVVUvu=~4y;1_n=8KbLh*2~7Z*uQ9Fw literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-horz-trough-insensitive.png b/gtk-2.0/assets/scale-horz-trough-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..6d95beb4afd5f0ab57c162d872b7e9660e204e16 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&bUj@hLp(Z@6C_v{Cy4YgH8luMKl1d Y_hMlQs%>4xz`(%Z>FVdQ&MBb@0A!Fb1poj5 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-horz-trough.png b/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..065c59886d8bfe6ffa7b680e32f2cca992743519 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&bUj@hLp(Z@6C_v{Cy4YgH8luMKl17U|?YIboFyt=akR{08PX%%m4rY literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider-active.png b/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..365e37cf7ccee3bc7dee84abd8355cfa33caf5bd GIT binary patch literal 397 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8Y=BRQD+2>VXz2IQ&>z83Kf=R*L_~ZK3;P}#`8guuOIX;K(8w=g;a|hUzlKG8 zg)+jvg@u0$4gVGv@g*!AA`21;3kNAcBXiQ$dND9C$dv^71v4nBsH)l8IXSzy&X_rC z_ME-@_8&NS?fQ+^Z{L0V{6+RU?@0y*h6+y?#}En0tp{(5H7N+NUYP6^XLMSG^YG{Y z^KTwj;C{CA+c9~b$<}>u?=8Nvre~Ve%-82q%spn!m5hIAvU!7&)QS=Tel6ve#hV;i zv>25FemYoai6t#6YJRbDOUFDN9gEm|XMS*Xe)QSnxU9}_miClg7uyn!i|zl;sx2lf VJmt&vNem1O44$rjF6*2UngHpgqW%B? literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider-hover.png b/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d646b3edbae4143e2492bf0317c9f98169abfbd1 GIT binary patch literal 385 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8RDe&2D+2>VTH626(EpyE|3gDR2SNswPK11lT5mbQ*=Z{LK8lc!9Z zzI)H!eV4CX{rKtgmp^|~DtB#TU|=Zlba4!kklcH)lefiyhvk6kAC`B#G6~!MoB2Bx zZIDi2E6;ko=l$mk2ejqc{f$^9o=(51{@~LRL#1qfsUT-pE88nh>W;Z3VJoJd$Z1Y>2YS5+}2Z9XndgH-|GS_Z*shgemUs@?7uOR_VWt?=8jnoM%l9V_;xl@O1Ta JS?83{1OVE;m%ji2 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider-insensitive.png b/gtk-2.0/assets/scale-slider-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..383e2ef3308b5a628b5a93afd85a3dc8e796f37e GIT binary patch literal 382 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8cz{ocD+2?An_Hl>v!8>5m%DqAmsfzNr=N#MfTw4mmsfz7m%pcHptm;y`S=8Z zQLv9sFqjc!Vq$G-YGY<*Yh~qVZ|~;n>h0qbWVoe{lYxOjtR%=Um_bZjLNYQsrlYf~ z`_knrS3iCJ{N?LE)n%;f85kJKJzX3_G|r!$aFee=frsUFt9ewQ;LZR4{e%~7ob=(H z%{!Ic?Jo5T-hAEF7c2PORQZ6`Df5c-wV!X;ElZhG{eb1U)0Ypwd)>8i literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider.png b/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..70ab5458d911211c9d430e8cd552c0161bd71573 GIT binary patch literal 338 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Q-Dv1D+2>VWaOvN(9eOfpTonyg+_b}5C0Y({xvM@Ygoir5F`9+X!zGK6!Z<5 z``+d<$ep4kL4LsuBBEkJA)$>;%`IoooxkwmDVl<*XBJ3n^iurkvJs%d8F2aX%$FU^^JSpJSpGLNLy6?<_81_lOC LS3j3^P6^|8`Sbe!h7aridtN;3qJ6w4${_3D3f99Xn*t5EG}swD Yx3fle6lAYpU|?YIboFyt=akR{0MmRlJOBUy literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-vert-trough-insensitive.png b/gtk-2.0/assets/scale-vert-trough-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5aa6d22c3640d4c64a4955f2e7bdb7b54f9373 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&bUj@hLp(Z@6C_v{H>`W`|NsA@|Ns9_S9awWUMpjqb#MjiVlf_dZnuLP3uG7= Z7Fx6U3O?)2VPIfj@O1TaS?83{1OVYqGR*)0 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-vert-trough.png b/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..628182844a99d3bd967fc80b42f7ecc931933914 GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&bUj@hLp(Z@6C_v{H>`W`|Nnox|NsAgS9IkUUMpjqb#MjiVlf_dZnuLP3uG7= Zm|n20WZ!(zoPmLX!PC{xWt~$(69DU}Gcy1H literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-slider-active.png b/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f12cd7f5a8e130564f5877db4ef1566663abfbf6 GIT binary patch literal 244 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh4mJh`2J2k+UknTkEX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|Xg`O^sAr`%FCs^|}Ct@$<_D!GyL0E)!%UnnjgTl>*upEOvItCY{H zN3W%t9^nq_f+t-2&RA@Ff#>)}{d*5OWWy>RHmNDSYn^@WA@iv`X_j9*YUeO8Ffe$! L`njxgN@xNAeFR() literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png b/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..7068fa248889795b57e303ef87a5e0eec724a01a GIT binary patch literal 239 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh7G?$phLg@wCm9$Rn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXNI9pDq<%D}+z9|w5tYj+4_K}nEbFarmVk%^nThtIblwn+>O42GUAjv*Y;$q5R~ z20OP~J4R&5%I0z}>o@VeHn52BV_;xl N@O1TaS?83{1OTW#Pv8Im literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-slider.png b/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..8c01cd780aec4d6d74e7d0d0b5d8be7b43509f83 GIT binary patch literal 247 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh7G?$phLg@wCm9$Rn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXNI7vK}(%D}+zA2(2`nLU+(fq|zopr0Ly<^NB{r; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-trough.png b/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..31d3ab2cca0a5007e4161812ed0a3b2db5da818f GIT binary patch literal 149 zcmeAS@N?(olHy`uVBq!ia0y~yU|?imU|`~4V_;yI*|<%efq{Xg*vT`5gM)*kh9jke zfq{Xuz$3Dlfr0M`2s2LA=96Y%V2~_vjVKAuPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw z{mw>;fq_BD)5S4_V`g$fLP9}OLE+bb{0yvIOk$;Rc9$6#7#KWV{an^LB{Ts5BhV!f literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d2c2c1b61e3a602dbd048ffb0340592d6a2e22a1 GIT binary patch literal 241 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh4mJh`2J2k+UknTkEX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|Xd7dtgAr`%FFWPc781S?uzP7yc`l{@oNZCCT1ETmp>=OB-$@y}Pe2UjEl?%&$ zCi7ij=AKY=wqZRhQ)-jsDRB?UwH`qee#|RpYT9KP6wWeda_ParXQPnG*Yf1 z+|GM`ti-z;9+?x0-!%xn*m|oW(q*5bOCx8+jEjslIw7KblKKo=q;n#jemU`f=u+C+ zY!djSWP);64&NrXi9fTHH!z=^c5nWc1JV^)TNylE>ds9qH>v*~B*pgoahf6n0|SGn LtDnm{r-UW|uKrlX literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..3987167736485f1fd1d692f4d7161bbea6e25638 GIT binary patch literal 244 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh7G?$phLg@wCm9$Rn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXNI9pDq<%D}+z9|w5tYj+4_K}nEbFarmVk%^nThtIblwn+>O3}&7#jv*Y;$q5Q_ zE2daGO87|1=5i&7dAqx}GtW56mm=B_DdP~vJWIl3E~8KWYKAj5&TNku86Fkzt+!IG SR$*XZVDNPHb6Mw<&;$S^%26Z$ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..79b386db8026bfa513d387bd2abdb6b1b53905c5 GIT binary patch literal 251 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh7G?$phLg@wCm9$Rn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXNI7vK}(%D}+zA2(2`nLU+(fq|DA0GB7YOc)I$ztaD0e0s#28S}Onm literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..ef0be976d01d3d74a0ed6427ba3aeda7716811a2 GIT binary patch literal 148 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ckU|{56V_;zTqEz3-z`(##?Bp53!NI{%!;#X# zz`(#+;1OBOz`%C|gc+x5^GP!>Fi4iTMwA5SrEal|F*7+KA)%nC@asQ*2A1PYV!jQFA2Bd6FnGH9xvX+{HZZa;n}R+4fgLCbx*8KT*`Yign@y9!PC{xWt~$(699vkQkMV# literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..fb28f6b99edab46855f4a99174b6e15b6179be0b GIT binary patch literal 261 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh4mJh`2J2k+UknTkEX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XO`a}}Ar`%FFCFA{a1dyHSbryg$#j9zmj%4K9w9Cw51*+$+M%Z{C^=j6fb~Al zeKQXqm|yOqJ-68M0#oaHu>_HcS6eC;uwT0Vg29TnOJqkVLrr-0^bC)MCFNS$LhKWc zbj@LWvO&q4VdmNsKQO>_%)r2R1cVug5-u&wghk z#lXNI9pDq<%D}+z9|w5tYj+4_K}nEbFarmVk%^nThtIblwn+>O45pqgjv*W~lM@uA z40cY}aEQo~mGu;u=I-v!-4c57;zhp1QU=Cd5&^NsG5HE-_9QVr%1vircz>O5-^X2N QL0)3;boFyt=akR{09>0@M*si- literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..c8eb7b4974cf3b66a461b6470b3d583fcf1da868 GIT binary patch literal 250 zcmeAS@N?(olHy`uVBq!ia0y~yU=Rdh7G?$phLg@wCm9$Rn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXNI7vK}(%D}+zA2(2`nLU+(fq|Fi4iTMwA5SrEal|F*CWK@aw0n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zANbq!V43U_6^^784vjc<6#qGS$Url@!@IuS)qO$2iu2#oHsasoipKOz2Njmsl z{c)VymD0@?D{|MTe_5`)|eib_x%r!d^@I`Ge|ztu=3Di2IG4b a>%8p~S>;wN(vb%_h{4m<&t;ucLK6V&=uaI0 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down-hover.png b/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..806d007bf62b7428628d77f935046c19b097c480 GIT binary patch literal 227 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zANbq!V43U_6_3TE@<^TrQi;H(mO?YegTe~DWM4fk}gco literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down-insensitive.png b/gtk-2.0/assets/spin-ltr-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..9cf71a9ae60c4b626404928c7f2b4d4532ded6df GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA(Dih243U_c{OAAw{W8pQ2Tq*$(b3r0*vL6wDaAlW0n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAi1c)E43U_6^~^@zrUZtTi|mE`><9ZU&gq`yxyGR7&(uJ}cHUOjOP^J*?~S=? z@-}JtzW3)OUfX`T{V;J7Pf$AR_9W)@!OFr`>6N&t{O(KCb?fH UPhA#bU|?YIboFyt=akR{0B*NRg8%>k literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-up-active.png b/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f2abd755da37ee01d335d1e2036780c05df4d2f8 GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA$o6z`43U`Hdv+t&Ap?=Ni<3=C3oq;vsX6b*%6{Kvg5Asu7cV*r#~xWZwdV2D z5Aj;u7CLvhjpkJ-wkJy5_vT*u0n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA$o6z`43U`Hdv-VPAqN51i<=LtM=A<*b{Bg1>ouiiw48{YpybVxaIModW%1sJ zFJACYRh=XLF21MYakJspw@Y<&rv%9z{_y74zq-TPVew0^JgM37sN=6zOGie*p?CUo nPH!#f_T}YSBK6~Ps4vS4VY_9;FBdQ{Ffe$!`njxgN@xNAXgO8y literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-up-insensitive.png b/gtk-2.0/assets/spin-ltr-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..dd70229a8b371927902a6f58764f2d3355e0d656 GIT binary patch literal 185 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAF!OYA43U_coUp(w;m`m7`(^lc?&sm*c`qR;x!>5pz`)?4Vav?MMn{fg2bT*h io1xKKU?3vG#89w@O+%-*(1U@2fx*+&&t;ucLK6TpFf;xD literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-up.png b/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..6dc626a8198c681b87f8b488c0ee2c1733e2dbc8 GIT binary patch literal 222 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAi1u`G43U_coS-0NU}RuWkR_$7^_qOJcQPdxE?zWx5^b1jQ=gqfKS z%d6RJ^W3zt&?hA!At5~>A>q*S35^pc26DYJ`NOraVQNIH&k?PZmX&H;0&4{r0>uUR Vp5C!L#lXP8;OXk;vd$@?2>`?^MiBr2 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down-active.png b/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..80ecf3ebddde129a55549a10f3c755a0f0b235b5 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAi1T!D43U_6^^_skAqNrHi^e|{BzdD|upB&eO6#@v(|0kG?<#EcOiihZFMT+- zh5Oy-KNYLitepFwLwt|7=6WfflsCnBvlAtjcii~f#OeNJ$HOi@={Xl3H5mJ4A20n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAi1T!D43U_6^^`SVlY>O-#lwF(9oe@|XgYG}RG)0Xred=vOg#O^x+c8bdv*Gq z;Dv{)C60L}t}OYd9Al_|`j6(p1CrA_emtvr8|?K}a7}@8xA?q_0;?udBe@;_t-cj7 Zi%;ada_I7;PYetU44$rjF6*2UngFGZPvrmr literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down-insensitive.png b/gtk-2.0/assets/spin-rtl-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..4fc5a8dcd71096599ebc36673cbc99686509c254 GIT binary patch literal 164 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAQ1oI<)_YR*k!dVJRa+kUX2P_TuBW7#J8B NJYD@<);T3K0RUKbE~@|l literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down.png b/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..a6f8d2208b84db93ecf455e8d9548122c2327c4a GIT binary patch literal 224 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAi1l=F43U_6^@25DvxA89#m@>gYR-bLH@&pHzU}YWBAA_^v4DG)-LyM5wr`Nx z@!0hIX?IuOwSU|MU0n7#J8lUHx3vIVCg!0AJ-x!~g&Q literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-up-active.png b/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c64951f086af6ac72a36486dc405064e9bf2c764 GIT binary patch literal 218 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA2={bx43U`Hd)|?&!GOo*;{7F}M_TVb%edQ-{_#nkmI!Aq8&jhV6Z63(c3de7 zzQq1B_y7tdP#J+Oh-BK<`(>k4C&L&>3TZA#uV3ZkkErWn*PX2dX`yLxJy R7y|0n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA2={bx43U`Hd)|?&!GOo*;`|$2NemdKI;Vst07Pv<+5i9m literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-up-insensitive.png b/gtk-2.0/assets/spin-rtl-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..1ba0c7678e3aadbfcee5fe8b5f08e88ea0cdef1e GIT binary patch literal 176 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA(Dih243U_coUp(wp~dju|NrMt9yp+I0n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA2=R1r43U_coS-0N;FPIma;C#qQJ9&TxqIWrUVC=-+bV2qZk#!4n;b+p6&Gyq zPf18Pu!`fRmmeD&n`cd4i)M=I191_4fshji8jeoiAtJ=$qRql!b&%<7e#xz!3=9km Mp00i_>zopr0M&In&j0`b literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab.png b/gtk-2.0/assets/tab.png new file mode 100644 index 0000000000000000000000000000000000000000..b74b621697d68843596dd8e57a41b83e7c03f365 GIT binary patch literal 142 zcmeAS@N?(olHy`uVBq!ia0y~yU|O>_%)r2R1cVug5-u&wghk p#lXP8J_ZH`22WQ%mvv4F FO#pg2DyRSe literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-ltr-button-hover.png b/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0d55fc80221b3ef6753e89a42238bd8eea73dcce GIT binary patch literal 158 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^EX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|X(w;7kAsjQ4zkKEX_y5bwV76t;{pTAQ7#J8ZF!=vx_rIDjyO)81fx*+&&t;uc GLK6V3&MNT$ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-ltr-button.png b/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..0f4ae081b8c64e4b701071d17962e8e3bca3eb81 GIT binary patch literal 158 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^EX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|X(w;7kAsjQ4OA5dK`~U84G~2TB_xFqp3=9ky7y|s*Gx?Mo4l*z>FnGH9xvXna}$paZFIUnaYHa0RcXjid_8&#^_U|?Wi@O1TaS?83{ F1OSIJDyaYf literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-rtl-button-hover.png b/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..54fe11350b29e317ab19ff6151aad4dc24ec30d9 GIT binary patch literal 157 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^EX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XQl2i3AsjQ4O^mkv(AU*Hd*H}{0|!2Qc^S;cpnRHTLFUECR0akH22WQ%mvv4F FO#p+HD|r9_ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-rtl-button.png b/gtk-2.0/assets/treeview-rtl-button.png new file mode 100644 index 0000000000000000000000000000000000000000..1080990036a735e39ba0f34b76b2b724f427bb10 GIT binary patch literal 157 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^EX7WqAsieW95oy%9SjT% zoCO|{#S9F5M?jcysy3fA0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XQl2i3AsjQ4O^mkv&{t78bKuB<0|!35yBp2Mp!ASs!HqZCGZ+{c7(8A5T-G@y GGywpLLM#9P literal 0 HcmV?d00001 diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc new file mode 100644 index 0000000..6fd7bcd --- /dev/null +++ b/gtk-2.0/gtkrc @@ -0,0 +1,33 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK+ 2 version of Materia. It's whole purpose is to look as the +# GTK+ 3 version as much as possible until GTK+ 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#31313A" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#34343B" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#5657f5" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#efefef\ntitlebar_bg_color:#31313A" +# Links +gtk-color-scheme = "link_color:#42A5F5\nvisited_link_color:#E040FB" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" +include "panel.rc" diff --git a/gtk-2.0/hacks.rc b/gtk-2.0/hacks.rc new file mode 100644 index 0000000..96eb088 --- /dev/null +++ b/gtk-2.0/hacks.rc @@ -0,0 +1,36 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file contains horrible hacks to make this theme work with some programs +# This is mostly due to the limitations of gtk2 but sometimes its the fault of +# the programs themselves. Not going to point fingers. +# +# Either way, it's a WONTFIX for both, hence this horrible file. + +style "toplevel_hack" { + engine "adwaita" {} +} + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +style "vim_notebook" { + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +# Vim puts an eventbox between the tab and the label and colours it, +# we need to handle that +widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" + +# (he)xchat input box +class "SexySpellEntry" style:highest "normal_entry" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that +widget_class "*Chrom*" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/gtk-2.0/main.rc b/gtk-2.0/main.rc new file mode 100644 index 0000000..2bbe383 --- /dev/null +++ b/gtk-2.0/main.rc @@ -0,0 +1,2791 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK+ 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK+ 2 and 3 theme. + +style "default" { + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 2 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) + GtkToolbar::internal-padding = 2 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 3 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {10, 10, 6, 6} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = mix (0.4, @text_color, @base_color) + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.05, @text_color, @base_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = @selected_bg_color + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-insensitive.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-insensitive.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-insensitive.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-insensitive.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-insensitive.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-insensitive.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-insensitive.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-insensitive.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-insensitive.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-insensitive.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-insensitive.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-insensitive.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-insensitive.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-insensitive.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-insensitive.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-insensitive.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-insensitive.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-insensitive.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-insensitive.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-insensitive.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.15, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.15, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @base_color + bg[INSENSITIVE] = @base_color + bg[PRELIGHT] = @base_color + bg[SELECTED] = mix(0.15, @fg_color, @base_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = @selected_bg_color + fg[PRELIGHT] = @selected_fg_color + # Chromium uses this setting + bg[SELECTED] = @selected_bg_color + text[SELECTED] = @selected_fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + fg[NORMAL] = mix(0.75, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "checkbutton_label" { + fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 4 + ythickness = 4 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} +} + +style "combobox_cellview" { + text[NORMAL] = mix(0.75, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-ltr-entry.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-ltr-entry-active.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-ltr-entry-insensitive.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-rtl-entry.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-rtl-entry-active.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-rtl-entry-insensitive.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-ltr-button.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-ltr-button-hover.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-ltr-button-active.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-ltr-button-insensitive.png" + border = {0, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-rtl-button.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-rtl-button-hover.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-rtl-button-active.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-rtl-button-insensitive.png" + border = {8, 0, 8, 8} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.75, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + engine "pixmap" { + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-entry-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/notebook-entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + engine "pixmap" { + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "notebook_combo" { + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-ltr-entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-ltr-entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-ltr-entry-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-rtl-entry.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-rtl-entry-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-rtl-entry-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + direction = RTL + } + } +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.75, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-insensitive.png" + border = {8, 8, 8, 8} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 8 + ythickness = 8 + + bg[NORMAL] = @base_color + fg[NORMAL] = @fg_color + bg[SELECTED] = @base_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +style "panel-launchers" +{ + xthickness = 0 + ythickness = 0 + GtkButton::inner-border = {1, 2, 1, 2} +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" +widget_class "***" style "notebook_combo" +widget_class "***" style "notebook_combo" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" +widget_class "****" style "combobox_entry" +widget_class "****" style "combobox_entry" +widget_class "***." style "combo_button_padding" + +# Button labels +widget_class "**" style "button_label" + +# Checkbutton labels +widget_class "*." style "checkbutton_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" + +# Xfce4 panel launchers +widget "*launcher*" style "panel-launchers" diff --git a/gtk-2.0/panel.rc b/gtk-2.0/panel.rc new file mode 100644 index 0000000..e56a2d1 --- /dev/null +++ b/gtk-2.0/panel.rc @@ -0,0 +1,193 @@ +# Panel +gtk-color-scheme = "panel_bg_color:#212121\npanel_fg_color:#EFEFEF" + +style "theme-panel" { + GtkButton::inner-border = { 0, 0, 0, 0 } + xthickness = 2 + ythickness = 0 + + bg[NORMAL] = shade(1.0, @panel_bg_color) + bg[ACTIVE] = @selected_bg_color + bg[PRELIGHT] = shade(0.9, @panel_bg_color) + bg[SELECTED] = @selected_bg_color + + fg[NORMAL] = shade(1.0, @panel_fg_color) + fg[PRELIGHT] = @panel_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + + text[NORMAL] = shade(1.0, @panel_fg_color) + text[PRELIGHT] = shade(1.1, @panel_fg_color) + text[ACTIVE] = shade(1.0, @panel_fg_color) + text[SELECTED] = @selected_fg_color +} + +style "theme-panel-progressbar" { + bg[ACTIVE] = shade(0.8, @panel_bg_color) +} + +style "panelbar" { + + fg[NORMAL] = shade(1.0, @panel_fg_color) + fg[ACTIVE] = shade(1.0, @panel_fg_color) + fg[PRELIGHT] = shade(1.1, @panel_fg_color) + fg[SELECTED] = @selected_fg_color + + bg[SELECTED] = @selected_bg_color + +} + +style "panelbuttons" { + GtkButton::inner-border = { 0, 0, 0, 0 } + xthickness = 4 + ythickness = 0 + + fg[NORMAL] = shade(0.8, @panel_fg_color) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix(0.28, @panel_fg_color, @panel_bg_color) + bg[PRELIGHT] = shade(1.2, @panel_bg_color) + bg[ACTIVE] = shade(1.5, @panel_bg_color) + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "assets/pathbar_button_active.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "assets/pathbar_button_prelight.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "assets/flat-button.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "regular-label" { + font_name = "Regular" +} + +style "theme-panel-text" { + + fg[NORMAL] = shade(1.0, @panel_fg_color) + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = shade(1.0, @panel_fg_color) + + text[NORMAL] = shade(1.0, @panel_fg_color) + text[PRELIGHT] = @selected_fg_color + text[ACTIVE] = shade(1.0, @panel_fg_color) + + engine "murrine" { + textstyle = 0 + text_shade = 0.2 + } +} + +style "panel-entry" { + + fg[NORMAL] = @panel_fg_color + fg[PRELIGHT] = @panel_fg_color + fg[ACTIVE] = @panel_fg_color + fg[SELECTED] = @panel_fg_color + fg[INSENSITIVE] = @panel_fg_color + + text[NORMAL] = @panel_fg_color + text[PRELIGHT] = @panel_fg_color + text[ACTIVE] = @panel_fg_color + text[SELECTED] = @panel_fg_color + text[INSENSITIVE] = @panel_fg_color + +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color +} + +style "workspace-switcher" = "theme-panel" { + bg[SELECTED] = @selected_bg_color +} + +style "indicator" = "theme-panel" { + xthickness = 0 + ythickness = 0 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*" style "panelbuttons" +widget_class "**" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkToggleButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" +widget_class "*Tasklist*.GtkLabel" style:highest "regular-label" +widget_class "*Mixer*lugin*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" +widget "*WnckPager*" style "workspace-switcher" +widget "*TopMenu*" style "theme-panel" +widget "*XfceTasklist*" style "panelbuttons" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel**" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" diff --git a/gtk-3.0/assets b/gtk-3.0/assets new file mode 120000 index 0000000..ac77667 --- /dev/null +++ b/gtk-3.0/assets @@ -0,0 +1 @@ +../gtk-assets \ No newline at end of file diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..68de6c0 --- /dev/null +++ b/gtk-3.0/gtk-dark.css @@ -0,0 +1,8847 @@ +@keyframes ripple_effect { + to { + background-size: 1000% 1000%; + } +} + +@keyframes scale_ripple_effect { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #DD2C00; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 7px; + -gtk-secondary-caret-color: #5657f5; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup { + border-radius: 8px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.08); +} + +window.background.csd stack stack stack frame > list row.activatable, +window.background.csd > stack > stack > box > frame > list row.activatable, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, list.tweak-group list row.activatable, list#ListBoxTweakGroup list row.activatable, .tweak-group-startup row.activatable, popover.background.combo list > row.activatable { + border-radius: 0; + margin: 0; +} + +window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, list.tweak-group list row.activatable:first-child, list#ListBoxTweakGroup list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, popover.background.combo list > row.activatable:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, list.tweak-group list row.activatable:last-child, list#ListBoxTweakGroup list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, popover.background.combo list > row.activatable:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, list.tweak-group list row.activatable:only-child, list#ListBoxTweakGroup list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, popover.background.combo list > row.activatable:only-child { + border-radius: 7px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: rgba(52, 52, 59, 0.999); + color: #FFFFFF; +} + +.background.csd { + border-radius: 0 0 13px 13px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #34343b; + color: #FFFFFF; +} + +.gtkstyle-fallback:hover { + background-color: #28282d; + color: #FFFFFF; +} + +.gtkstyle-fallback:active { + background-color: #1c1c20; + color: #FFFFFF; +} + +.gtkstyle-fallback:disabled { + background-color: #34343b; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5657f5; + color: #FFFFFF; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view { + background-color: #31313a; + color: #FFFFFF; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +textview text { + background-color: #31313a; +} + +textview border { + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +iconview { + border-radius: 5px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { + border: 1px solid #5C6BC0; + background-color: rgba(92, 107, 192, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 7px; +} + +.content-view .tile:selected { + background-color: transparent; + color: inherit; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: #FFFFFF; +} + +label selection { + background-color: #5657f5; + color: #FFFFFF; +} + +label:disabled { + color: rgba(255, 255, 255, 0.5); +} + +label:disabled selection { + color: rgba(255, 255, 255, 0.5); +} + +tab label:disabled, button label:disabled { + color: inherit; +} + +.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator { + color: rgba(255, 255, 255, 0.5); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #FFFFFF; +} + +.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd { + opacity: 0.9; +} + +/********************* + * Spinner Animation * + *********************/ +@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 { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 36px; + padding: 0 8px; + border-radius: 7px; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; +} + +spinbutton:focus:not(.vertical), entry:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton:disabled:not(.vertical), entry:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry, +.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search), +notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat { + border-radius: 0; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus, +.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search), +notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled, +.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search), +notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image, entry image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { + color: #FFFFFF; +} + +spinbutton:not(.vertical) image:disabled, entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image.left, entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton:not(.vertical) image.right, entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton:not(.vertical) undershoot.left, entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; +} + +spinbutton:not(.vertical) undershoot.right, entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; +} + +spinbutton.error:not(.vertical), entry.error { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #DD2C00; + color: #FFFFFF; +} + +spinbutton.error:focus:not(.vertical), entry.error:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton.error:disabled:not(.vertical), entry.error:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.error.flat:not(.vertical), entry.error.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #DD2C00; + background-color: transparent; + color: #FFFFFF; +} + +spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #DD2C00; +} + +spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.error:not(.vertical) image, entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { + color: #FFFFFF; +} + +spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical), entry.warning { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #FF6D00; + color: #FFFFFF; +} + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.flat:not(.vertical), entry.warning.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #FF6D00; + background-color: transparent; + color: #FFFFFF; +} + +spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #FF6D00; +} + +spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical) image, entry.warning image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { + color: #FFFFFF; +} + +spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) progress, entry progress { + margin: 2px -6px; + border-bottom: 2px solid #5657f5; + background-color: transparent; +} + +.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { + border-radius: 0; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: #31313a; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent)); + } +} + +.budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, layouttabbar button, stackswitcher > button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:not(.suggested-action):not(.destructive-action), .caja-pathbar button, +.path-bar button, toolbar button, button.flat { + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, layouttabbar button:hover, stackswitcher > 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, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover, +.path-bar button:hover, toolbar button:hover, button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + color: #FFFFFF; +} + +.budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active, layouttabbar button:active, stackswitcher > 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, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active, +.path-bar button:active, toolbar button:active, button.flat:active { + transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +.budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled, layouttabbar button:disabled, stackswitcher > button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled, +.path-bar button:disabled, toolbar button:disabled, button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked, layouttabbar button:checked, stackswitcher > 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, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked, +.path-bar button:checked, toolbar button:checked, button.flat:checked { + background-color: rgba(255, 255, 255, 0.2); + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + color: #FFFFFF; +} + +.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled, layouttabbar button:checked:disabled, stackswitcher > button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, toolbar button:checked:disabled, button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button, +.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat { + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + color: #FFFFFF; +} + +.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active { + transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.raven-mpris button.image-button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, row:selected button, row:selected button.flat { + color: rgba(255, 255, 255, 0.7); +} + +.raven-mpris button.image-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, row:selected button:hover, .raven-mpris button.image-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, row:selected button:active { + color: #FFFFFF; +} + +.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.raven-mpris button.image-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, row:selected button:checked { + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; +} + +.raven-mpris button.image-button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, row:selected button:checked:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 7px; + font-weight: 500; + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent; + background-color: #44454b; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.8); +} + +button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent; + color: #FFFFFF; +} + +button:active { + transition: 100ms, background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +button:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.3); +} + +button:checked { + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button:checked:disabled { + background-color: rgba(86, 87, 245, 0.3); + color: rgba(86, 87, 245, 0.5); + background-image: none; +} + +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked > button.flat, .linked.vertical > button.flat { + border-radius: 7px; +} + +.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button { + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 12px; + margin: 9px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.suggested-action:checked { + background-color: #a382ff; +} + +button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; + background-image: none; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.suggested-action.flat:checked { + background-image: none; + background-color: rgba(124, 77, 255, 0.3); +} + +button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #EF5350, #FF5252); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.destructive-action:checked { + background-color: #ff8686; +} + +button.destructive-action.flat { + background-color: transparent; + color: #FF5252; + background-image: none; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.destructive-action.flat:checked { + background-image: none; + background-color: rgba(255, 82, 82, 0.3); +} + +.stack-switcher > button { + outline-offset: -4px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 4px; + padding-right: 4px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton, +.titlebar button.titlebutton, row button.image-button, headerbar.default-decoration button.titlebutton, headerbar button.suggested-action, headerbar button.destructive-action, +headerbar button:not(.suggested-action):not(.destructive-action), check, +radio, button.close, button.circular { + border-radius: 9999px; + -gtk-outline-radius: 9999px; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; + -gtk-outline-radius: 9999px; +} + +stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar 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; +} + +.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button { + border-radius: 0; + -gtk-outline-radius: 7px; +} + +row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child { + border-radius: 7px; +} + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { + border-radius: 0; + -gtk-outline-radius: 7px; +} + +.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 7px; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 4px; + color: inherit; + -gtk-outline-radius: 2px; +} + +modelbutton.flat arrow { + background: none; +} + +modelbutton.flat arrow:hover { + background: none; +} + +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.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #039BE5; +} + +*:link:visited, *:link:visited:hover, *:link:visited:active, +button:visited { + color: #E040FB; +} + +infobar.info > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, +button:selected:visited, *:selected button:link, +*:selected button:visited { + color: #FFFFFF; +} + +button:link > label, +button:visited > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, +spinbutton:not(.vertical) entry { + min-width: 32px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical:drop(active) { + box-shadow: none; +} + +spinbutton.vertical entry { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button.up { + border-radius: 7px 7px 0 0; +} + +spinbutton.vertical button.down { + border-radius: 0 0 7px 7px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox decoration, +combobox button.combo:checked { + transition: none; +} + +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +combobox #gtk-combobox-popup-menu menuitem { + min-height: 32px; + padding: 0 8px; +} + +combobox #gtk-combobox-popup-menu > arrow.top { + margin-top: -2px; +} + +combobox #gtk-combobox-popup-menu > arrow.bottom { + margin-top: 4px; + margin-bottom: -6px; +} + +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +combobox:drop(active) { + box-shadow: none; +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-bottom-right-radius: 7px; + border-top-right-radius: 7px; +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover.background button.combo { + border-radius: 0; + background-image: none; + font-weight: inherit; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #34343b; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; + padding: 6px; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar button { + padding-left: 6px; + padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 7px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar button label, +.path-bar button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: rgba(255, 255, 255, 0.2); + border-top-color: rgba(255, 255, 255, 0.08); +} + +* { + -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:selected { + border-left-color: rgba(255, 255, 255, 0.3); +} + +treeview.view:hover, treeview.view:active, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 0.08); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7C4DFF; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: #FFFFFF; +} + +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: #FFFFFF; +} + +treeview.view.expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.progressbar { + border-bottom: 4px solid #5657f5; + box-shadow: none; + background-color: transparent; +} + +treeview.view.progressbar:selected { + border-bottom-color: #FFFFFF; +} + +treeview.view.trough { + border-bottom: 4px solid rgba(86, 87, 245, 0.3); + box-shadow: none; + background-color: transparent; +} + +treeview.view.trough:selected { + border-bottom-color: rgba(255, 255, 255, 0.3); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + box-shadow: none; +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #31313a; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; + background-color: #31313a; + background-clip: border-box; + color: #5657f5; +} + +treeview.view acceleditor > label { + background-color: #5657f5; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 6px 12px; + color: rgba(255, 255, 255, 0.7); +} + +menubar > menuitem menu, +.menubar > menuitem menu { + border-radius: 0 0 8px 8px; +} + +menubar > menuitem menu menu, +.menubar > menuitem menu menu { + border-radius: 8px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #FFFFFF; + box-shadow: inset 0 -3px #5657f5; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.csd.popup { + background-color: transparent; +} + +menu { + margin: 6px 0; + padding: 3px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); + background-color: #3c3c46; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; + color: rgba(255, 255, 255, 0.7); +} + +.csd menu { + border: none; + background-color: rgba(60, 60, 70, 0.95); + box-shadow: none; +} + +menu menuitem { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 5px 10px; + font: initial; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); + border-radius: 5px; +} + +menu menuitem:hover { + transition: none; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +menu menuitem:hover accelerator { + color: white; +} + +menu menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 6px; + background-color: #3c3c46; + color: rgba(255, 255, 255, 0.7); + border-radius: 7px; +} + +menu > arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + color: #FFFFFF; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 0 0; + background: none; + color: transparent; +} + +menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menuitem:disabled accelerator { + color: rgba(255, 255, 255, 0.3); +} + +.popup:not(.csd) menu { + border-radius: 0; + color: #FFFFFF; + background-color: #31313a; +} + +.popup:not(.csd) menu menuitem { + color: #FFFFFF; +} + +.popup:not(.csd) menu menuitem:hover { + background-color: #4a4a52; +} + +.popup:not(.csd) menu menuitem:disabled { + color: #98989d; +} + +.popup:not(.csd) menu menuitem accelerator { + color: #c1c1c4; +} + +/************ + * Popovers * + ************/ +popover.background modelbutton.flat, +popover.background menuitem.button.flat, +popover.background spinbutton.vertical button, popover.background row.button.flat.menuitem.activatable, +popover.background row.activatable, popover.background .view, popover.background button.flat.combo, popover.background button.flat { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; +} + +popover.background modelbutton.flat:hover, +popover.background menuitem.button.flat:hover, +popover.background spinbutton.vertical button:hover, popover.background row.button.flat.menuitem.activatable:hover, +popover.background row.activatable:hover, popover.background .view:hover, popover.background button.flat.combo:hover, popover.background button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +popover.background modelbutton.flat:checked, +popover.background menuitem.button.flat:checked, +popover.background spinbutton.vertical button:checked, popover.background row.button.flat.menuitem.activatable:checked, +popover.background row.activatable:checked, popover.background .view:checked, popover.background button.flat.combo:checked, popover.background button.flat:checked, popover.background modelbutton.flat:active, +popover.background menuitem.button.flat:active, +popover.background spinbutton.vertical button:active, popover.background row.button.flat.menuitem.activatable:active, +popover.background row.activatable:active, popover.background .view:active, popover.background button.flat.combo:active, popover.background button.flat:active { + color: #FFFFFF; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%); +} + +popover.background modelbutton.flat:disabled, +popover.background menuitem.button.flat:disabled, +popover.background spinbutton.vertical button:disabled, popover.background row.button.flat.menuitem.activatable:disabled, +popover.background row.activatable:disabled, popover.background .view:disabled, popover.background button.flat.combo:disabled, popover.background button.flat:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +popover.background button.combo, popover.background button { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; + box-shadow: none; +} + +popover.background button.combo:hover, popover.background button:hover { + transition: none; + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background button.combo:checked, popover.background button:checked, popover.background button.combo:active, popover.background button:active { + background-color: #5657f5; + color: #FFFFFF; +} + +popover.background button.combo:disabled, popover.background button:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +popover.background button.combo:checked:disabled, popover.background button:checked:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(86, 87, 245, 0.5); +} + +popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical) { + border-radius: 0; + caret-color: #FFFFFF; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + background-color: transparent; + color: #FFFFFF; +} + +popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical) { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), popover.background .linked entry label, popover.background entry label, +popover.background spinbutton:not(.vertical) label, popover.background .linked entry image, popover.background entry image, +popover.background spinbutton:not(.vertical) image { + color: rgba(255, 255, 255, 0.8); +} + +popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical), popover.background .linked entry label:focus, popover.background entry label:focus, +popover.background spinbutton:not(.vertical) label:focus, popover.background .linked entry image:focus, popover.background entry image:focus, +popover.background spinbutton:not(.vertical) image:focus { + color: #FFFFFF; +} + +popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), popover.background .linked entry label:disabled, popover.background entry label:disabled, +popover.background spinbutton:not(.vertical) label:disabled, popover.background .linked entry image:disabled, popover.background entry image:disabled, +popover.background spinbutton:not(.vertical) image:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background, popover.background.menu { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 2px; + margin: 0; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); +} + +popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.75); +} + +popover.background:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background image:disabled, popover.background label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background .dim-label, popover.background .budgie-notification .notification-body, popover.background .budgie-switcher .notification-body, .budgie-notification popover.background .notification-body, .budgie-switcher popover.background .notification-body, popover.background headerbar .subtitle, headerbar popover.background .subtitle, popover.background label.separator { + color: rgba(255, 255, 255, 0.3); +} + +popover.background, .csd popover.background { + border-radius: 9px; +} + +popover.background > stack { + margin: -4px; +} + +popover.background > toolbar { + margin: -2px; +} + +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background list, popover.background row, popover.background .view, popover.background textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background treeview.view header button { + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrolledwindow { + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrollbar { + background-color: rgba(56, 57, 62, 0.65); + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrollbar slider { + background-color: rgba(255, 255, 255, 0.5); +} + +popover.background scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +popover.background scrollbar slider:active { + background-color: #FFFFFF; +} + +popover.background scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: 1px solid rgba(56, 57, 62, 0.3); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: 1px solid rgba(56, 57, 62, 0.3); + background-color: rgba(255, 255, 255, 0.5); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +popover.background scrollbar.overlay-indicator.dragging, popover.background scrollbar.overlay-indicator.hovering { + background-color: rgba(56, 57, 62, 0.9); +} + +popover.background button.radio { + background-color: rgba(255, 255, 255, 0.08); +} + +popover.background button.radio:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.15); +} + +.linked > popover.background button { + border-radius: 4px; + -gtk-outline-radius: 2px; +} + +.linked > popover.background button:first-child { + border-radius: 4px; +} + +.linked > popover.background button:last-child { + border-radius: 4px; +} + +.linked > popover.background button:only-child { + border-radius: 4px; +} + +popover.background.menu button, popover.background button.model { + border-radius: 4px; + -gtk-outline-radius: 2px; +} + +popover.background button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; +} + +popover.background button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(124, 77, 255, 0.5); +} + +popover.background button.suggested-action:hover { + color: #FFFFFF; + background-color: #8f67ff; +} + +popover.background button.suggested-action:checked { + background-color: #a382ff; +} + +popover.background button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; +} + +popover.background button.suggested-action.flat:hover { + color: #7C4DFF; + background-color: rgba(124, 77, 255, 0.15); +} + +popover.background button.suggested-action.flat:disabled { + background-color: transparent; + color: rgba(124, 77, 255, 0.5); +} + +popover.background button.suggested-action.flat:checked { + background-color: rgba(124, 77, 255, 0.3); +} + +popover.background button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; +} + +popover.background button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 82, 82, 0.5); +} + +popover.background button.destructive-action:hover { + color: #FFFFFF; + background-color: #ff6c6c; +} + +popover.background button.destructive-action:checked { + background-color: #ff8686; +} + +popover.background button.destructive-action.flat { + background-color: transparent; + color: #FF5252; +} + +popover.background button.destructive-action.flat:hover { + color: #FF5252; + background-color: rgba(255, 82, 82, 0.15); +} + +popover.background button.destructive-action.flat:disabled { + background-color: transparent; + color: rgba(255, 82, 82, 0.5); +} + +popover.background button.destructive-action.flat:checked { + background-color: rgba(255, 82, 82, 0.3); +} + +popover.background check, popover.background radio { + color: rgba(255, 255, 255, 0.8); + transition: none; + animation: none; +} + +popover.background check:hover, popover.background radio:hover { + color: #FFFFFF; +} + +popover.background check:disabled, popover.background radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background check:checked, popover.background check:indeterminate, popover.background radio:checked, popover.background radio:indeterminate { + color: #7C4DFF; +} + +popover.background check:checked:disabled, popover.background check:indeterminate:disabled, popover.background radio:checked:disabled, popover.background radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover.background checkbutton.text-button, +popover.background radiobutton.text-button { + outline-style: none; +} + +popover.background separator { + margin: 4px 0; +} + +popover.background list separator { + margin: 0; +} + +popover.background separator, popover.background separator, .csd popover.background separator { + border: none; + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background label.separator { + color: rgba(255, 255, 255, 0.8); +} + +popover.background calendar { + border: 1px solid rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +popover.background calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.background calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +popover.background calendar.highlight { + color: rgba(255, 255, 255, 0.7); +} + +popover.background calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +popover.background.combo { + padding: 0; + margin: 0; +} + +popover.background.combo list { + padding: 0; + margin: 0; + background: none; +} + +popover.background.combo list > row.activatable { + padding: 6px 12px; +} + +/************* + * Notebooks * + *************/ +frame > paned > notebook > header, notebook.frame > header { + background-color: #3b3b43; +} + +notebook, notebook.frame { + background-color: #31313a; + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +.background.unified notebook { + border-radius: 0; +} + +.background.unified notebook > header { + border-radius: 0; +} + +notebook > header { + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; + border-radius: 9px 9px 0 0; +} + +notebook > header.top > tabs { + margin-bottom: -1px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > header.bottom { + border-top-style: solid; + border-radius: 0 0 9px 9px; +} + +notebook > header.bottom > tabs { + margin-top: -1px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #5657f5; +} + +notebook > header.left { + border-right-style: solid; + border-radius: 9px 0 0 9px; +} + +notebook > header.left > tabs { + margin-right: -1px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +notebook > header.right { + border-left-style: solid; + border-radius: 0 9px 9px 0; +} + +notebook > header.right > tabs { + margin-left: -1px; +} + +notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.2) 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + color: #FFFFFF; +} + +notebook > header tab:hover.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + background-clip: padding-box; + color: #FFFFFF; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +notebook > header tab button.flat { + min-height: 24px; + min-width: 24px; + padding: 2px; + margin: 0; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook > stack:not(:only-child) { + background-color: #31313a; + border-radius: 10px; +} + +notebook > header button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(49, 49, 58, 0.65); + background-clip: border-box; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: #FFFFFF; +} + +scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.fine-tune slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} + +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 49, 58, 0.9); +} + +scrollbar.horizontal slider { + min-width: 24px; +} + +scrollbar.vertical slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +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-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + min-height: 20px; + min-width: 42px; + border: 4px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.2); + background-clip: padding-box; + color: transparent; + font-size: 0; +} + +switch:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +switch:checked { + background-color: rgba(124, 77, 255, 0.35); + color: transparent; +} + +switch:checked:disabled { + background-color: rgba(124, 77, 255, 0.2); +} + +switch slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 24px; + min-height: 24px; + margin: -4px -3px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png")); +} + +switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +switch:checked slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0; + background-color: #7C4DFF; + color: transparent; + background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png")); +} + +switch:disabled slider { + background-color: #3b3b43; +} + +switch:checked:disabled slider { + animation: none; + background-color: #573f9d; +} + +row:selected switch:checked { + background-color: rgba(68, 1, 255, 0.35); +} + +row:selected switch:checked:disabled { + background-color: rgba(68, 1, 255, 0.2); +} + +row:selected switch:checked slider { + background-color: #561aff; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; + outline-offset: 0; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +row check:selected, +row radio:selected, row check:selected:active, +row radio:selected:active, row check:selected:checked, +row radio:selected:checked, row check:selected:indeterminate, +row radio:selected:indeterminate, row check:selected:focus, +row radio:selected:focus, row check:selected:focus:active, +row radio:selected:focus:active, row check:selected:focus:checked, +row radio:selected:focus:checked, row check:selected:focus:indeterminate, +row radio:selected:focus:indeterminate, treeview.view check:selected, +treeview.view radio:selected, treeview.view check:selected:active, +treeview.view radio:selected:active, treeview.view check:selected:checked, +treeview.view radio:selected:checked, treeview.view check:selected:indeterminate, +treeview.view radio:selected:indeterminate, treeview.view check:selected:focus, +treeview.view radio:selected:focus, treeview.view check:selected:focus:active, +treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked, +treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate, +treeview.view radio:selected:focus:indeterminate, row.activatable check:selected, +row.activatable radio:selected, row.activatable check:selected:active, +row.activatable radio:selected:active, row.activatable check:selected:checked, +row.activatable radio:selected:checked, row.activatable check:selected:indeterminate, +row.activatable radio:selected:indeterminate, row.activatable check:selected:focus, +row.activatable radio:selected:focus, row.activatable check:selected:focus:active, +row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked, +row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate, +row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate { + color: rgba(255, 255, 255, 0.7); +} + +row check:selected:disabled, +row radio:selected:disabled, row check:selected:active:disabled, +row radio:selected:active:disabled, row check:selected:checked:disabled, +row radio:selected:checked:disabled, row check:selected:indeterminate:disabled, +row radio:selected:indeterminate:disabled, row check:selected:focus:disabled, +row radio:selected:focus:disabled, row check:selected:focus:active:disabled, +row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled, +row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled, +treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled, +treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled, +treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, +treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled, +treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled, +treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled, +row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled, +row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled, +row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled, +row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled, +row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +row check:selected:hover, +row radio:selected:hover, treeview.view check:selected:hover, +treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover { + color: #FFFFFF; +} + +row check:selected:hover:disabled, +row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled, +treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled { + color: rgba(255, 255, 255, 0.5); +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -12px; + padding: 12px; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #7C4DFF; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); + border-image-slice: 24; + border-image-width: 24px; +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); +} + + +radio { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent)); +} + + +radio:checked:not(:indeterminate) { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(#7C4DFF), to(transparent)); +} + + +radio:checked:not(:indeterminate):disabled { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(rgba(124, 77, 255, 0.5)), to(transparent)); +} + +window.background:not(.csd) > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; + border-radius: 7px; + -gtk-outline-radius: 7px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); +} + +window.background:not(.csd) > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + +window.background:not(.csd) > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +check:not(:checked), +radio:not(:checked) { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; +} + +menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; +} + +treeview.view check:hover, +treeview.view radio:hover { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check:hover:disabled, +treeview.view radio:hover:disabled { + box-shadow: none; +} + +treeview.view check:hover:selected, +treeview.view radio:hover:selected { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check, +treeview.view radio { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #FFFFFF; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #7C4DFF; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +/*************** + * Header bars * + ***************/ +headerbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 48px; + padding: 0 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +headerbar:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry { + background-color: #3d3d48; +} + +headerbar entry:focus { + background-color: #444450; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar .linked:not(.vertical) > entry:not(.flat) { + border-radius: 7px; +} + +headerbar .linked:not(.vertical) > button { + border-radius: 7px; + -gtk-outline-radius: 7px; +} + + +headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):hover, +headerbar button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; +} + + +headerbar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.5); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode { + transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); + animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #5657f5; + color: #FFFFFF; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu arrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action), +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) { + padding-left: 8px; + padding-right: 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + background-image: none; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop { + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image { + padding-left: 0; + padding-right: 0; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + padding: 0; + min-width: 120px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow { + font-size: 10px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow image { + margin-top: 3px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0 2px; + padding: 0; +} + +.background:not(.csd) headerbar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #31313a; + border-right-color: #31313a; +} + +window separator:first-child + headerbar, window headerbar:first-child { + border-top-left-radius: 13px; +} + +window headerbar:last-child { + border-top-right-radius: 13px; +} + +window stack headerbar:first-child, window stack headerbar:last-child { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { + border-radius: 0; +} + +.titlebar, +.titlebar .background { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.background.tiled .titlebar, +.background.tiled-top .titlebar, +.background.tiled-right .titlebar, +.background.tiled-bottom .titlebar, +.background.tiled-left .titlebar, +.background.maximized .titlebar, +.background.solid-csd .titlebar { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-color: #31313a; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 4px; + min-width: 4px; + padding: 16px; +} + +scale slider { + min-height: 32px; + min-width: 32px; + margin: -15px; +} + +scale trough { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.2); +} + +scale trough:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +scale highlight { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: #7C4DFF; +} + +scale highlight:disabled { + background-color: transparent; +} + +scale fill { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.2); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: transparent; +} + +scale slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale slider:hover { + background-color: rgba(124, 77, 255, 0.08); +} + +scale slider:focus { + background-color: rgba(124, 77, 255, 0.12); +} + +scale slider:focus:hover { + background-color: rgba(124, 77, 255, 0.16); +} + +scale slider:active { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: rgba(124, 77, 255, 0.08); + color: rgba(124, 77, 255, 0.12); +} + +scale.fine-tune slider { + background-size: calc(100% - 12px); +} + +scale marks label, +scale value { + color: rgba(255, 255, 255, 0.5); +} + +scale marks { + color: rgba(255, 255, 255, 0.2); +} + +scale marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale marks.left { + margin-right: 7px; + margin-left: -15px; +} + +scale marks.right { + margin-left: 7px; + margin-right: -15px; +} + +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.fine-tune marks.left { + margin-right: 6px; + margin-left: -14px; +} + +scale.fine-tune marks.right { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -16px; + margin-top: -6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -16px; + margin-right: -6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -16px; + margin-left: -6px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 4px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 4px; +} + +progressbar trough { + border-radius: 9999px; + background-color: rgba(93, 125, 251, 0.3); +} + +progressbar progress { + border-radius: 9999px; + background-color: #5D7DFB; + background-image: linear-gradient(to left, #BA68C8, #7E57C2); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 4px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 4px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + padding: 2px; + border-radius: 5px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #31313a; +} + +levelbar trough:disabled { + background-color: #3b3b43; +} + +levelbar block.low { + background-color: #FF6D00; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5657f5; +} + +levelbar block.full { + background-color: #00C853; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.08); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border { + border-style: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0 0 13px 13px; +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button) { + border-radius: 7px; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.08); +} + +preferences stacksidebar.sidebar list separator, .tweak-categories separator, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +list { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +list row { + padding: 2px; +} + +.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05); +} + +.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; + animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; +} + +row button.circular { + margin: 0 4px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: #FFFFFF; +} + +expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander title > arrow:selected { + color: rgba(255, 255, 255, 0.7); +} + +expander title > arrow:selected:hover, expander title > arrow:selected:active { + color: #FFFFFF; +} + +expander title > arrow:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 2px 6px; + border: 1px solid rgba(255, 255, 255, 0.08); + color: #FFFFFF; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 5px; +} + +calendar.header { + border-style: none none solid; + border-radius: 0; +} + +calendar.highlight { + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +messagedialog .titlebar:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +messagedialog check, messagedialog radio { + color: rgba(255, 255, 255, 0.75); +} + +messagedialog check:hover, messagedialog check:active, messagedialog radio:hover, messagedialog radio:active { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog check:disabled, messagedialog radio:disabled { + color: rgba(255, 255, 255, 0.75); +} + +messagedialog check:checked, messagedialog check:indeterminate, messagedialog radio:checked, messagedialog radio:indeterminate { + color: #7C4DFF; +} + +messagedialog check:checked:disabled, messagedialog check:indeterminate:disabled, messagedialog radio:checked:disabled, messagedialog radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +messagedialog .dialog-action-area button { + padding: 4px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +messagedialog .dialog-action-area button:hover, messagedialog .dialog-action-area button:active { + color: white; +} + +messagedialog .dialog-action-area button:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06); +} + +messagedialog .dialog-action-area button:active { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.06) 10%, transparent 0%); +} + +messagedialog .dialog-action-area button:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +messagedialog .dialog-action-area button:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover { + color: #7C4DFF; +} + +messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +messagedialog .dialog-action-area button.suggested-action:disabled { + opacity: 0.65; +} + +messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover { + color: #FF5252; +} + +messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +messagedialog .dialog-action-area button.destructive-action:disabled { + opacity: 0.65; +} + +messagedialog.csd { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog.csd.background { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +messagedialog.csd .dialog-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +messagedialog.csd .dialog-action-area button:first-child { + border-bottom-left-radius: 7px; + border-top-left-radius: 0; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; + border-top-right-radius: 0; +} + +messagedialog entry { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog expander title > arrow { + color: rgba(255, 255, 255, 0.7); +} + +messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active { + color: #FFFFFF; +} + +messagedialog expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.background.csd filechooser, .background.csd filechooser placessidebar { + background: none; + border-radius: 0 0 13px 13px; +} + +.background.csd filechooser list, .background.csd filechooser placessidebar list { + background-color: transparent; +} + +.maximized filechooser placessidebar { + border-radius: 0; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #31313a; + border-radius: 0 0 13px 13px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +filechooserbutton:drop(active) { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ +stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03); +} + +stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.08), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03); +} + +.sidebar { + border-style: none; + background-color: #3c3c46; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid #474751; + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #474751; + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +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: 10px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +/**************** + * File chooser * + ****************/ +.nautilus-window placessidebar row:selected button.sidebar-button { + color: rgba(86, 87, 245, 0.75); +} + +.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active { + color: #5657f5; +} + +.nautilus-window placessidebar row:selected button.sidebar-button:disabled { + color: rgba(86, 87, 245, 0.35); +} + +.nautilus-window placessidebar row:selected button.sidebar-button:checked { + background-color: rgba(86, 87, 245, 0.1); + color: #5657f5; +} + +.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled { + background-color: rgba(86, 87, 245, 0.05); + color: rgba(86, 87, 245, 0.55); +} + +row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +row:selected image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 7px 7px 0; +} + +placessidebar row > revealer { + padding: 0 12px; +} + +placessidebar row:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #5657f5; +} + +placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label { + color: #9e9ff9; +} + +placessidebar row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + min-height: 2px; + padding: 0 8px; + background-image: image(#7C4DFF); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #7C4DFF; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 0 0 2px #7C4DFF; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.08)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #34343b; + background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08)); + 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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #66BB6A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #42A5F5; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FFA726; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #EF5350; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + color: #FFFFFF; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 7px; + box-shadow: none; +} + +tooltip.background.csd { + border-radius: 7px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.9); + color: rgba(255, 255, 255, 0.8); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip label { + min-height: 20px; + padding: 0 2px; +} + +tooltip * { + padding: 0; + background-color: transparent; + color: inherit; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch:drop(active).dark overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch overlay { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +colorswatch overlay:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 5px; +} + +colorswatch#add-color-button overlay { + background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 5.5px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 5px; +} + +colorchooser .popover.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #34343b; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 32px transparent; + margin: 10px; +} + +decoration:backdrop { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 32px transparent; +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + box-shadow: none; +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + box-shadow: none; +} + +.csd.popup decoration { + border-radius: 8px; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); +} + +tooltip.csd decoration { + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +messagedialog.csd decoration { + border-radius: 7px; +} + +.solid-csd decoration { + margin: 0; + border-radius: 0; + border: none; + box-shadow: none; + background-color: #31313a; +} + +/***************** + * Title buttons * + *****************/ +headerbar > box.right, +headerbar > box.left, +.titlebar > box.right, +.titlebar > box.left { + padding: 0 12px; +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, 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: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; + background-color: rgba(255, 255, 255, 0.3); +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, +.titlebar button.titlebutton.close:active, +.titlebar button.titlebutton.close:checked, +.titlebar button.titlebutton.close:backdrop:active, +.titlebar button.titlebutton.close:backdrop:checked, +.titlebar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:checked, +.titlebar button.titlebutton.maximize:backdrop:active, +.titlebar button.titlebutton.maximize:backdrop:checked, +.titlebar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:checked, +.titlebar button.titlebutton.minimize:backdrop:active, +.titlebar button.titlebutton.minimize:backdrop:checked { + color: #FFFFFF; +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, 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 { + color: transparent; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + padding: 2px; + margin: -2px 0; + background-color: #EF5350; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, +.titlebar button.titlebutton.close:active, +.titlebar button.titlebutton.close:checked { + padding: 2px; + margin: -2px 0; + background-color: #7C4DFF; + color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked, +.titlebar.default-decoration button.titlebutton.close:hover, +.titlebar.default-decoration button.titlebutton.close:active, +.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked { + padding: 0; + margin: 0 2px; + box-shadow: none; +} + +.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { + background-color: #5657f5; +} + +row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { + color: #FFFFFF; +} + +row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, +.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + border-radius: 9999px; + background-color: #7C4DFF; + background-image: none; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + padding-left: 6px; + border-top-right-radius: 0; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + padding-right: 6px; + border-top-left-radius: 0; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 30; + -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(255, 255, 255, 0.08); + border-radius: 5px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF; + caret-color: #7C4DFF; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +stackswitcher > button { + border-radius: 7px; + padding-left: 8px; + padding-right: 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0; +} + +stackswitcher > button:active { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + background-image: none; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:checked:backdrop, stackswitcher > button:active:backdrop { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:first-child, stackswitcher > button:last-child { + border-radius: 7px; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +button.emoji-section { + margin-top: -1px; + padding: 0 8px; + min-width: 24px; + min-height: 36px; + border-radius: 0; + outline-offset: -6px; + box-shadow: none; +} + +button.emoji-section:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +button.emoji-section:active, button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%); +} + +button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-color: transparent; +} + +button.emoji-section:first-child { + margin-left: 4px; +} + +button.emoji-section:last-child { + margin-right: 4px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 5px; +} + +.emoji widget:hover { + font-size: larger; +} + +/************ + * Nautilus * + ************/ +.nautilus-window headerbar .path-bar-box button { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0; +} + +.nautilus-window headerbar .path-bar-box button:hover { + color: #FFFFFF; +} + +.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active { + color: #FFFFFF; + background-color: transparent; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop { + color: rgba(255, 255, 255, 0.5); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box button:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window headerbar .path-bar-box button:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; +} + +.nautilus-window.csd.background { + background-color: rgba(49, 49, 58, 0.97); + border-radius: 0 0 13px 13px; +} + +.nautilus-window.csd.background notebook { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.nautilus-window.csd.background notebook > stack { + background-color: transparent; + border-radius: 13px; +} + +.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +.nautilus-window.csd.background.unified headerbar { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0; +} + +.nautilus-window placessidebar { + background: none; + margin-right: 6px; +} + +.nautilus-window placessidebar list { + background: none; +} + +.nautilus-window placessidebar row { + padding-left: 6px; +} + +.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus { + transition: none; + animation: none; + background: none; + box-shadow: none; +} + +.nautilus-window placessidebar row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); + margin-right: 6px; +} + +.nautilus-window placessidebar row label.sidebar-label { + padding-left: 18px; + color: rgba(255, 255, 255, 0.7); + border-radius: 0 7px 7px 0; +} + +.nautilus-window placessidebar row:hover label.sidebar-label { + background-color: rgba(255, 255, 255, 0.03); +} + +.nautilus-window placessidebar row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar row:selected label.sidebar-label { + color: #9e9ff9; + background-color: rgba(255, 255, 255, 0.06); +} + +.nautilus-window placessidebar row:selected image.sidebar-icon { + color: #FFFFFF; +} + +.nautilus-window placessidebar separator { + background-color: transparent; +} + +.nautilus-window headerbar { + background-color: rgba(49, 49, 58, 0.97); + background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png")); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + padding-left: 54px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.nautilus-window headerbar .path-bar-box { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + border-radius: 100px; + padding-left: 22px; + margin-left: 6px; + margin-right: 6px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 100px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child { + color: #FFFFFF; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop { + color: rgba(255, 255, 255, 0.5); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar { + border-radius: 9999px; + margin: 6px; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar .dim-label, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-notification .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-switcher .notification-body, .budgie-notification .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .budgie-switcher .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar label.separator, .nautilus-window .windowhandle .linked.nautilus-path-bar headerbar .subtitle, headerbar .nautilus-window .windowhandle .linked.nautilus-path-bar .subtitle { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: #FFFFFF; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup { + border-radius: 9999px; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window paned > separator { + min-width: 20px; + color: transparent; + background-image: url("assets/scalable/side-paned.svg"); + background-size: 20px 750px; + background-position: left center; + background-repeat: no-repeat; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + border-style: solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 13px 13px 0 0; + background-color: #31313a; + background-clip: border-box; + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0; +} + +.nautilus-window .floating-bar.bottom.left { + margin-right: 7px; + border-left-style: none; + border-top-left-radius: 0; + border-bottom-left-radius: 13px; +} + +.nautilus-window .floating-bar.bottom.right { + margin-left: 7px; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 13px; +} + +.nautilus-window .floating-bar button { + margin: 4px; +} + +.nautilus-window.maximized .floating-bar { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); + background-color: rgba(52, 52, 59, 0.65); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window flowboxchild > widget > .icon-item-background { + padding: 4px; + border-radius: 5px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window flowboxchild:selected > widget > .icon-item-background { + background-color: #5657f5; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item:not(:selected) { + color: #FFFFFF; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +@keyframes needs_attention_keyframes { + to { + background-color: rgba(255, 255, 255, 0.15); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; +} + +.disk-space-display.unknown { + background-color: #FF6D00; +} + +.disk-space-display.used { + background-color: #5657f5; +} + +.disk-space-display.free { + background-color: rgba(255, 255, 255, 0.08); +} + +.conflict-row:not(:selected) { + background-color: #6f4329; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: rgba(255, 255, 255, 0.5); +} + +/********* + * gedit * + *********/ +.open-document-selector-path-label { + color: rgba(255, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-document-panel { + background-color: #44454b; +} + +.gedit-document-panel row button.flat { + margin: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.gedit-search-slider { + margin: 4px 4px 8px; +} + +.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { + border-radius: 7px; +} + +.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider entry:dir(ltr) { + margin-right: -66px; + padding-right: 66px; +} + +.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider entry:dir(rtl) { + margin-left: -66px; + padding-left: 66px; +} + +.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider entry.error ~ button { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { + color: #FFFFFF; +} + +.gedit-search-slider entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider button { + border: solid 6px transparent; +} + +.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +paned.titlebar.horizontal headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal { + padding: 3px 3px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 0 0 2px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button { + padding: 4px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle { + padding: 4px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 2px 6px 6px; + border-radius: 7px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable { + padding: 3px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +/********************** + * Gnome Tweak Tool * + **********************/ +.tweak-categories { + background-image: image(#44454b); +} + +.csd .tweak-categories { + border-bottom-left-radius: 13px; +} + +leaflet list.navigation-sidebar { + background-color: #3b3b43; + border-bottom-left-radius: 13px; +} + +leaflet list.navigation-sidebar > separator { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#31313a); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 13px; + background-color: transparent; + background-image: none; +} + +list.tweak-group list, list#ListBoxTweakGroup list { + padding: 0; +} + +row#Focus, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 -2px #5657f5; + background-color: #31313a; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.08); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #DD2C00; + color: #FFFFFF; +} + +window.workbench treeview.image { + color: rgba(255, 255, 255, 0.7); +} + +window.workbench treeview.image:selected { + color: rgba(255, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 7px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 7px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +preferences stacksidebar.sidebar list { + background-color: #44454b; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 7px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 7px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.08); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +docktab { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); + color: #FFFFFF; +} + +docktab:checked { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #5657f5; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #FFFFFF; +} + +dockoverlayedge { + background-color: #34343b; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +dockoverlayedge.right-edge docktab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +pillbox { + background-color: #34343b; + border-radius: 7px; +} + +layoutpane entry.search { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 10px; + padding-right: 10px; +} + +button.dzlmenubutton image { + min-width: 30px; +} + +button.dzlmenubutton image.arrow { + min-width: 27px; +} + +button.dzlmenubuttonitem { + color: #FFFFFF; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +idelayoutstackheader button:checked { + color: #FFFFFF; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #34343b; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + outline-offset: -6px; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #FFFFFF; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #5657f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #5657f5; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + background-color: #7C4DFF; + color: #FFFFFF; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.08); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.08); +} + +.side-panel .view { + background-image: image(#44454b); +} + +.side-panel .view:hover { + background-image: image(#4d4e54); +} + +.side-panel .view:selected { + background-image: image(#5657f5); +} + +.side-panel .view:selected:hover { + background-image: image(#5e5ff6); +} + +.songs-list:hover { + background-image: image(rgba(255, 255, 255, 0.05)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/******************* + * Archive Manager * + *******************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 13px 13px; + background-color: #31313a; +} + +.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 13px; + background-color: #34343b; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle > grid .title { + margin: -3px 0; + padding: 2px 4px 0; + font-size: 90%; +} + +headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle { + margin: -3px 0; + padding: 0 4px 2px; + font-size: 80%; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 13px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator { + background-image: image(#31313a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#7C4DFF); + color: #FFFFFF; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2d2d33); + color: #cccccc; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3e3e45); + color: #FFFFFF; +} + +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(#48484f); + color: #FFFFFF; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-color: #5657f5; + color: #FFFFFF; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#31313a); + background-color: #31313a; + color: #5657f5; + transition: none; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #5657f5; +} + +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, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus { + background-color: rgba(255, 255, 255, 0.2); + background-image: image(#31313a); +} + +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(#5657f5); + color: #FFFFFF; +} + +/************************ + * Gnome Control Center * + ************************/ +stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle { + margin: 8px 6px; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +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 { + border-right-style: none; + background: none; + min-width: 0; +} + +window.background.csd > box.horizontal > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > leaflet > separator.sidebar { + background: none; + min-width: 0; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > leaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + border-radius: 0 0 13px 13px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > leaflet > 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: #31313a; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > hdyleaflet > stack.background frame.view, +window.background.csd > leaflet > stack.background frame.view, +window.background.csd > box.horizontal > stack.background frame.view { + border-radius: 7px; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #31313a; + border-bottom-left-radius: 14px; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > leaflet > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > leaflet > 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; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable { + margin-right: 4px; + border-radius: 0 7px 7px 0; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #9e9ff9; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label { + color: #9e9ff9; +} + +hdyleaflet > separator.sidebar, leaflet > separator.sidebar { + border-right-style: none; + background: none; + min-width: 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #31313a; + border-radius: 0 0 13px 13px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view { + background: none; +} + +/************************ + * Gnome sound recorder * + ************************/ +stack > grid.vertical > scrolledwindow.frame { + border: none; +} + +stack > grid.vertical > scrolledwindow.frame > viewport.frame list { + border-radius: 0 0 13px 13px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + background-color: #5657f5; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked { + color: #FFFFFF; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 .contacts-contact-form { + border-bottom-right-radius: 13px; +} + +/****************** + * Gnome calender * + ******************/ +popover.background datechooser day.day.other-month { + color: rgba(255, 255, 255, 0.12); +} + +popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background datechooser label.weekday { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; +} + +/**************** + * Gnome clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 13px; + border-top-right-radius: 13px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/**************** + * Gnome Weather * + ****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 13px; +} + +#weather-page-content-view { + border-bottom-right-radius: 13px; + border-bottom-left-radius: 13px; +} + +/********* + * To Do * + *********/ +taskrow { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +taskrow:hover { + transition: none; +} + +taskrow label { + margin: 0 8px; +} + +taskrow image { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -6px; +} + +/******* + * eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +#eog-thumb-nav button { + -gtk-outline-radius: 7px; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 13px; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/******** + * gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +list.categories { + background-image: image(#44454b); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.3); + color: #FFFFFF; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 36px; +} + +/********* + * Geary * + *********/ +window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 13px; +} + +window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 13px; +} + +window.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 13px; +} + +window.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: none; + border-bottom-right-radius: 13px; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +/************ + * Terminal * + ************/ +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 13px; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 13px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list { + border-bottom-left-radius: 13px; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 13px; +} + +dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 13px 0; +} + +dialog.background.csd > box.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 13px 13px; + background-color: #31313a; +} + +dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame { + border-radius: 7px; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view { + border-radius: 7px; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view { + border-radius: 7px; +} + +/****************** + * Unified window * + ******************/ +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +window.background.csd.unified headerbar.selection-mode { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 13px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + +.nemo-window .nemo-places-sidebar { + background-color: #34343b; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 3px; + padding: 3px 10px; + border: 2px solid #5657f5; + background-color: rgba(86, 87, 245, 0.1); +} + +.nemo-window toolbar.primary-toolbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1); + padding: 0 6px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + border: none; +} + +.nemo-window toolbar.primary-toolbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button { + min-height: 36px; + min-width: 36px; + margin: 6px 2px; + padding: 0 0; + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active { + color: #FFFFFF; +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button { + min-height: 0; + margin: 6px 0; + padding: 0 12px; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked { + color: #FFFFFF; +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child { + padding: 0 6px; +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label { + padding-left: 0; + padding-right: 0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +/********* + * Tilix * + *********/ +.tilix-background { + border-radius: 0; +} + +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#44454b); +} + +.terminix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + background-color: #FF5252; +} + +.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked, +.tilix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button:hover, +.tilix-session-sidebar button.tilix-sidebar-close-button:active, +.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +.terminix-session-sidebar button.tilix-sidebar-close-button:hover, +.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-image: image(#ff6c6c); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked, +.tilix-session-sidebar button.tilix-sidebar-close-button:active, +.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#ff1f1f); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +button.image-button.session-new-button { + min-width: 32px; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding: 0 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 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:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; + color: #FFFFFF; +} + +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; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 7px; +} + +/************ + * Chromium * + ************/ +tooltip.chromium { + background-color: #31313a; +} + +/*********** + * Firefox * + ***********/ +window.background:not(.csd) > widget > separator { + color: rgba(0, 0, 0, 0.2); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.2); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 8px; + box-shadow: none; +} + +window.background:not(.csd) > widget > entry { + min-height: 30px; +} + +window.background:not(.csd) > widget > entry:focus { + border-color: #5657f5; +} + +window.background:not(.csd) > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +window.background:not(.csd) > widget > button > button:hover { + background-image: image(alpha(currentColor, 0.05)); +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(alpha(currentColor, 0.1)); +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked), +window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { + color: #757575; +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { + color: #212121; +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { + color: rgba(117, 117, 117, 0.5); +} + +window.background:not(.csd) .menu { + border-radius: 0; +} + +window.background:not(.csd) > window:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border: none; + border-radius: 0; + padding: 4px 0; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem, +window.background:not(.csd) > menu > menu menuitem { + transition: none; + border-radius: 0; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, +window.background:not(.csd) > menu > menu menuitem:hover { + background-color: #5657f5; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image, +window.background:not(.csd) > menu > menu menuitem:hover, +window.background:not(.csd) > menu > menu menuitem:hover image { + color: #FFFFFF; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator, +window.background:not(.csd) > menu > menu menuitem:hover accelerator { + color: rgba(255, 255, 255, 0.7); +} + +window.background:not(.csd) > window.csd > menu menuitem { + transition: none; +} + +window.background:not(.csd) > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +window.background:not(.csd) > widget > menubar:hover { + color: #FFFFFF; +} + +window.background:not(.csd) > widget > menubar:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.background:not(.csd) > widget > frame { + color: #474751; +} + +window.background:not(.csd) > widget > checkbutton > check, +window.background:not(.csd) > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +window.background:not(.csd) > window.background > menu > separator { + color: #474751; +} + +#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration { + border-radius: 2px 2px 0 0; +} + +#MozillaGtkWidget.background headerbar.titlebar { + border-radius: 2px 2px 0 0; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton { + min-width: 20px; + min-height: 20px; + margin: 6px 2px; + padding: 0; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; +} + +window.background.chromium { + background-color: #34343b; + color: #FFFFFF; +} + +window.background.chromium headerbar.titlebar { + padding: 0 18px; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize { + border: none; + min-width: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:hover, window.background.chromium headerbar.titlebar button.titlebutton.maximize:hover, window.background.chromium headerbar.titlebar button.titlebutton.minimize:hover { + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked, window.background.chromium headerbar.titlebar button.titlebutton.maximize:active, window.background.chromium headerbar.titlebar button.titlebutton.maximize:checked, window.background.chromium headerbar.titlebar button.titlebutton.minimize:active, window.background.chromium headerbar.titlebar button.titlebutton.minimize:checked { + color: #FFFFFF; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:hover { + padding: 0; + margin: 0 2px; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked { + padding: 0; + margin: 0 2px; + box-shadow: none; + color: #FFFFFF; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474751; + color: #FFFFFF; +} + +window.background.chromium entry.chromium { + border-image: none; + border: 1px solid #474751; +} + +window.background.chromium entry.chromium:focus { + border-color: #5657f5; +} + +window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd { + color: #565656; +} + +window.background.chromium > textview.view { + background-color: #34343b; + color: #FFFFFF; +} + +window.background.chromium > menubar { + background-color: #31313a; +} + +window.background.chromium > menu { + color: #FFFFFF; + background-color: #3c3c46; + border: 1px solid #474751; + border-radius: 0; +} + +window.background.chromium > menu > separator, window.background.chromium > menu .separator { + background-color: #474751; + color: #474751; + border: none; +} + +window.background.chromium > menu > menuitem { + color: #FFFFFF; + border-radius: 0; +} + +window.background.chromium > menu > menuitem:hover { + color: #FFFFFF; + background-color: #5657f5; +} + +window.background.chromium > menu > menuitem:disabled { + color: rgba(255, 255, 255, 0.45); +} + +window.background.chromium > menu > menuitem accelerator { + color: rgba(255, 255, 255, 0.45); +} + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +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.08); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +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 > box.vertical > toolbar button, +window.background > box.vertical > box.vertical > toolbar .linked > button { + min-width: 52px; + min-height: 52px; + padding: 0; + margin: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised { + min-width: 52px; + min-height: 52px; + margin: 0; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 12px; + margin-bottom: 12px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +/*********** + * Geary * + ***********/ +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border { + border-width: 0; +} + +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) { + border: none; +} + +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) { + border: none; +} + +.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left { + border-radius: 0; + box-shadow: none; +} + +.geary-titlebar-right separator, +.geary-titlebar-left separator { + opacity: 0; +} + +stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame { + border: none; +} + +popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label { + color: rgba(255, 255, 255, 0.8); +} + +popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +/*********** + * Synapse * + ***********/ +box.vertical > widget > widget:selected { + background-color: #5657f5; +} + +/*********** + * xfce4 * + ***********/ +.xfce4-panel button, .xfce4-panel button.flat { + color: rgba(255, 255, 255, 0.7); + border-radius: 0; + border: none; + box-shadow: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked) { + color: #FFFFFF; + box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5); +} + +.xfce4-panel button:checked, .xfce4-panel button:active { + color: #FFFFFF; + background: none; + box-shadow: inset 0 -2px #7C4DFF; +} + +.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image { + color: inherit; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #34343b; + color: #FFFFFF; +} + +.xfce4-panel { + background-color: #25252d; + color: rgba(255, 255, 255, 0.7); + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +.xfce4-panel#XfcePanelWindow { + border: 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: #7C4DFF; + 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 widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 5px; + background: transparent; + color: #FFFFFF; + 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: #5657f5; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #31313a; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) { + border-radius: 3px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked { + background-color: #5657f5; + color: #FFFFFF; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; +} + +window.thunar .sidebar { + border-top: none; +} + +window.thunar toolbar#location-toolbar { + background-color: #31313a; + color: #FFFFFF; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +window.thunar toolbar#location-toolbar entry { + min-height: 0; +} + +window.thunar toolbar#location-toolbar button { + color: rgba(255, 255, 255, 0.7); +} + +window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked { + color: #FFFFFF; +} + +window.thunar toolbar#location-toolbar button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view { + border-radius: 3px; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: rgba(255, 255, 255, 0.8); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #FFFFFF; + border-radius: 0 0 0 0; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -UnityDecoration-active-shadow-radius: 18px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 8px; + -UnityDecoration-glow-color: #5657f5; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 13px 13px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + color: #FFFFFF; +} + +UnityDecoration .top:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #FFFFFF; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 7px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #25252d; + color: #FFFFFF; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #FFFFFF; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #5657f5; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: #25252d; + font-weight: 500; +} + +.mate-panel-menu-bar:not(.popup) { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(255, 255, 255, 0.08); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: transparent; +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #FFFFFF; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 28px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -GtkWidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #5C6BC0; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: rgba(255, 255, 255, 0.3); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #5657f5; +} + +#clock-applet-button { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow ClockMap { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +#MatePanelPopupWindow widget { + color: rgba(255, 255, 255, 0.08); +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 3px; + -NaTrayApplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #34343b; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +#mate-menu { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #FFFFFF; + font-weight: normal; +} + +#mate-menu button label:not(:first-child) { + color: rgba(255, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 8px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 8px; + padding: 6px; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 5px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #31313a; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border-radius: 5px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.lock-dialog frame > border { + border-style: none; +} + +/****************** + * Budgie Desktop * + ******************/ +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; + padding: 0 2px; + margin: 0; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + margin: 4px 2px; + min-height: 16px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +.budgie-settings-window list.sidebar { + background-color: #31313a; + border-radius: 0 0 0 13px; +} + +.budgie-popover { + border-color: #44454b; + border-radius: 9px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + background-color: #3c3c46; +} + +.budgie-popover .container { + padding: 6px; +} + +.budgie-popover .container .container { + padding: 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover button { + border-radius: 3px; +} + +.budgie-popover button:checked { + color: white; + background-color: #5657f5; +} + +.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #FFFFFF; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu separator { + margin: 3px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 9px; +} + +.budgie-popover.night-light-indicator .view-header { + margin-left: 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.08); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 6px 6px; +} + +.budgie-popover.workspace-popover separator { + margin: 3px 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: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: 7px; +} + +.budgie-menu.background { + padding: 0; + background-color: #31313a; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border-radius: 0; + font-size: 120%; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +.budgie-menu entry.search:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #FFFFFF; + font-weight: normal; +} + +.budgie-menu button:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-menu button:checked:disabled { + background-color: #5657f5; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +.budgie-menu list.left-overlay-menu { + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + padding: 6px; + margin: 6px; + border-radius: 8px; +} + +.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 2px; +} + +.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 3px; +} + +.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 2px; +} + +.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(255, 255, 255, 0.08); + padding: 6px; +} + +.budgie-menu .budgie-menu-footer button.flat { + min-height: 16px; + min-width: 16px; + padding: 6px; + border-radius: 2px; +} + +.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; +} + +.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) { + margin-right: 6px; +} + +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.08); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: #25252d; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(37, 37, 45, 0.85); +} + +.bottom .budgie-panel.dock-mode { + border-radius: 13px 13px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 13px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 13px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 13px 13px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-right-radius: 13px; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-right-radius: 13px; +} + +.right .budgie-panel.dock-mode { + border-radius: 13px 0 0 13px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 13px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-left-radius: 13px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + color: #FFFFFF; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel menubar > menuitem menu, +.budgie-panel .menubar > menuitem menu { + border-radius: 0 0 8px 8px; +} + +.budgie-panel menubar > menuitem menu menu, +.budgie-panel .menubar > menuitem menu menu { + border-radius: 8px; +} + +.budgie-panel menubar > menuitem menu separator, +.budgie-panel .menubar > menuitem menu separator { + background: none; +} + +.budgie-panel .alert { + color: #66BB6A; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1); +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .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), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .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), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .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), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .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), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .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, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .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, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .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, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .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, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + + +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 { + background-color: transparent; +} + + +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-image: image(#7C4DFF); + background-size: 6px 3px; + background-position: top center; +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, +.top .budgie-panel .pinned button.flat.launcher.running:checked, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.top .budgie-panel .unpinned button.flat.launcher:checked:hover, +.top .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 6px 3px; + background-position: bottom center; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 3px 6px; + background-position: left center; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, +.left .budgie-panel .pinned button.flat.launcher.running:checked, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked:hover, +.left .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 3px 6px; + background-position: right center; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, +.right .budgie-panel .pinned button.flat.launcher.running:checked, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked:hover, +.right .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked { + border-image: none; +} + +widget.icon-tasklist > box:drop(active), +box.pinned:drop(active) { + border: none; + border-radius: 0; + background-color: rgba(255, 167, 38, 0.2); + box-shadow: inset 0 0 0 1px #FFA726; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #FFA726; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.raven { + background-color: rgba(49, 49, 58, 0.95); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher.linked > button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 0; +} + +.raven stackswitcher.linked > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header.top { + padding: 0 0; + background-color: #31313a; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0; + min-height: 36px; + padding: 6px 24px; +} + +.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.08); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(255, 255, 255, 0.08); +} + +.raven .raven-background grid > label:first-child { + min-height: 36px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget scale.marks-after label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.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(255, 255, 255, 0.06); + color: #FFFFFF; + box-shadow: inset 2px 0 #5657f5; +} + +.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: #FFFFFF; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 16px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 7px; + background-color: #5657f5; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.6); + color: #FFFFFF; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list { + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *, +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * { + color: #FFFFFF; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image { + padding-left: 8px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button { + min-height: 32px; + min-width: 32px; + margin: 8px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list { + border-radius: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover { + background-color: rgba(255, 255, 255, 0.06); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label { + padding: 0 16px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected { + background-color: rgba(86, 87, 245, 0.75); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *, +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * { + color: white; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button { + border: none; +} + +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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, 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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(86, 87, 245, 0.65); +} + +.drop-shadow { + margin: 50px; + padding: 6px; + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); +} + +.drop-shadow .linked > button { + border-radius: 7px; +} + +.budgie-notification-window { + background-color: transparent; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd-window { + background-color: transparent; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.budgie-switcher-window { + background-color: transparent; +} + +.budgie-power-dialog.background { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + border-radius: 19px; +} + +.budgie-power-dialog .titlebar { + background: none; + box-shadow: none; +} + +.budgie-run-dialog, .budgie-polkit-dialog, +.budgie-session-dialog { + border-radius: 7px; + background-color: #44454b; +} + +.budgie-run-dialog decoration, .budgie-polkit-dialog decoration, +.budgie-session-dialog decoration { + border-radius: 7px; +} + +.background.budgie-run-dialog, .background.budgie-polkit-dialog, +.background.budgie-session-dialog { + border-radius: 7px; +} + +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; +} + +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 7px; +} + +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 7px; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, +.budgie-session-dialog .linked.horizontal > button.suggested-action, +.budgie-session-dialog .linked.horizontal > button.suggested-action:hover { + color: #7C4DFF; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, +.budgie-session-dialog .linked.horizontal > button.suggested-action:active, +.budgie-session-dialog .linked.horizontal > button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled, +.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled { + opacity: 0.65; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, +.budgie-session-dialog .linked.horizontal > button.destructive-action, +.budgie-session-dialog .linked.horizontal > button.destructive-action:hover { + color: #FF5252; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, +.budgie-session-dialog .linked.horizontal > button.destructive-action:active, +.budgie-session-dialog .linked.horizontal > button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled, +.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled { + opacity: 0.65; +} + +.budgie-polkit-dialog .message { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-polkit-dialog .failure { + color: #FF5252; +} + +.budgie-run-dialog { + background-color: #31313a; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 14px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.budgie-panel box.titlebar { + min-width: 16px; + min-height: 16px; + border-radius: 0; + background: unset; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + min-width: 16px; + min-height: 16px; + padding: 0; + margin: 0; + background: none; + box-shadow: none; + border: none; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton image { + border-radius: 100px; + background-size: 16px 16px; + background-position: center center; + background-repeat: no-repeat; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:hover { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:hover image { + background-image: image(rgba(255, 255, 255, 0.12)); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:active { + color: #FFFFFF; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:active image { + background-image: image(rgba(255, 255, 255, 0.3)); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close { + padding: 0; + margin: 0; + box-shadow: none; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image { + background-image: image(#EF5350); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image { + background-image: image(#5657f5); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image { + opacity: 0; +} + +.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; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: rgba(66, 66, 73, 0.85); + color: #FFFFFF; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #FFFFFF; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(255, 255, 255, 0.3); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: 0; + box-shadow: none; + background-color: #44454b; +} + +#content_frame { + padding-bottom: 20px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#greeter_infobar { + margin-top: -1px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color currentColor; +/* +widget base background color */ +@define-color theme_bg_color #34343b; +/* +text widgets and the like base background color */ +@define-color theme_base_color #31313a; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5657f5; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #FFFFFF; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #34343b; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color alpha(currentColor, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #3b3b43; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color currentColor; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #34343b; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #31313a; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5657f5; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #FFFFFF; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color alpha(currentColor, 0.5); +/* +widgets main borders color */ +@define-color borders alpha(currentColor, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders alpha(currentColor, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FF6D00; +@define-color error_color #DD2C00; +@define-color success_color #00C853; +/* +FIXME this is really an API */ +@define-color content_view_bg #31313a; +@define-color placeholder_text_color #c1c1c4; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232329; +@define-color budgie_tasklist_indicator_color #7C4DFF; +@define-color budgie_tasklist_indicator_color_active #7C4DFF; +@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931); +@define-color budgie_tasklist_indicator_color_attention #FF6D00; +@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/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 100644 index 0000000..68de6c0 --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1,8847 @@ +@keyframes ripple_effect { + to { + background-size: 1000% 1000%; + } +} + +@keyframes scale_ripple_effect { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #DD2C00; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 7px; + -gtk-secondary-caret-color: #5657f5; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup { + border-radius: 8px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.08); +} + +window.background.csd stack stack stack frame > list row.activatable, +window.background.csd > stack > stack > box > frame > list row.activatable, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, list.tweak-group list row.activatable, list#ListBoxTweakGroup list row.activatable, .tweak-group-startup row.activatable, popover.background.combo list > row.activatable { + border-radius: 0; + margin: 0; +} + +window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, list.tweak-group list row.activatable:first-child, list#ListBoxTweakGroup list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, popover.background.combo list > row.activatable:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, list.tweak-group list row.activatable:last-child, list#ListBoxTweakGroup list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, popover.background.combo list > row.activatable:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, list.tweak-group list row.activatable:only-child, list#ListBoxTweakGroup list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, popover.background.combo list > row.activatable:only-child { + border-radius: 7px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: rgba(52, 52, 59, 0.999); + color: #FFFFFF; +} + +.background.csd { + border-radius: 0 0 13px 13px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #34343b; + color: #FFFFFF; +} + +.gtkstyle-fallback:hover { + background-color: #28282d; + color: #FFFFFF; +} + +.gtkstyle-fallback:active { + background-color: #1c1c20; + color: #FFFFFF; +} + +.gtkstyle-fallback:disabled { + background-color: #34343b; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5657f5; + color: #FFFFFF; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view { + background-color: #31313a; + color: #FFFFFF; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +textview text { + background-color: #31313a; +} + +textview border { + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +iconview { + border-radius: 5px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { + border: 1px solid #5C6BC0; + background-color: rgba(92, 107, 192, 0.3); +} + +flowbox flowboxchild { + padding: 4px; + border-radius: 7px; +} + +.content-view .tile:selected { + background-color: transparent; + color: inherit; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: #FFFFFF; +} + +label selection { + background-color: #5657f5; + color: #FFFFFF; +} + +label:disabled { + color: rgba(255, 255, 255, 0.5); +} + +label:disabled selection { + color: rgba(255, 255, 255, 0.5); +} + +tab label:disabled, button label:disabled { + color: inherit; +} + +.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator { + color: rgba(255, 255, 255, 0.5); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #FFFFFF; +} + +.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd { + opacity: 0.9; +} + +/********************* + * Spinner Animation * + *********************/ +@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 { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 36px; + padding: 0 8px; + border-radius: 7px; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; +} + +spinbutton:focus:not(.vertical), entry:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton:disabled:not(.vertical), entry:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry, +.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search), +notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat { + border-radius: 0; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus, +.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search), +notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled, +.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search), +notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image, entry image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { + color: #FFFFFF; +} + +spinbutton:not(.vertical) image:disabled, entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image.left, entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton:not(.vertical) image.right, entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton:not(.vertical) undershoot.left, entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; +} + +spinbutton:not(.vertical) undershoot.right, entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; +} + +spinbutton.error:not(.vertical), entry.error { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #DD2C00; + color: #FFFFFF; +} + +spinbutton.error:focus:not(.vertical), entry.error:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton.error:disabled:not(.vertical), entry.error:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.error.flat:not(.vertical), entry.error.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #DD2C00; + background-color: transparent; + color: #FFFFFF; +} + +spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #DD2C00; +} + +spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.error:not(.vertical) image, entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { + color: #FFFFFF; +} + +spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical), entry.warning { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #FF6D00; + color: #FFFFFF; +} + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning.flat:not(.vertical), entry.warning.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #FF6D00; + background-color: transparent; + color: #FFFFFF; +} + +spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #FF6D00; +} + +spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical) image, entry.warning image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { + color: #FFFFFF; +} + +spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) progress, entry progress { + margin: 2px -6px; + border-bottom: 2px solid #5657f5; + background-color: transparent; +} + +.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { + border-radius: 0; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: #31313a; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent)); + } +} + +.budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, layouttabbar button, stackswitcher > button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:not(.suggested-action):not(.destructive-action), .caja-pathbar button, +.path-bar button, toolbar button, button.flat { + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, layouttabbar button:hover, stackswitcher > 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, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover, +.path-bar button:hover, toolbar button:hover, button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + color: #FFFFFF; +} + +.budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active, layouttabbar button:active, stackswitcher > 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, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active, +.path-bar button:active, toolbar button:active, button.flat:active { + transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +.budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled, layouttabbar button:disabled, stackswitcher > button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled, +.path-bar button:disabled, toolbar button:disabled, button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked, layouttabbar button:checked, stackswitcher > 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, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked, +.path-bar button:checked, toolbar button:checked, button.flat:checked { + background-color: rgba(255, 255, 255, 0.2); + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + color: #FFFFFF; +} + +.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled, layouttabbar button:checked:disabled, stackswitcher > button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, toolbar button:checked:disabled, button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button, +.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat { + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.7); +} + +.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + color: #FFFFFF; +} + +.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active { + transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +.raven-mpris button.image-button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, row:selected button, row:selected button.flat { + color: rgba(255, 255, 255, 0.7); +} + +.raven-mpris button.image-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, row:selected button:hover, .raven-mpris button.image-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, row:selected button:active { + color: #FFFFFF; +} + +.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.raven-mpris button.image-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, row:selected button:checked { + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; +} + +.raven-mpris button.image-button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, row:selected button:checked:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 7px; + font-weight: 500; + transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent; + background-color: #44454b; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(255, 255, 255, 0.8); +} + +button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent; + color: #FFFFFF; +} + +button:active { + transition: 100ms, background-size 0, background-image 0; + animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + color: #FFFFFF; +} + +button:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.3); +} + +button:checked { + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button:checked:disabled { + background-color: rgba(86, 87, 245, 0.3); + color: rgba(86, 87, 245, 0.5); + background-image: none; +} + +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked > button.flat, .linked.vertical > button.flat { + border-radius: 7px; +} + +.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button { + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 12px; + margin: 9px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.suggested-action:checked { + background-color: #a382ff; +} + +button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; + background-image: none; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.suggested-action.flat:checked { + background-image: none; + background-color: rgba(124, 77, 255, 0.3); +} + +button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #EF5350, #FF5252); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.destructive-action:checked { + background-color: #ff8686; +} + +button.destructive-action.flat { + background-color: transparent; + color: #FF5252; + background-image: none; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +button.destructive-action.flat:checked { + background-image: none; + background-color: rgba(255, 82, 82, 0.3); +} + +.stack-switcher > button { + outline-offset: -4px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 4px; + padding-right: 4px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton, +.titlebar button.titlebutton, row button.image-button, headerbar.default-decoration button.titlebutton, headerbar button.suggested-action, headerbar button.destructive-action, +headerbar button:not(.suggested-action):not(.destructive-action), check, +radio, button.close, button.circular { + border-radius: 9999px; + -gtk-outline-radius: 9999px; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; + -gtk-outline-radius: 9999px; +} + +stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar 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; +} + +.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button { + border-radius: 0; + -gtk-outline-radius: 7px; +} + +row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child { + border-radius: 7px; +} + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { + border-radius: 0; + -gtk-outline-radius: 7px; +} + +.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 7px; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 4px; + color: inherit; + -gtk-outline-radius: 2px; +} + +modelbutton.flat arrow { + background: none; +} + +modelbutton.flat arrow:hover { + background: none; +} + +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.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #039BE5; +} + +*:link:visited, *:link:visited:hover, *:link:visited:active, +button:visited { + color: #E040FB; +} + +infobar.info > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, +button:selected:visited, *:selected button:link, +*:selected button:visited { + color: #FFFFFF; +} + +button:link > label, +button:visited > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, +spinbutton:not(.vertical) entry { + min-width: 32px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical:drop(active) { + box-shadow: none; +} + +spinbutton.vertical entry { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button.up { + border-radius: 7px 7px 0 0; +} + +spinbutton.vertical button.down { + border-radius: 0 0 7px 7px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox decoration, +combobox button.combo:checked { + transition: none; +} + +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +combobox #gtk-combobox-popup-menu menuitem { + min-height: 32px; + padding: 0 8px; +} + +combobox #gtk-combobox-popup-menu > arrow.top { + margin-top: -2px; +} + +combobox #gtk-combobox-popup-menu > arrow.bottom { + margin-top: 4px; + margin-bottom: -6px; +} + +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +combobox:drop(active) { + box-shadow: none; +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-bottom-right-radius: 7px; + border-top-right-radius: 7px; +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover.background button.combo { + border-radius: 0; + background-image: none; + font-weight: inherit; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #34343b; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; + padding: 6px; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar button { + padding-left: 6px; + padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 7px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar button label, +.path-bar button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: rgba(255, 255, 255, 0.2); + border-top-color: rgba(255, 255, 255, 0.08); +} + +* { + -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:selected { + border-left-color: rgba(255, 255, 255, 0.3); +} + +treeview.view:hover, treeview.view:active, treeview.view:selected { + border-radius: 0; +} + +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 0.08); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7C4DFF; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: #FFFFFF; +} + +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: #FFFFFF; +} + +treeview.view.expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view.progressbar { + border-bottom: 4px solid #5657f5; + box-shadow: none; + background-color: transparent; +} + +treeview.view.progressbar:selected { + border-bottom-color: #FFFFFF; +} + +treeview.view.trough { + border-bottom: 4px solid rgba(86, 87, 245, 0.3); + box-shadow: none; + background-color: transparent; +} + +treeview.view.trough:selected { + border-bottom-color: rgba(255, 255, 255, 0.3); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + box-shadow: none; +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #31313a; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; + background-color: #31313a; + background-clip: border-box; + color: #5657f5; +} + +treeview.view acceleditor > label { + background-color: #5657f5; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 6px 12px; + color: rgba(255, 255, 255, 0.7); +} + +menubar > menuitem menu, +.menubar > menuitem menu { + border-radius: 0 0 8px 8px; +} + +menubar > menuitem menu menu, +.menubar > menuitem menu menu { + border-radius: 8px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #FFFFFF; + box-shadow: inset 0 -3px #5657f5; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +.csd.popup { + background-color: transparent; +} + +menu { + margin: 6px 0; + padding: 3px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); + background-color: #3c3c46; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; + color: rgba(255, 255, 255, 0.7); +} + +.csd menu { + border: none; + background-color: rgba(60, 60, 70, 0.95); + box-shadow: none; +} + +menu menuitem { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 5px 10px; + font: initial; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); + border-radius: 5px; +} + +menu menuitem:hover { + transition: none; + background-color: rgba(255, 255, 255, 0.08); + color: white; +} + +menu menuitem:hover accelerator { + color: white; +} + +menu menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 6px; + background-color: #3c3c46; + color: rgba(255, 255, 255, 0.7); + border-radius: 7px; +} + +menu > arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + color: #FFFFFF; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 0 0; + background: none; + color: transparent; +} + +menuitem accelerator { + color: rgba(255, 255, 255, 0.7); +} + +menuitem:disabled accelerator { + color: rgba(255, 255, 255, 0.3); +} + +.popup:not(.csd) menu { + border-radius: 0; + color: #FFFFFF; + background-color: #31313a; +} + +.popup:not(.csd) menu menuitem { + color: #FFFFFF; +} + +.popup:not(.csd) menu menuitem:hover { + background-color: #4a4a52; +} + +.popup:not(.csd) menu menuitem:disabled { + color: #98989d; +} + +.popup:not(.csd) menu menuitem accelerator { + color: #c1c1c4; +} + +/************ + * Popovers * + ************/ +popover.background modelbutton.flat, +popover.background menuitem.button.flat, +popover.background spinbutton.vertical button, popover.background row.button.flat.menuitem.activatable, +popover.background row.activatable, popover.background .view, popover.background button.flat.combo, popover.background button.flat { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; +} + +popover.background modelbutton.flat:hover, +popover.background menuitem.button.flat:hover, +popover.background spinbutton.vertical button:hover, popover.background row.button.flat.menuitem.activatable:hover, +popover.background row.activatable:hover, popover.background .view:hover, popover.background button.flat.combo:hover, popover.background button.flat:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +popover.background modelbutton.flat:checked, +popover.background menuitem.button.flat:checked, +popover.background spinbutton.vertical button:checked, popover.background row.button.flat.menuitem.activatable:checked, +popover.background row.activatable:checked, popover.background .view:checked, popover.background button.flat.combo:checked, popover.background button.flat:checked, popover.background modelbutton.flat:active, +popover.background menuitem.button.flat:active, +popover.background spinbutton.vertical button:active, popover.background row.button.flat.menuitem.activatable:active, +popover.background row.activatable:active, popover.background .view:active, popover.background button.flat.combo:active, popover.background button.flat:active { + color: #FFFFFF; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%); +} + +popover.background modelbutton.flat:disabled, +popover.background menuitem.button.flat:disabled, +popover.background spinbutton.vertical button:disabled, popover.background row.button.flat.menuitem.activatable:disabled, +popover.background row.activatable:disabled, popover.background .view:disabled, popover.background button.flat.combo:disabled, popover.background button.flat:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +popover.background button.combo, popover.background button { + color: rgba(255, 255, 255, 0.8); + background-color: transparent; + box-shadow: none; +} + +popover.background button.combo:hover, popover.background button:hover { + transition: none; + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background button.combo:checked, popover.background button:checked, popover.background button.combo:active, popover.background button:active { + background-color: #5657f5; + color: #FFFFFF; +} + +popover.background button.combo:disabled, popover.background button:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +popover.background button.combo:checked:disabled, popover.background button:checked:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(86, 87, 245, 0.5); +} + +popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical) { + border-radius: 0; + caret-color: #FFFFFF; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + background-color: transparent; + color: #FFFFFF; +} + +popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical) { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), popover.background .linked entry label, popover.background entry label, +popover.background spinbutton:not(.vertical) label, popover.background .linked entry image, popover.background entry image, +popover.background spinbutton:not(.vertical) image { + color: rgba(255, 255, 255, 0.8); +} + +popover.background .linked entry:focus, popover.background entry:focus, +popover.background spinbutton:focus:not(.vertical), popover.background .linked entry label:focus, popover.background entry label:focus, +popover.background spinbutton:not(.vertical) label:focus, popover.background .linked entry image:focus, popover.background entry image:focus, +popover.background spinbutton:not(.vertical) image:focus { + color: #FFFFFF; +} + +popover.background .linked entry:disabled, popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), popover.background .linked entry label:disabled, popover.background entry label:disabled, +popover.background spinbutton:not(.vertical) label:disabled, popover.background .linked entry image:disabled, popover.background entry image:disabled, +popover.background spinbutton:not(.vertical) image:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background, popover.background.menu { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 2px; + margin: 0; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); +} + +popover.background:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.75); +} + +popover.background:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background image:disabled, popover.background label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background .dim-label, popover.background .budgie-notification .notification-body, popover.background .budgie-switcher .notification-body, .budgie-notification popover.background .notification-body, .budgie-switcher popover.background .notification-body, popover.background headerbar .subtitle, headerbar popover.background .subtitle, popover.background label.separator { + color: rgba(255, 255, 255, 0.3); +} + +popover.background, .csd popover.background { + border-radius: 9px; +} + +popover.background > stack { + margin: -4px; +} + +popover.background > toolbar { + margin: -2px; +} + +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background list, popover.background row, popover.background .view, popover.background textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background treeview.view header button { + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrolledwindow { + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrollbar { + background-color: rgba(56, 57, 62, 0.65); + border-color: rgba(255, 255, 255, 0.12); +} + +popover.background scrollbar slider { + background-color: rgba(255, 255, 255, 0.5); +} + +popover.background scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +popover.background scrollbar slider:active { + background-color: #FFFFFF; +} + +popover.background scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: 1px solid rgba(56, 57, 62, 0.3); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: 1px solid rgba(56, 57, 62, 0.3); + background-color: rgba(255, 255, 255, 0.5); +} + +popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +popover.background scrollbar.overlay-indicator.dragging, popover.background scrollbar.overlay-indicator.hovering { + background-color: rgba(56, 57, 62, 0.9); +} + +popover.background button.radio { + background-color: rgba(255, 255, 255, 0.08); +} + +popover.background button.radio:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.15); +} + +.linked > popover.background button { + border-radius: 4px; + -gtk-outline-radius: 2px; +} + +.linked > popover.background button:first-child { + border-radius: 4px; +} + +.linked > popover.background button:last-child { + border-radius: 4px; +} + +.linked > popover.background button:only-child { + border-radius: 4px; +} + +popover.background.menu button, popover.background button.model { + border-radius: 4px; + -gtk-outline-radius: 2px; +} + +popover.background button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; +} + +popover.background button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(124, 77, 255, 0.5); +} + +popover.background button.suggested-action:hover { + color: #FFFFFF; + background-color: #8f67ff; +} + +popover.background button.suggested-action:checked { + background-color: #a382ff; +} + +popover.background button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; +} + +popover.background button.suggested-action.flat:hover { + color: #7C4DFF; + background-color: rgba(124, 77, 255, 0.15); +} + +popover.background button.suggested-action.flat:disabled { + background-color: transparent; + color: rgba(124, 77, 255, 0.5); +} + +popover.background button.suggested-action.flat:checked { + background-color: rgba(124, 77, 255, 0.3); +} + +popover.background button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; +} + +popover.background button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 82, 82, 0.5); +} + +popover.background button.destructive-action:hover { + color: #FFFFFF; + background-color: #ff6c6c; +} + +popover.background button.destructive-action:checked { + background-color: #ff8686; +} + +popover.background button.destructive-action.flat { + background-color: transparent; + color: #FF5252; +} + +popover.background button.destructive-action.flat:hover { + color: #FF5252; + background-color: rgba(255, 82, 82, 0.15); +} + +popover.background button.destructive-action.flat:disabled { + background-color: transparent; + color: rgba(255, 82, 82, 0.5); +} + +popover.background button.destructive-action.flat:checked { + background-color: rgba(255, 82, 82, 0.3); +} + +popover.background check, popover.background radio { + color: rgba(255, 255, 255, 0.8); + transition: none; + animation: none; +} + +popover.background check:hover, popover.background radio:hover { + color: #FFFFFF; +} + +popover.background check:disabled, popover.background radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background check:checked, popover.background check:indeterminate, popover.background radio:checked, popover.background radio:indeterminate { + color: #7C4DFF; +} + +popover.background check:checked:disabled, popover.background check:indeterminate:disabled, popover.background radio:checked:disabled, popover.background radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover.background checkbutton.text-button, +popover.background radiobutton.text-button { + outline-style: none; +} + +popover.background separator { + margin: 4px 0; +} + +popover.background list separator { + margin: 0; +} + +popover.background separator, popover.background separator, .csd popover.background separator { + border: none; + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background label.separator { + color: rgba(255, 255, 255, 0.8); +} + +popover.background calendar { + border: 1px solid rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +popover.background calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover.background calendar.header { + border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +popover.background calendar.highlight { + color: rgba(255, 255, 255, 0.7); +} + +popover.background calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +popover.background.combo { + padding: 0; + margin: 0; +} + +popover.background.combo list { + padding: 0; + margin: 0; + background: none; +} + +popover.background.combo list > row.activatable { + padding: 6px 12px; +} + +/************* + * Notebooks * + *************/ +frame > paned > notebook > header, notebook.frame > header { + background-color: #3b3b43; +} + +notebook, notebook.frame { + background-color: #31313a; + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +.background.unified notebook { + border-radius: 0; +} + +.background.unified notebook > header { + border-radius: 0; +} + +notebook > header { + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; + border-radius: 9px 9px 0 0; +} + +notebook > header.top > tabs { + margin-bottom: -1px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > header.bottom { + border-top-style: solid; + border-radius: 0 0 9px 9px; +} + +notebook > header.bottom > tabs { + margin-top: -1px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #5657f5; +} + +notebook > header.left { + border-right-style: solid; + border-radius: 9px 0 0 9px; +} + +notebook > header.left > tabs { + margin-right: -1px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +notebook > header.right { + border-left-style: solid; + border-radius: 0 9px 9px 0; +} + +notebook > header.right > tabs { + margin-left: -1px; +} + +notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.2) 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + color: #FFFFFF; +} + +notebook > header tab:hover.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + background-clip: padding-box; + color: #FFFFFF; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +notebook > header tab button.flat { + min-height: 24px; + min-width: 24px; + padding: 2px; + margin: 0; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook > stack:not(:only-child) { + background-color: #31313a; + border-radius: 10px; +} + +notebook > header button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(49, 49, 58, 0.65); + background-clip: border-box; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(255, 255, 255, 0.5); +} + +scrollbar slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar slider:active { + background-color: #FFFFFF; +} + +scrollbar slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.fine-tune slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} + +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 49, 58, 0.9); +} + +scrollbar.horizontal slider { + min-width: 24px; +} + +scrollbar.vertical slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +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-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + min-height: 20px; + min-width: 42px; + border: 4px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.2); + background-clip: padding-box; + color: transparent; + font-size: 0; +} + +switch:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +switch:checked { + background-color: rgba(124, 77, 255, 0.35); + color: transparent; +} + +switch:checked:disabled { + background-color: rgba(124, 77, 255, 0.2); +} + +switch slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 24px; + min-height: 24px; + margin: -4px -3px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png")); +} + +switch:hover slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +switch:checked slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0; + background-color: #7C4DFF; + color: transparent; + background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png")); +} + +switch:disabled slider { + background-color: #3b3b43; +} + +switch:checked:disabled slider { + animation: none; + background-color: #573f9d; +} + +row:selected switch:checked { + background-color: rgba(68, 1, 255, 0.35); +} + +row:selected switch:checked:disabled { + background-color: rgba(68, 1, 255, 0.2); +} + +row:selected switch:checked slider { + background-color: #561aff; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; + outline-offset: 0; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +row check:selected, +row radio:selected, row check:selected:active, +row radio:selected:active, row check:selected:checked, +row radio:selected:checked, row check:selected:indeterminate, +row radio:selected:indeterminate, row check:selected:focus, +row radio:selected:focus, row check:selected:focus:active, +row radio:selected:focus:active, row check:selected:focus:checked, +row radio:selected:focus:checked, row check:selected:focus:indeterminate, +row radio:selected:focus:indeterminate, treeview.view check:selected, +treeview.view radio:selected, treeview.view check:selected:active, +treeview.view radio:selected:active, treeview.view check:selected:checked, +treeview.view radio:selected:checked, treeview.view check:selected:indeterminate, +treeview.view radio:selected:indeterminate, treeview.view check:selected:focus, +treeview.view radio:selected:focus, treeview.view check:selected:focus:active, +treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked, +treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate, +treeview.view radio:selected:focus:indeterminate, row.activatable check:selected, +row.activatable radio:selected, row.activatable check:selected:active, +row.activatable radio:selected:active, row.activatable check:selected:checked, +row.activatable radio:selected:checked, row.activatable check:selected:indeterminate, +row.activatable radio:selected:indeterminate, row.activatable check:selected:focus, +row.activatable radio:selected:focus, row.activatable check:selected:focus:active, +row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked, +row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate, +row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate { + color: rgba(255, 255, 255, 0.7); +} + +row check:selected:disabled, +row radio:selected:disabled, row check:selected:active:disabled, +row radio:selected:active:disabled, row check:selected:checked:disabled, +row radio:selected:checked:disabled, row check:selected:indeterminate:disabled, +row radio:selected:indeterminate:disabled, row check:selected:focus:disabled, +row radio:selected:focus:disabled, row check:selected:focus:active:disabled, +row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled, +row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled, +treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled, +treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled, +treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, +treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled, +treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled, +treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled, +row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled, +row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled, +row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled, +row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled, +row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +row check:selected:hover, +row radio:selected:hover, treeview.view check:selected:hover, +treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover { + color: #FFFFFF; +} + +row check:selected:hover:disabled, +row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled, +treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled { + color: rgba(255, 255, 255, 0.5); +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -12px; + padding: 12px; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #7C4DFF; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 8px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 8px; +} + +menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); + border-image-slice: 24; + border-image-width: 24px; +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); +} + + +radio { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent)); +} + + +radio:checked:not(:indeterminate) { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(#7C4DFF), to(transparent)); +} + + +radio:checked:not(:indeterminate):disabled { + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(rgba(124, 77, 255, 0.5)), to(transparent)); +} + +window.background:not(.csd) > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; + border-radius: 7px; + -gtk-outline-radius: 7px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); +} + +window.background:not(.csd) > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + +window.background:not(.csd) > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + +window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +check:not(:checked), +radio:not(:checked) { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; +} + +menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; +} + +treeview.view check:hover, +treeview.view radio:hover { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check:hover:disabled, +treeview.view radio:hover:disabled { + box-shadow: none; +} + +treeview.view check:hover:selected, +treeview.view radio:hover:selected { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check, +treeview.view radio { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #FFFFFF; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #7C4DFF; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +/*************** + * Header bars * + ***************/ +headerbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 48px; + padding: 0 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +headerbar:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.3); +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry { + background-color: #3d3d48; +} + +headerbar entry:focus { + background-color: #444450; +} + +headerbar entry, +headerbar spinbutton, +headerbar button { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar .linked:not(.vertical) > entry:not(.flat) { + border-radius: 7px; +} + +headerbar .linked:not(.vertical) > button { + border-radius: 7px; + -gtk-outline-radius: 7px; +} + + +headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):hover, +headerbar button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; +} + + +headerbar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.5); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode { + transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); + animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #5657f5; + color: #FFFFFF; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu arrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action), +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) { + padding-left: 8px; + padding-right: 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + background-image: none; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop { + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image, +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image { + padding-left: 0; + padding-right: 0; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + padding: 0; + min-width: 120px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow { + font-size: 10px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow image { + margin-top: 3px; +} + +headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration { + min-height: 24px; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0 2px; + padding: 0; +} + +.background:not(.csd) headerbar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #31313a; + border-right-color: #31313a; +} + +window separator:first-child + headerbar, window headerbar:first-child { + border-top-left-radius: 13px; +} + +window headerbar:last-child { + border-top-right-radius: 13px; +} + +window stack headerbar:first-child, window stack headerbar:last-child { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { + border-radius: 0; +} + +.titlebar, +.titlebar .background { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.background.tiled .titlebar, +.background.tiled-top .titlebar, +.background.tiled-right .titlebar, +.background.tiled-bottom .titlebar, +.background.tiled-left .titlebar, +.background.maximized .titlebar, +.background.solid-csd .titlebar { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-color: #31313a; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 4px; + min-width: 4px; + padding: 16px; +} + +scale slider { + min-height: 32px; + min-width: 32px; + margin: -15px; +} + +scale trough { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.2); +} + +scale trough:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +scale highlight { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: #7C4DFF; +} + +scale highlight:disabled { + background-color: transparent; +} + +scale fill { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.2); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: transparent; +} + +scale slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale slider:hover { + background-color: rgba(124, 77, 255, 0.08); +} + +scale slider:focus { + background-color: rgba(124, 77, 255, 0.12); +} + +scale slider:focus:hover { + background-color: rgba(124, 77, 255, 0.16); +} + +scale slider:active { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: rgba(124, 77, 255, 0.08); + color: rgba(124, 77, 255, 0.12); +} + +scale.fine-tune slider { + background-size: calc(100% - 12px); +} + +scale marks label, +scale value { + color: rgba(255, 255, 255, 0.5); +} + +scale marks { + color: rgba(255, 255, 255, 0.2); +} + +scale marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale marks.left { + margin-right: 7px; + margin-left: -15px; +} + +scale marks.right { + margin-left: 7px; + margin-right: -15px; +} + +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.fine-tune marks.left { + margin-right: 6px; + margin-left: -14px; +} + +scale.fine-tune marks.right { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -16px; + margin-top: -6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -16px; + margin-right: -6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -16px; + margin-left: -6px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 4px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 4px; +} + +progressbar trough { + border-radius: 9999px; + background-color: rgba(93, 125, 251, 0.3); +} + +progressbar progress { + border-radius: 9999px; + background-color: #5D7DFB; + background-image: linear-gradient(to left, #BA68C8, #7E57C2); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 4px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 4px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + padding: 2px; + border-radius: 5px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #31313a; +} + +levelbar trough:disabled { + background-color: #3b3b43; +} + +levelbar block.low { + background-color: #FF6D00; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5657f5; +} + +levelbar block.full { + background-color: #00C853; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.08); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border { + border-style: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0 0 13px 13px; +} + +actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button) { + border-radius: 7px; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent)); + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.08); +} + +preferences stacksidebar.sidebar list separator, .tweak-categories separator, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +list { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +list row { + padding: 2px; +} + +.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05); +} + +.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; + animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; +} + +row button.circular { + margin: 0 4px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: #FFFFFF; +} + +expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander title > arrow:selected { + color: rgba(255, 255, 255, 0.7); +} + +expander title > arrow:selected:hover, expander title > arrow:selected:active { + color: #FFFFFF; +} + +expander title > arrow:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 2px 6px; + border: 1px solid rgba(255, 255, 255, 0.08); + color: #FFFFFF; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 5px; +} + +calendar.header { + border-style: none none solid; + border-radius: 0; +} + +calendar.highlight { + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(255, 255, 255, 0.3); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); +} + +messagedialog .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +messagedialog .titlebar:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +messagedialog check, messagedialog radio { + color: rgba(255, 255, 255, 0.75); +} + +messagedialog check:hover, messagedialog check:active, messagedialog radio:hover, messagedialog radio:active { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog check:disabled, messagedialog radio:disabled { + color: rgba(255, 255, 255, 0.75); +} + +messagedialog check:checked, messagedialog check:indeterminate, messagedialog radio:checked, messagedialog radio:indeterminate { + color: #7C4DFF; +} + +messagedialog check:checked:disabled, messagedialog check:indeterminate:disabled, messagedialog radio:checked:disabled, messagedialog radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +messagedialog .dialog-action-area button { + padding: 4px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +messagedialog .dialog-action-area button:hover, messagedialog .dialog-action-area button:active { + color: white; +} + +messagedialog .dialog-action-area button:hover { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06); +} + +messagedialog .dialog-action-area button:active { + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.06) 10%, transparent 0%); +} + +messagedialog .dialog-action-area button:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +messagedialog .dialog-action-area button:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover { + color: #7C4DFF; +} + +messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +messagedialog .dialog-action-area button.suggested-action:disabled { + opacity: 0.65; +} + +messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover { + color: #FF5252; +} + +messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +messagedialog .dialog-action-area button.destructive-action:disabled { + opacity: 0.65; +} + +messagedialog.csd { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog.csd.background { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +messagedialog.csd .dialog-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +messagedialog.csd .dialog-action-area button:first-child { + border-bottom-left-radius: 7px; + border-top-left-radius: 0; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; + border-top-right-radius: 0; +} + +messagedialog entry { + color: rgba(255, 255, 255, 0.8); +} + +messagedialog expander title > arrow { + color: rgba(255, 255, 255, 0.7); +} + +messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active { + color: #FFFFFF; +} + +messagedialog expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.background.csd filechooser, .background.csd filechooser placessidebar { + background: none; + border-radius: 0 0 13px 13px; +} + +.background.csd filechooser list, .background.csd filechooser placessidebar list { + background-color: transparent; +} + +.maximized filechooser placessidebar { + border-radius: 0; +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #31313a; + border-radius: 0 0 13px 13px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +filechooserbutton:drop(active) { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ +stacksidebar .frame list:dir(ltr) { + box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03); +} + +stacksidebar .frame list:dir(rtl) { + box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.08), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03); +} + +.sidebar { + border-style: none; + background-color: #3c3c46; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid #474751; + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #474751; + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +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: 10px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +/**************** + * File chooser * + ****************/ +.nautilus-window placessidebar row:selected button.sidebar-button { + color: rgba(86, 87, 245, 0.75); +} + +.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active { + color: #5657f5; +} + +.nautilus-window placessidebar row:selected button.sidebar-button:disabled { + color: rgba(86, 87, 245, 0.35); +} + +.nautilus-window placessidebar row:selected button.sidebar-button:checked { + background-color: rgba(86, 87, 245, 0.1); + color: #5657f5; +} + +.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled { + background-color: rgba(86, 87, 245, 0.05); + color: rgba(86, 87, 245, 0.55); +} + +row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +row:selected image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 7px 7px 0; +} + +placessidebar row > revealer { + padding: 0 12px; +} + +placessidebar row:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #5657f5; +} + +placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label { + color: #9e9ff9; +} + +placessidebar row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + min-height: 2px; + padding: 0 8px; + background-image: image(#7C4DFF); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #7C4DFF; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 0 0 2px #7C4DFF; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.08)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #34343b; + background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08)); + 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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #66BB6A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #42A5F5; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FFA726; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #EF5350; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + color: #FFFFFF; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 7px; + box-shadow: none; +} + +tooltip.background.csd { + border-radius: 7px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.9); + color: rgba(255, 255, 255, 0.8); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip label { + min-height: 20px; + padding: 0 2px; +} + +tooltip * { + padding: 0; + background-color: transparent; + color: inherit; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch:drop(active).dark overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch overlay { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +colorswatch overlay:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 5px; +} + +colorswatch#add-color-button overlay { + background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 5.5px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 5px; +} + +colorchooser .popover.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #34343b; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 32px transparent; + margin: 10px; +} + +decoration:backdrop { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 32px transparent; +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + box-shadow: none; +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + box-shadow: none; +} + +.csd.popup decoration { + border-radius: 8px; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); +} + +tooltip.csd decoration { + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +messagedialog.csd decoration { + border-radius: 7px; +} + +.solid-csd decoration { + margin: 0; + border-radius: 0; + border: none; + box-shadow: none; + background-color: #31313a; +} + +/***************** + * Title buttons * + *****************/ +headerbar > box.right, +headerbar > box.left, +.titlebar > box.right, +.titlebar > box.left { + padding: 0 12px; +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, 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: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; + background-color: rgba(255, 255, 255, 0.3); +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, +.titlebar button.titlebutton.close:active, +.titlebar button.titlebutton.close:checked, +.titlebar button.titlebutton.close:backdrop:active, +.titlebar button.titlebutton.close:backdrop:checked, +.titlebar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:checked, +.titlebar button.titlebutton.maximize:backdrop:active, +.titlebar button.titlebutton.maximize:backdrop:checked, +.titlebar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:checked, +.titlebar button.titlebutton.minimize:backdrop:active, +.titlebar button.titlebutton.minimize:backdrop:checked { + color: #FFFFFF; +} + +.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, 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 { + color: transparent; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + padding: 2px; + margin: -2px 0; + background-color: #EF5350; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, +.titlebar button.titlebutton.close:active, +.titlebar button.titlebutton.close:checked { + padding: 2px; + margin: -2px 0; + background-color: #7C4DFF; + color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked, +.titlebar.default-decoration button.titlebutton.close:hover, +.titlebar.default-decoration button.titlebutton.close:active, +.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked { + padding: 0; + margin: 0 2px; + box-shadow: none; +} + +.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { + background-color: #5657f5; +} + +row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { + color: #FFFFFF; +} + +row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, +.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + border-radius: 9999px; + background-color: #7C4DFF; + background-image: none; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + padding-left: 6px; + border-top-right-radius: 0; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + padding-right: 6px; + border-top-left-radius: 0; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 30; + -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(255, 255, 255, 0.08); + border-radius: 5px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF; + caret-color: #7C4DFF; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +stackswitcher > button { + border-radius: 7px; + padding-left: 8px; + padding-right: 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0; +} + +stackswitcher > button:active { + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1); + background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%); + background-size: 0% 0%; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:checked { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + background-image: none; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:checked:backdrop, stackswitcher > button:active:backdrop { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +stackswitcher > button:first-child, stackswitcher > button:last-child { + border-radius: 7px; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +button.emoji-section { + margin-top: -1px; + padding: 0 8px; + min-width: 24px; + min-height: 36px; + border-radius: 0; + outline-offset: -6px; + box-shadow: none; +} + +button.emoji-section:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +button.emoji-section:active, button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%); +} + +button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-color: transparent; +} + +button.emoji-section:first-child { + margin-left: 4px; +} + +button.emoji-section:last-child { + margin-right: 4px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 5px; +} + +.emoji widget:hover { + font-size: larger; +} + +/************ + * Nautilus * + ************/ +.nautilus-window headerbar .path-bar-box button { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0; +} + +.nautilus-window headerbar .path-bar-box button:hover { + color: #FFFFFF; +} + +.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active { + color: #FFFFFF; + background-color: transparent; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop { + color: rgba(255, 255, 255, 0.5); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box button:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window headerbar .path-bar-box button:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; +} + +.nautilus-window.csd.background { + background-color: rgba(49, 49, 58, 0.97); + border-radius: 0 0 13px 13px; +} + +.nautilus-window.csd.background notebook { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.nautilus-window.csd.background notebook > stack { + background-color: transparent; + border-radius: 13px; +} + +.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +.nautilus-window.csd.background.unified headerbar { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0; +} + +.nautilus-window placessidebar { + background: none; + margin-right: 6px; +} + +.nautilus-window placessidebar list { + background: none; +} + +.nautilus-window placessidebar row { + padding-left: 6px; +} + +.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus { + transition: none; + animation: none; + background: none; + box-shadow: none; +} + +.nautilus-window placessidebar row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); + margin-right: 6px; +} + +.nautilus-window placessidebar row label.sidebar-label { + padding-left: 18px; + color: rgba(255, 255, 255, 0.7); + border-radius: 0 7px 7px 0; +} + +.nautilus-window placessidebar row:hover label.sidebar-label { + background-color: rgba(255, 255, 255, 0.03); +} + +.nautilus-window placessidebar row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar row:selected label.sidebar-label { + color: #9e9ff9; + background-color: rgba(255, 255, 255, 0.06); +} + +.nautilus-window placessidebar row:selected image.sidebar-icon { + color: #FFFFFF; +} + +.nautilus-window placessidebar separator { + background-color: transparent; +} + +.nautilus-window headerbar { + background-color: rgba(49, 49, 58, 0.97); + background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png")); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + padding-left: 54px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.nautilus-window headerbar .path-bar-box { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + border-radius: 100px; + padding-left: 22px; + margin-left: 6px; + margin-right: 6px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 100px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child { + color: #FFFFFF; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop { + color: rgba(255, 255, 255, 0.5); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar { + border-radius: 9999px; + margin: 6px; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar .dim-label, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-notification .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-switcher .notification-body, .budgie-notification .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .budgie-switcher .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar label.separator, .nautilus-window .windowhandle .linked.nautilus-path-bar headerbar .subtitle, headerbar .nautilus-window .windowhandle .linked.nautilus-path-bar .subtitle { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: #FFFFFF; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup { + border-radius: 9999px; +} + +.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window paned > separator { + min-width: 20px; + color: transparent; + background-image: url("assets/scalable/side-paned.svg"); + background-size: 20px 750px; + background-position: left center; + background-repeat: no-repeat; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + border-style: solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 13px 13px 0 0; + background-color: #31313a; + background-clip: border-box; + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0; +} + +.nautilus-window .floating-bar.bottom.left { + margin-right: 7px; + border-left-style: none; + border-top-left-radius: 0; + border-bottom-left-radius: 13px; +} + +.nautilus-window .floating-bar.bottom.right { + margin-left: 7px; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 13px; +} + +.nautilus-window .floating-bar button { + margin: 4px; +} + +.nautilus-window.maximized .floating-bar { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); + background-color: rgba(52, 52, 59, 0.65); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window flowboxchild > widget > .icon-item-background { + padding: 4px; + border-radius: 5px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window flowboxchild:selected > widget > .icon-item-background { + background-color: #5657f5; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item:not(:selected) { + color: #FFFFFF; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +@keyframes needs_attention_keyframes { + to { + background-color: rgba(255, 255, 255, 0.15); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; +} + +.disk-space-display.unknown { + background-color: #FF6D00; +} + +.disk-space-display.used { + background-color: #5657f5; +} + +.disk-space-display.free { + background-color: rgba(255, 255, 255, 0.08); +} + +.conflict-row:not(:selected) { + background-color: #6f4329; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: rgba(255, 255, 255, 0.5); +} + +/********* + * gedit * + *********/ +.open-document-selector-path-label { + color: rgba(255, 255, 255, 0.7); + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-document-panel { + background-color: #44454b; +} + +.gedit-document-panel row button.flat { + margin: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.gedit-search-slider { + margin: 4px 4px 8px; +} + +.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { + border-radius: 7px; +} + +.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider entry:dir(ltr) { + margin-right: -66px; + padding-right: 66px; +} + +.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider entry:dir(rtl) { + margin-left: -66px; + padding-left: 66px; +} + +.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider entry.error ~ button { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { + color: #FFFFFF; +} + +.gedit-search-slider entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider button { + border: solid 6px transparent; +} + +.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +paned.titlebar.horizontal headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal { + padding: 3px 3px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 0 0 2px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button { + padding: 4px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle { + padding: 4px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 2px 6px 6px; + border-radius: 7px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable { + padding: 3px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +/********************** + * Gnome Tweak Tool * + **********************/ +.tweak-categories { + background-image: image(#44454b); +} + +.csd .tweak-categories { + border-bottom-left-radius: 13px; +} + +leaflet list.navigation-sidebar { + background-color: #3b3b43; + border-bottom-left-radius: 13px; +} + +leaflet list.navigation-sidebar > separator { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#31313a); +} + +.tweak-group-startup row.tweak-startup { + border-radius: 13px; + background-color: transparent; + background-image: none; +} + +list.tweak-group list, list#ListBoxTweakGroup list { + padding: 0; +} + +row#Focus, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 -2px #5657f5; + background-color: #31313a; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.08); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #DD2C00; + color: #FFFFFF; +} + +window.workbench treeview.image { + color: rgba(255, 255, 255, 0.7); +} + +window.workbench treeview.image:selected { + color: rgba(255, 255, 255, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 7px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 7px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +preferences stacksidebar.sidebar list { + background-color: #44454b; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 7px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 7px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.08); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +docktab { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +docktab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); + color: #FFFFFF; +} + +docktab:checked { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #5657f5; + background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #FFFFFF; +} + +dockoverlayedge { + background-color: #34343b; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +dockoverlayedge.right-edge docktab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +pillbox { + background-color: #34343b; + border-radius: 7px; +} + +layoutpane entry.search { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 10px; + padding-right: 10px; +} + +button.dzlmenubutton image { + min-width: 30px; +} + +button.dzlmenubutton image.arrow { + min-width: 27px; +} + +button.dzlmenubuttonitem { + color: #FFFFFF; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +idelayoutstackheader button:checked { + color: #FFFFFF; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #34343b; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + outline-offset: -6px; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #FFFFFF; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #5657f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #5657f5; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + background-color: #7C4DFF; + color: #FFFFFF; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 13px 13px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.08); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(255, 255, 255, 0.08); +} + +.side-panel .view { + background-image: image(#44454b); +} + +.side-panel .view:hover { + background-image: image(#4d4e54); +} + +.side-panel .view:selected { + background-image: image(#5657f5); +} + +.side-panel .view:selected:hover { + background-image: image(#5e5ff6); +} + +.songs-list:hover { + background-image: image(rgba(255, 255, 255, 0.05)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/******************* + * Archive Manager * + *******************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 13px 13px; + background-color: #31313a; +} + +.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 13px; + background-color: #34343b; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +/************** + * Gnome-Logs * + **************/ +headerbar > button.flat.popup.title-menu-button.toggle > grid .title { + margin: -3px 0; + padding: 2px 4px 0; + font-size: 90%; +} + +headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle { + margin: -3px 0; + padding: 0 4px 2px; + font-size: 80%; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 13px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator { + background-image: image(#31313a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#7C4DFF); + color: #FFFFFF; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2d2d33); + color: #cccccc; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3e3e45); + color: #FFFFFF; +} + +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(#48484f); + color: #FFFFFF; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-color: #5657f5; + color: #FFFFFF; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#31313a); + background-color: #31313a; + color: #5657f5; + transition: none; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #5657f5; +} + +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, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus { + background-color: rgba(255, 255, 255, 0.2); + background-image: image(#31313a); +} + +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(#5657f5); + color: #FFFFFF; +} + +/************************ + * Gnome Control Center * + ************************/ +stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle { + margin: 8px 6px; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +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 { + border-right-style: none; + background: none; + min-width: 0; +} + +window.background.csd > box.horizontal > separator.sidebar, +window.background.csd > hdyleaflet > separator.sidebar, +window.background.csd > leaflet > separator.sidebar { + background: none; + min-width: 0; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > leaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + border-radius: 0 0 13px 13px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > leaflet > 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: #31313a; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > hdyleaflet > stack.background frame.view, +window.background.csd > leaflet > stack.background frame.view, +window.background.csd > box.horizontal > stack.background frame.view { + border-radius: 7px; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #31313a; + border-bottom-left-radius: 14px; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > leaflet > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > leaflet > 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; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable { + margin-right: 4px; + border-radius: 0 7px 7px 0; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #9e9ff9; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label { + color: #9e9ff9; +} + +hdyleaflet > separator.sidebar, leaflet > separator.sidebar { + border-right-style: none; + background: none; + min-width: 0; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #31313a; + border-radius: 0 0 13px 13px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view { + background: none; +} + +/************************ + * Gnome sound recorder * + ************************/ +stack > grid.vertical > scrolledwindow.frame { + border: none; +} + +stack > grid.vertical > scrolledwindow.frame > viewport.frame list { + border-radius: 0 0 13px 13px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + background-color: #5657f5; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked { + color: #FFFFFF; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +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 .contacts-contact-form { + border-bottom-right-radius: 13px; +} + +/****************** + * Gnome calender * + ******************/ +popover.background datechooser day.day.other-month { + color: rgba(255, 255, 255, 0.12); +} + +popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.12); +} + +popover.background datechooser label.weekday { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; +} + +/**************** + * Gnome clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 13px; + border-top-right-radius: 13px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 13px; + border-top-right-radius: 13px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/**************** + * Gnome Weather * + ****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 13px; +} + +#weather-page-content-view { + border-bottom-right-radius: 13px; + border-bottom-left-radius: 13px; +} + +/********* + * To Do * + *********/ +taskrow { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +taskrow:hover { + transition: none; +} + +taskrow label { + margin: 0 8px; +} + +taskrow image { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -6px; +} + +/******* + * eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +#eog-thumb-nav button { + -gtk-outline-radius: 7px; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 13px; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/******** + * gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +list.categories { + background-image: image(#44454b); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.3); + color: #FFFFFF; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 36px; +} + +/********* + * Geary * + *********/ +window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 13px; +} + +window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 13px; +} + +window.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 13px; +} + +window.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: none; + border-bottom-right-radius: 13px; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +/************ + * Terminal * + ************/ +window.background > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 13px; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 13px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list { + border-bottom-left-radius: 13px; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 13px; +} + +dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 13px 0; +} + +dialog.background.csd > box.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 13px 13px; + background-color: #31313a; +} + +dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame { + border-radius: 7px; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view { + border-radius: 7px; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view { + border-radius: 7px; +} + +/****************** + * Unified window * + ******************/ +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +window.background.csd.unified headerbar.selection-mode { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 13px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + +.nemo-window .nemo-places-sidebar { + background-color: #34343b; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 3px; + padding: 3px 10px; + border: 2px solid #5657f5; + background-color: rgba(86, 87, 245, 0.1); +} + +.nemo-window toolbar.primary-toolbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1); + padding: 0 6px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + border: none; +} + +.nemo-window toolbar.primary-toolbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button { + min-height: 36px; + min-width: 36px; + margin: 6px 2px; + padding: 0 0; + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active { + color: #FFFFFF; +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button { + min-height: 0; + margin: 6px 0; + padding: 0 12px; + color: rgba(255, 255, 255, 0.7); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked { + color: #FFFFFF; +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child { + padding: 0 6px; +} + +.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label { + padding-left: 0; + padding-right: 0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +/********* + * Tilix * + *********/ +.tilix-background { + border-radius: 0; +} + +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#44454b); +} + +.terminix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + background-color: #FF5252; +} + +.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked, +.tilix-session-sidebar button.tilix-sidebar-close-button, +.tilix-session-sidebar button.tilix-sidebar-close-button:hover, +.tilix-session-sidebar button.tilix-sidebar-close-button:active, +.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +.terminix-session-sidebar button.tilix-sidebar-close-button:hover, +.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-image: image(#ff6c6c); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked, +.tilix-session-sidebar button.tilix-sidebar-close-button:active, +.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#ff1f1f); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +button.image-button.session-new-button { + min-width: 32px; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding: 0 8px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 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:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; + color: #FFFFFF; +} + +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; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 7px; +} + +/************ + * Chromium * + ************/ +tooltip.chromium { + background-color: #31313a; +} + +/*********** + * Firefox * + ***********/ +window.background:not(.csd) > widget > separator { + color: rgba(0, 0, 0, 0.2); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.2); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 8px; + box-shadow: none; +} + +window.background:not(.csd) > widget > entry { + min-height: 30px; +} + +window.background:not(.csd) > widget > entry:focus { + border-color: #5657f5; +} + +window.background:not(.csd) > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +window.background:not(.csd) > widget > button > button:hover { + background-image: image(alpha(currentColor, 0.05)); +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(alpha(currentColor, 0.1)); +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked), +window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { + color: #757575; +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { + color: #212121; +} + +window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, +window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { + color: rgba(117, 117, 117, 0.5); +} + +window.background:not(.csd) .menu { + border-radius: 0; +} + +window.background:not(.csd) > window:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border: none; + border-radius: 0; + padding: 4px 0; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem, +window.background:not(.csd) > menu > menu menuitem { + transition: none; + border-radius: 0; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, +window.background:not(.csd) > menu > menu menuitem:hover { + background-color: #5657f5; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image, +window.background:not(.csd) > menu > menu menuitem:hover, +window.background:not(.csd) > menu > menu menuitem:hover image { + color: #FFFFFF; +} + +window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator, +window.background:not(.csd) > menu > menu menuitem:hover accelerator { + color: rgba(255, 255, 255, 0.7); +} + +window.background:not(.csd) > window.csd > menu menuitem { + transition: none; +} + +window.background:not(.csd) > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +window.background:not(.csd) > widget > menubar:hover { + color: #FFFFFF; +} + +window.background:not(.csd) > widget > menubar:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.background:not(.csd) > widget > frame { + color: #474751; +} + +window.background:not(.csd) > widget > checkbutton > check, +window.background:not(.csd) > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +window.background:not(.csd) > window.background > menu > separator { + color: #474751; +} + +#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration { + border-radius: 2px 2px 0 0; +} + +#MozillaGtkWidget.background headerbar.titlebar { + border-radius: 2px 2px 0 0; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton { + min-width: 20px; + min-height: 20px; + margin: 6px 2px; + padding: 0; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; +} + +window.background.chromium { + background-color: #34343b; + color: #FFFFFF; +} + +window.background.chromium headerbar.titlebar { + padding: 0 18px; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize { + border: none; + min-width: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:hover, window.background.chromium headerbar.titlebar button.titlebutton.maximize:hover, window.background.chromium headerbar.titlebar button.titlebutton.minimize:hover { + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked, window.background.chromium headerbar.titlebar button.titlebutton.maximize:active, window.background.chromium headerbar.titlebar button.titlebutton.maximize:checked, window.background.chromium headerbar.titlebar button.titlebutton.minimize:active, window.background.chromium headerbar.titlebar button.titlebutton.minimize:checked { + color: #FFFFFF; +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:hover { + padding: 0; + margin: 0 2px; + box-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked { + padding: 0; + margin: 0 2px; + box-shadow: none; + color: #FFFFFF; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474751; + color: #FFFFFF; +} + +window.background.chromium entry.chromium { + border-image: none; + border: 1px solid #474751; +} + +window.background.chromium entry.chromium:focus { + border-color: #5657f5; +} + +window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd { + color: #565656; +} + +window.background.chromium > textview.view { + background-color: #34343b; + color: #FFFFFF; +} + +window.background.chromium > menubar { + background-color: #31313a; +} + +window.background.chromium > menu { + color: #FFFFFF; + background-color: #3c3c46; + border: 1px solid #474751; + border-radius: 0; +} + +window.background.chromium > menu > separator, window.background.chromium > menu .separator { + background-color: #474751; + color: #474751; + border: none; +} + +window.background.chromium > menu > menuitem { + color: #FFFFFF; + border-radius: 0; +} + +window.background.chromium > menu > menuitem:hover { + color: #FFFFFF; + background-color: #5657f5; +} + +window.background.chromium > menu > menuitem:disabled { + color: rgba(255, 255, 255, 0.45); +} + +window.background.chromium > menu > menuitem accelerator { + color: rgba(255, 255, 255, 0.45); +} + +/************* + * RhythmBox * + *************/ +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +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.08); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +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 > box.vertical > toolbar button, +window.background > box.vertical > box.vertical > toolbar .linked > button { + min-width: 52px; + min-height: 52px; + padding: 0; + margin: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised { + min-width: 52px; + min-height: 52px; + margin: 0; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 12px; + margin-bottom: 12px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +/*********** + * Geary * + ***********/ +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border { + border-width: 0; +} + +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) { + border: none; +} + +.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) { + border: none; +} + +.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left { + border-radius: 0; + box-shadow: none; +} + +.geary-titlebar-right separator, +.geary-titlebar-left separator { + opacity: 0; +} + +stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame { + border: none; +} + +popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label { + color: rgba(255, 255, 255, 0.8); +} + +popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +/*********** + * Synapse * + ***********/ +box.vertical > widget > widget:selected { + background-color: #5657f5; +} + +/*********** + * xfce4 * + ***********/ +.xfce4-panel button, .xfce4-panel button.flat { + color: rgba(255, 255, 255, 0.7); + border-radius: 0; + border: none; + box-shadow: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked) { + color: #FFFFFF; + box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5); +} + +.xfce4-panel button:checked, .xfce4-panel button:active { + color: #FFFFFF; + background: none; + box-shadow: inset 0 -2px #7C4DFF; +} + +.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image { + color: inherit; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #34343b; + color: #FFFFFF; +} + +.xfce4-panel { + background-color: #25252d; + color: rgba(255, 255, 255, 0.7); + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +.xfce4-panel#XfcePanelWindow { + border: 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: #7C4DFF; + 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 widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 5px; + background: transparent; + color: #FFFFFF; + 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: #5657f5; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #31313a; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) { + border-radius: 3px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked { + background-color: #5657f5; + color: #FFFFFF; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; +} + +window.thunar .sidebar { + border-top: none; +} + +window.thunar toolbar#location-toolbar { + background-color: #31313a; + color: #FFFFFF; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +window.thunar toolbar#location-toolbar entry { + min-height: 0; +} + +window.thunar toolbar#location-toolbar button { + color: rgba(255, 255, 255, 0.7); +} + +window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked { + color: #FFFFFF; +} + +window.thunar toolbar#location-toolbar button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view { + border-radius: 3px; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: rgba(255, 255, 255, 0.8); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #FFFFFF; + border-radius: 0 0 0 0; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 8px; + -UnityDecoration-shadow-offset-x: 0; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -UnityDecoration-active-shadow-radius: 18px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -UnityDecoration-inactive-shadow-radius: 6px; + -UnityDecoration-glow-size: 8px; + -UnityDecoration-glow-color: #5657f5; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 13px 13px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + color: #FFFFFF; +} + +UnityDecoration .top:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #FFFFFF; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 7px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #25252d; + color: #FFFFFF; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #FFFFFF; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #5657f5; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: #25252d; + font-weight: 500; +} + +.mate-panel-menu-bar:not(.popup) { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(255, 255, 255, 0.08); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: transparent; +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #FFFFFF; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 28px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -GtkWidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + color: rgba(255, 255, 255, 0.7); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #5C6BC0; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: rgba(255, 255, 255, 0.3); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #5657f5; +} + +#clock-applet-button { + color: rgba(255, 255, 255, 0.7); +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow ClockMap { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +#MatePanelPopupWindow widget { + color: rgba(255, 255, 255, 0.08); +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 3px; + -NaTrayApplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #34343b; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +#mate-menu { + border: 1px solid rgba(255, 255, 255, 0.08); +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #FFFFFF; + font-weight: normal; +} + +#mate-menu button label:not(:first-child) { + color: rgba(255, 255, 255, 0.7); +} + +#mate-menu entry { + margin: 0 0 8px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 8px; + padding: 6px; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 5px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #31313a; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border-radius: 5px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.lock-dialog frame > border { + border-style: none; +} + +/****************** + * Budgie Desktop * + ******************/ +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { + color: rgba(255, 255, 255, 0.7); + background-color: transparent; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; + box-shadow: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; + padding: 0 2px; + margin: 0; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + margin: 4px 2px; + min-height: 16px; + border-radius: 7px; + -gtk-outline-radius: 7px; +} + +.budgie-settings-window list.sidebar { + background-color: #31313a; + border-radius: 0 0 0 13px; +} + +.budgie-popover { + border-color: #44454b; + border-radius: 9px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + background-color: #3c3c46; +} + +.budgie-popover .container { + padding: 6px; +} + +.budgie-popover .container .container { + padding: 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover button { + border-radius: 3px; +} + +.budgie-popover button:checked { + color: white; + background-color: #5657f5; +} + +.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 0; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #FFFFFF; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu separator { + margin: 3px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 9px; +} + +.budgie-popover.night-light-indicator .view-header { + margin-left: 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.08); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 6px 6px; +} + +.budgie-popover.workspace-popover separator { + margin: 3px 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: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: 7px; +} + +.budgie-menu.background { + padding: 0; + background-color: #31313a; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border-radius: 0; + font-size: 120%; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); + background-color: transparent; + color: #FFFFFF; +} + +.budgie-menu entry.search:focus { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2); +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #FFFFFF; + font-weight: normal; +} + +.budgie-menu button:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-menu button:checked:disabled { + background-color: #5657f5; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +.budgie-menu list.left-overlay-menu { + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + padding: 6px; + margin: 6px; + border-radius: 8px; +} + +.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 2px; +} + +.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 3px; +} + +.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 2px; +} + +.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(255, 255, 255, 0.08); + padding: 6px; +} + +.budgie-menu .budgie-menu-footer button.flat { + min-height: 16px; + min-width: 16px; + padding: 6px; + border-radius: 2px; +} + +.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; +} + +.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) { + margin-right: 6px; +} + +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.08); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: #25252d; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(37, 37, 45, 0.85); +} + +.bottom .budgie-panel.dock-mode { + border-radius: 13px 13px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 13px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 13px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 13px 13px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-right-radius: 13px; +} + +.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-right-radius: 13px; +} + +.right .budgie-panel.dock-mode { + border-radius: 13px 0 0 13px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 13px; +} + +.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-bottom-left-radius: 13px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + color: #FFFFFF; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.budgie-panel menubar > menuitem menu, +.budgie-panel .menubar > menuitem menu { + border-radius: 0 0 8px 8px; +} + +.budgie-panel menubar > menuitem menu menu, +.budgie-panel .menubar > menuitem menu menu { + border-radius: 8px; +} + +.budgie-panel menubar > menuitem menu separator, +.budgie-panel .menubar > menuitem menu separator { + background: none; +} + +.budgie-panel .alert { + color: #66BB6A; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1); +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(255, 255, 255, 0.3); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .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), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .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), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .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), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .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), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .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, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .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, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .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, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .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, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + + +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 { + background-color: transparent; +} + + +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-image: image(#7C4DFF); + background-size: 6px 3px; + background-position: top center; +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, +.top .budgie-panel .pinned button.flat.launcher.running:checked, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.top .budgie-panel .unpinned button.flat.launcher:checked:hover, +.top .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 6px 3px; + background-position: bottom center; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 3px 6px; + background-position: left center; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, +.left .budgie-panel .pinned button.flat.launcher.running:checked, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked:hover, +.left .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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-image: image(#7C4DFF); + background-size: 3px 6px; + background-position: right center; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, +.right .budgie-panel .pinned button.flat.launcher.running:checked, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked:hover, +.right .budgie-panel .pinned button.flat.launcher.running:checked:hover, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { + transition: none; +} + +.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, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked { + border-image: none; +} + +widget.icon-tasklist > box:drop(active), +box.pinned:drop(active) { + border: none; + border-radius: 0; + background-color: rgba(255, 167, 38, 0.2); + box-shadow: inset 0 0 0 1px #FFA726; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #FFA726; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.raven { + background-color: rgba(49, 49, 58, 0.95); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher.linked > button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 0; +} + +.raven stackswitcher.linked > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header.top { + padding: 0 0; + background-color: #31313a; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0; + min-height: 36px; + padding: 6px 24px; +} + +.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.08); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(255, 255, 255, 0.08); +} + +.raven .raven-background grid > label:first-child { + min-height: 36px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget scale.marks-after label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.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(255, 255, 255, 0.06); + color: #FFFFFF; + box-shadow: inset 2px 0 #5657f5; +} + +.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: #FFFFFF; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 16px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 7px; + background-color: #5657f5; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.6); + color: #FFFFFF; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list { + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *, +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * { + color: #FFFFFF; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image { + padding-left: 8px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button { + min-height: 32px; + min-width: 32px; + margin: 8px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list { + border-radius: 2px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover { + background-color: rgba(255, 255, 255, 0.06); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label { + padding: 0 16px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected { + background-color: rgba(86, 87, 245, 0.75); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *, +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * { + color: white; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button { + border: none; +} + +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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, 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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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); +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(86, 87, 245, 0.65); +} + +.drop-shadow { + margin: 50px; + padding: 6px; + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); +} + +.drop-shadow .linked > button { + border-radius: 7px; +} + +.budgie-notification-window { + background-color: transparent; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd-window { + background-color: transparent; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.budgie-switcher-window { + background-color: transparent; +} + +.budgie-power-dialog.background { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + border-radius: 19px; +} + +.budgie-power-dialog .titlebar { + background: none; + box-shadow: none; +} + +.budgie-run-dialog, .budgie-polkit-dialog, +.budgie-session-dialog { + border-radius: 7px; + background-color: #44454b; +} + +.budgie-run-dialog decoration, .budgie-polkit-dialog decoration, +.budgie-session-dialog decoration { + border-radius: 7px; +} + +.background.budgie-run-dialog, .background.budgie-polkit-dialog, +.background.budgie-session-dialog { + border-radius: 7px; +} + +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; +} + +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 7px; +} + +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 7px; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, +.budgie-session-dialog .linked.horizontal > button.suggested-action, +.budgie-session-dialog .linked.horizontal > button.suggested-action:hover { + color: #7C4DFF; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, +.budgie-session-dialog .linked.horizontal > button.suggested-action:active, +.budgie-session-dialog .linked.horizontal > button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled, +.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled { + opacity: 0.65; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, +.budgie-session-dialog .linked.horizontal > button.destructive-action, +.budgie-session-dialog .linked.horizontal > button.destructive-action:hover { + color: #FF5252; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, +.budgie-session-dialog .linked.horizontal > button.destructive-action:active, +.budgie-session-dialog .linked.horizontal > button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled, +.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled { + opacity: 0.65; +} + +.budgie-polkit-dialog .message { + color: rgba(255, 255, 255, 0.5); +} + +.budgie-polkit-dialog .failure { + color: #FF5252; +} + +.budgie-run-dialog { + background-color: #31313a; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 14px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.budgie-panel box.titlebar { + min-width: 16px; + min-height: 16px; + border-radius: 0; + background: unset; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + min-width: 16px; + min-height: 16px; + padding: 0; + margin: 0; + background: none; + box-shadow: none; + border: none; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton image { + border-radius: 100px; + background-size: 16px 16px; + background-position: center center; + background-repeat: no-repeat; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:hover { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:hover image { + background-image: image(rgba(255, 255, 255, 0.12)); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:active { + color: #FFFFFF; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:active image { + background-image: image(rgba(255, 255, 255, 0.3)); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close { + padding: 0; + margin: 0; + box-shadow: none; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image { + background-image: image(#EF5350); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image { + background-image: image(#5657f5); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image { + opacity: 0; +} + +.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; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: rgba(66, 66, 73, 0.85); + color: #FFFFFF; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(255, 255, 255, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #FFFFFF; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(255, 255, 255, 0.3); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: 0; + box-shadow: none; + background-color: #44454b; +} + +#content_frame { + padding-bottom: 20px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#greeter_infobar { + margin-top: -1px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color currentColor; +/* +widget base background color */ +@define-color theme_bg_color #34343b; +/* +text widgets and the like base background color */ +@define-color theme_base_color #31313a; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5657f5; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #FFFFFF; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #34343b; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color alpha(currentColor, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #3b3b43; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color currentColor; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #34343b; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #31313a; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5657f5; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #FFFFFF; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color alpha(currentColor, 0.5); +/* +widgets main borders color */ +@define-color borders alpha(currentColor, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders alpha(currentColor, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FF6D00; +@define-color error_color #DD2C00; +@define-color success_color #00C853; +/* +FIXME this is really an API */ +@define-color content_view_bg #31313a; +@define-color placeholder_text_color #c1c1c4; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232329; +@define-color budgie_tasklist_indicator_color #7C4DFF; +@define-color budgie_tasklist_indicator_color_active #7C4DFF; +@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931); +@define-color budgie_tasklist_indicator_color_attention #FF6D00; +@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/gtk-4.0/assets b/gtk-4.0/assets new file mode 120000 index 0000000..ac77667 --- /dev/null +++ b/gtk-4.0/assets @@ -0,0 +1 @@ +../gtk-assets \ No newline at end of file diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css new file mode 100644 index 0000000..afd25a3 --- /dev/null +++ b/gtk-4.0/gtk-dark.css @@ -0,0 +1,7542 @@ +@keyframes ripple_effect { + to { + background-size: 1000% 1000%; + } +} + +@keyframes scale_ripple_effect { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle, #5657f5 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #5657f5 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -gtk-secondary-caret-color: #5657f5; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #34343b; + color: #FFFFFF; +} + +.background.csd { + border-radius: 13px; + background-color: #34343b; +} + +.background.maximized, .background.tiled, .background.fullscreen, .background.solid-csd { + border-radius: 0; +} + +dnd { + color: #FFFFFF; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #31313a; + color: #FFFFFF; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +textview > text { + background-color: #31313a; +} + +textview > border { + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +textview:drop(active) { + caret-color: #FFA726; +} + +iconview { + border-radius: 5px; +} + +iconview > dndtarget:drop(active) { + border: none; +} + +rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5C6BC0; + background-color: rgba(92, 107, 192, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 7px; +} + +gridview > child { + padding: 3px; +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #FFFFFF; + background-color: #31313a; + border: none; +} + +label.separator { + color: #FFFFFF; +} + +label > selection { + background-color: #5657f5; + color: #FFFFFF; +} + +.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle, headerbar .subtitle, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { + opacity: 0.6; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant.csd .sidebar { + border-top-style: none; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #FFFFFF; +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +.osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd { + color: rgba(255, 255, 255, 0.8); + border: none; + background-color: rgba(37, 37, 45, 0.85); + background-clip: padding-box; + border-radius: 8px; + padding: 6px; + margin: 6px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16); +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + 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 { + 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; +} + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 36px; + padding: 0 8px; + border-radius: 7px; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; + outline: none; +} + +spinbutton:focus-within:not(.vertical), entry:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton:disabled:not(.vertical), entry:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +colorchooser .popover.osd spinbutton:not(.vertical), window.dialog.message entry, notebook > stack:not(:only-child) entry:not(.search), +notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat { + border-radius: 0; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search), +notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within, +popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5; + outline: none; +} + +colorchooser .popover.osd spinbutton:disabled:not(.vertical), window.dialog.message entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search), +notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton:not(.vertical) image, entry image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { + color: #FFFFFF; +} + +spinbutton:not(.vertical) image:disabled, entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image.left, entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton:not(.vertical) image.right, entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { + opacity: 0; +} + +spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { + color: #31313a; + background-color: #FFFFFF; +} + +spinbutton:not(.vertical) undershoot.left > undershoot.left, entry undershoot.left > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +spinbutton:not(.vertical) undershoot.right > undershoot.right, entry undershoot.right > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { + color: rgba(255, 255, 255, 0.3); +} + +spinbutton.error:not(.vertical), entry.error { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #DD2C00; + color: #FFFFFF; + outline: none; +} + +spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton.error:disabled:not(.vertical), entry.error:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.error.flat:not(.vertical), entry.error.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px #DD2C00, inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +spinbutton.error.flat:focus-within:not(.vertical), entry.error.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #DD2C00; + outline: none; +} + +spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.error:not(.vertical) image, entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { + color: #FFFFFF; +} + +spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical), entry.warning { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #FF6D00; + color: #FFFFFF; + outline: none; +} + +spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.warning.flat:not(.vertical), entry.warning.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px #FF6D00, inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +spinbutton.warning.flat:focus-within:not(.vertical), entry.warning.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #FF6D00; + outline: none; +} + +spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.warning:not(.vertical) image, entry.warning image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { + color: #FFFFFF; +} + +spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) > progress, entry > progress { + margin: 2px -6px; +} + +spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-bottom: 2px solid #5657f5; + box-shadow: none; +} + +.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { + border-radius: 0; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: #31313a; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + border-image: none; + box-shadow: none; +} + +editablelabel > stack > text { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; + outline: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.entry-tag:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #9e9ff9 0%, rgba(158, 159, 249, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #9e9ff9 95%, rgba(158, 159, 249, 0)); + } +} + + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 7px; + font-weight: 500; + transition: 100ms; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: rgba(255, 255, 255, 0.8); + outline: none; +} + + +button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + outline: none; +} + + +button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + + +button:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.3); + outline: none; +} + + +button:checked { + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + outline: none; +} + + +button:checked:disabled { + background-color: rgba(86, 87, 245, 0.3); + color: rgba(86, 87, 245, 0.5); + background-image: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button, window.dialog.message.csd .linked.dialog-action-area:not(.vertical) > button, window.dialog.message .linked.dialog-action-area:not(.vertical) > button, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, splitbutton.flat > button, +splitbutton.flat > menubutton > button, menubutton.flat > button, banner > revealer > widget button, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), popover.background modelbutton, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, +pathbar > button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button, .toolbar button, +button.flat { + transition: 100ms; + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:hover, window.dialog.message .linked:not(.vertical).dialog-action-area > button:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, banner > revealer > widget button:hover, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), popover.background modelbutton:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, +pathbar > button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:hover, .toolbar button:hover, +button.flat:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #FFFFFF; + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, banner > revealer > widget button:active, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), popover.background modelbutton:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, +pathbar > button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:active, .toolbar button:active, +button.flat:active { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + background-image: none; + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:disabled, window.dialog.message .linked:not(.vertical).dialog-action-area > button:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, banner > revealer > widget button:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, +pathbar > button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:disabled, .toolbar button:disabled, +button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); + outline: none; +} + +splitbutton.flat > button:checked, +splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, banner > revealer > widget button:checked, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, +pathbar > button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:checked, .toolbar button:checked, +button.flat:checked { + background-color: rgba(255, 255, 255, 0.2); + color: #FFFFFF; + background-image: none; + outline: none; +} + +splitbutton.flat > button:checked:disabled, +splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, banner > revealer > widget button:checked:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, +pathbar > button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:checked:disabled, .toolbar button:checked:disabled, +button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + + +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + + +button.image-button { + min-width: 24px; + padding: 6px; +} + + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked > button.flat, .linked.vertical > button.flat { + border-radius: 7px; +} + +.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button { + border-radius: 7px; +} + +row:selected button:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.3); +} + +banner > revealer > widget button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat { + color: rgba(255, 255, 255, 0.7); +} + +banner > revealer > widget button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, banner > revealer > widget button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active { + color: #FFFFFF; +} + +banner > revealer > widget button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled { + color: rgba(255, 255, 255, 0.3); +} + +banner > revealer > widget button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked { + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; +} + +banner > revealer > widget button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + + +button.osd { + padding: 12px 16px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + + +button.osd:active { + background-color: rgba(0, 0, 0, 0.85); + color: white; +} + + +button.osd.image-button { + padding: 12px; +} + + +button.osd:disabled { + opacity: 0; +} + + +button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + + +button.suggested-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.suggested-action:checked { + background-color: #a382ff; +} + + +button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; + background-image: none; +} + + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.suggested-action.flat:checked { + background-image: none; + background-color: rgba(124, 77, 255, 0.3); +} + + +button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #EF5350, #FF5252); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + + +button.destructive-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.destructive-action:checked { + background-color: #ff8686; +} + + +button.destructive-action.flat { + background-color: transparent; + color: #FF5252; + background-image: none; +} + + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.destructive-action.flat:checked { + background-image: none; + background-color: rgba(255, 82, 82, 0.3); +} + +stackswitcher > button { + outline-offset: -4px; +} + +stackswitcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +stackswitcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +stackswitcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +stackswitcher > button.image-button { + padding-left: 4px; + padding-right: 4px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +menubutton.circular > button, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action), row button.image-button, headerbar.default-decoration windowcontrols button, headerbar button.suggested-action, headerbar button.destructive-action, headerbar button:not(.suggested-action):not(.destructive-action), check, +radio, popover.menu box.circular-buttons button.circular.image-button.model, +button.close, +button.circular, +button.round-button { + border-radius: 9999px; +} + +.nautilus-window.background.csd .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button { + border-radius: 0; +} + +row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child { + border-radius: 7px; +} + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { + border-radius: 0; +} + +.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 7px; +} + +.toolbar button { + margin: 1px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; +} + +/********* + * Links * + *********/ +button.link, +link { + color: #039BE5; +} + +button.link:visited, +link:visited, +link:visited:hover, +link:visited:active { + color: #E040FB; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, button.link:selected, *:selected button.link, +link:selected, *:selected link { + color: rgba(255, 255, 255, 0.7); +} + +.link selection { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; +} + +spinbutton > text > block-cursor { + background-color: #FFFFFF; + color: #31313a; +} + +spinbutton:not(.vertical) { + padding: 0; +} + +notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, +spinbutton:not(.vertical) text { + min-width: 32px; + margin: 0; + padding-left: 12px; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 7px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical:drop(active) { + box-shadow: none; +} + +spinbutton.vertical text { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button.up { + border-radius: 7px 7px 0 0; +} + +spinbutton.vertical button.down { + border-radius: 0 0 7px 7px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 10px; + padding-right: 10px; +} + +dropdown button.combo:checked, +combobox button.combo:checked { + transition: none; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-bottom-right-radius: 7px; + border-top-right-radius: 7px; +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +notebook > stack:not(:only-child) button.combo, popover.background button.combo { + border-radius: 0; + background-image: none; + font-weight: inherit; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 2px; + background-color: #34343b; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.horizontal > separator, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) scale, +.toolbar:not(.inline-toolbar):not(.osd) entry, +.toolbar:not(.inline-toolbar):not(.osd) spinbutton, +.toolbar:not(.inline-toolbar):not(.osd) button, +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +.toolbar:not(.inline-toolbar):not(.osd) spinbutton button, +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) switch, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +searchbar > revealer > box { + border-spacing: 0; + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton, +searchbar > revealer > box splitbutton { + margin: 0; +} + +actionbar > revealer > box { + box-shadow: none; + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +actionbar > revealer > box .linked > button { + border-radius: 7px; +} + +actionbar > revealer > box entry, +actionbar > revealer > box button, +actionbar > revealer > box menubutton, +actionbar > revealer > box splitbutton { + margin: 0; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 7px; +} + + +pathbar > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + + +pathbar > button:checked, +pathbar > button:checked:disabled { + background-color: transparent; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #474751; + border-top-color: #474751; +} + +columnview.view:selected, +treeview.view:selected { + border-left-color: rgba(255, 255, 255, 0.3); +} + +columnview.view:hover, columnview.view:active, columnview.view:selected, +treeview.view:hover, +treeview.view:active, +treeview.view:selected { + border-radius: 0; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 0.08); +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7C4DFF; +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +columnview.view.expander:hover, columnview.view.expander:active, +treeview.view.expander:hover, +treeview.view.expander:active { + color: #FFFFFF; +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:selected:hover, columnview.view.expander:selected:active, +treeview.view.expander:selected:hover, +treeview.view.expander:selected:active { + color: #FFFFFF; +} + +columnview.view.expander:selected:disabled, +treeview.view.expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 4px solid #5657f5; + box-shadow: none; + background-color: transparent; +} + +columnview.view.progressbar:selected, +treeview.view.progressbar:selected { + border-bottom-color: #FFFFFF; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 4px solid rgba(86, 87, 245, 0.3); + box-shadow: none; + background-color: transparent; +} + +columnview.view.trough:selected, +treeview.view.trough:selected { + border-bottom-color: rgba(255, 255, 255, 0.3); +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button, columnview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button, +treeview.view > header > button:hover, +treeview.view > header > button:active { + box-shadow: none; +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #31313a; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; + background-color: #31313a; + background-clip: border-box; + color: #5657f5; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5657f5; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +menubar > item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 6px 12px; + color: rgba(255, 255, 255, 0.7); +} + +menubar > item:hover { + transition: none; + color: #FFFFFF; + box-shadow: inset 0 -3px #5657f5; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu.background > contents { + padding: 6px; +} + +menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 8px; +} + +popover.menu { + padding: 0; +} + +popover.menu box.inline-buttons { + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + min-height: 28px; + min-width: 28px; +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: -2px; + margin-right: 6px; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 6px; + margin-right: -2px; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 32px; +} + +/************ + * Popovers * + ************/ +popover.background { + background-color: transparent; + font: initial; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); + background-color: rgba(60, 60, 70, 0.95); + border-radius: 8px; + color: rgba(255, 255, 255, 0.7); + border: none; +} + +popover.background > arrow:disabled, +popover.background > contents:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background:backdrop { + background-color: transparent; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +popover.background > contents separator { + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents listview.view { + background-color: transparent; +} + +popover.background > contents listview.view > row { + margin: 0; + border-radius: 5px; + padding: 6px 12px; +} + +popover.background > contents listview.view > row:selected { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +.linked > popover.background button { + border-radius: 7px; +} + +.linked > popover.background button:first-child { + border-radius: 7px; +} + +.linked > popover.background button:last-child { + border-radius: 7px; +} + +.linked > popover.background button:only-child { + border-radius: 7px; +} + +popover.background modelbutton { + min-height: 20px; + min-width: 40px; + padding: 5px 8px; + border-radius: 5px; + box-shadow: none; + animation: none; + transition: none; +} + +popover.background modelbutton arrow { + background: none; +} + +popover.background modelbutton arrow:hover { + background: none; +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +popover.background modelbutton:hover { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + box-shadow: none; +} + +popover.background modelbutton:hover:active { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + box-shadow: none; +} + +popover.background modelbutton:focus:not(:hover) { + transition: none; + background: none; + box-shadow: none; + animation: none; +} + +popover.background.menu button, popover.background button.model { + border-radius: 7px; +} + +popover.background checkbutton.text-button, +popover.background radiobutton.text-button { + outline-style: none; +} + +popover.background list separator { + margin: 0; +} + +popover.background label.separator { + color: rgba(255, 255, 255, 0.5); +} + +/************* + * Notebooks * + *************/ +frame > paned > notebook > header, notebook.frame > header { + background-color: #3b3b43; +} + +notebook, notebook.frame { + background-color: #31313a; + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook > header { + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; + border-radius: 9px 9px 0 0; +} + +notebook > header.top > tabs { + margin-bottom: -1px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > header.bottom { + border-top-style: solid; + border-radius: 0 0 9px 9px; +} + +notebook > header.bottom > tabs { + margin-top: -1px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #5657f5; +} + +notebook > header.left { + border-right-style: solid; + border-radius: 9px 0 0 9px; +} + +notebook > header.left > tabs { + margin-right: -1px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +notebook > header.right { + border-left-style: solid; + border-radius: 0 9px 9px 0; +} + +notebook > header.right > tabs { + margin-left: -1px; +} + +notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + color: #FFFFFF; +} + +notebook > header tab:hover.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + background-color: transparent; + color: #FFFFFF; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +notebook > header tab button.flat { + min-height: 24px; + min-width: 24px; + padding: 0; + margin: 0; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook > stack:not(:only-child) { + background-color: #31313a; + border-radius: 10px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(49, 49, 58, 0.65); + background-clip: border-box; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar > range > trough { + box-shadow: none; + outline: none; + background: none; + padding: 0; + margin: 0; +} + +scrollbar > range > trough > slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: none; + outline: none; + padding: 0; + margin: 0; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #FFFFFF; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar > range.fine-tune > trough > slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 49, 58, 0.9); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +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-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + min-height: 20px; + min-width: 42px; + border: 4px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.2); + background-clip: padding-box; + color: transparent; + font-size: 0; +} + +switch:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +switch:checked { + background-color: rgba(124, 77, 255, 0.35); + color: transparent; +} + +switch:checked:disabled { + background-color: rgba(124, 77, 255, 0.2); +} + +switch > slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 24px; + min-height: 24px; + margin: -4px -3px; + border-radius: 9999px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png")); +} + +switch:hover > slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +switch:checked > slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0; + background-color: #7C4DFF; + color: transparent; + background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png")); +} + +switch:disabled > slider { + background-color: #3b3b43; +} + +switch:checked:disabled > slider { + animation: none; + background-color: #573f9d; +} + +row:selected switch:checked { + background-color: rgba(68, 1, 255, 0.35); +} + +row:selected switch:checked:disabled { + background-color: rgba(68, 1, 255, 0.2); +} + +row:selected switch:checked > slider { + background-color: #561aff; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; + outline-offset: 0; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +row check:selected, +row radio:selected, row check:selected:active, +row radio:selected:active, row check:selected:checked, +row radio:selected:checked, row check:selected:indeterminate, +row radio:selected:indeterminate, row check:selected:focus, +row radio:selected:focus, row check:selected:focus:active, +row radio:selected:focus:active, row check:selected:focus:checked, +row radio:selected:focus:checked, row check:selected:focus:indeterminate, +row radio:selected:focus:indeterminate, treeview.view check:selected, +treeview.view radio:selected, treeview.view check:selected:active, +treeview.view radio:selected:active, treeview.view check:selected:checked, +treeview.view radio:selected:checked, treeview.view check:selected:indeterminate, +treeview.view radio:selected:indeterminate, treeview.view check:selected:focus, +treeview.view radio:selected:focus, treeview.view check:selected:focus:active, +treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked, +treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate, +treeview.view radio:selected:focus:indeterminate, row.activatable check:selected, +row.activatable radio:selected, row.activatable check:selected:active, +row.activatable radio:selected:active, row.activatable check:selected:checked, +row.activatable radio:selected:checked, row.activatable check:selected:indeterminate, +row.activatable radio:selected:indeterminate, row.activatable check:selected:focus, +row.activatable radio:selected:focus, row.activatable check:selected:focus:active, +row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked, +row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate, +row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate { + color: rgba(255, 255, 255, 0.7); +} + +row check:selected:disabled, +row radio:selected:disabled, row check:selected:active:disabled, +row radio:selected:active:disabled, row check:selected:checked:disabled, +row radio:selected:checked:disabled, row check:selected:indeterminate:disabled, +row radio:selected:indeterminate:disabled, row check:selected:focus:disabled, +row radio:selected:focus:disabled, row check:selected:focus:active:disabled, +row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled, +row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled, +treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled, +treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled, +treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, +treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled, +treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled, +treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled, +row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled, +row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled, +row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled, +row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled, +row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +row check:selected:hover, +row radio:selected:hover, treeview.view check:selected:hover, +treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover { + color: #FFFFFF; +} + +row check:selected:hover:disabled, +row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled, +treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled { + color: rgba(255, 255, 255, 0.5); +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -12px; + padding: 12px; + background-color: transparent; + border: none; + outline: none; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #7C4DFF; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +popover.menu modelbutton check, popover.menu modelbutton radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu modelbutton check:dir(ltr), popover.menu modelbutton radio:dir(ltr) { + margin-right: 8px; +} + +popover.menu modelbutton check:dir(rtl), popover.menu modelbutton radio:dir(rtl) { + margin-left: 8px; +} + +popover.menu modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover.menu modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover.menu modelbutton check, popover.menu modelbutton check:hover, popover.menu modelbutton check:disabled, popover.menu modelbutton radio, popover.menu modelbutton radio:hover, popover.menu modelbutton radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); +} + + +popover.menu modelbutton check { + min-height: 16px; + min-width: 16px; + border-radius: 7px; + -gtk-icon-size: 16px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); +} + + +popover.menu modelbutton check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +popover.menu modelbutton check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +popover.menu modelbutton radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-size: 16px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); +} + + +popover.menu modelbutton radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +popover.menu modelbutton radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +check:not(:checked), +radio:not(:checked) { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; +} + +popover.menu modelbutton check:not(:checked), popover.menu modelbutton radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; +} + +treeview.view check:hover, +treeview.view radio:hover { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check:hover:disabled, +treeview.view radio:hover:disabled { + box-shadow: none; +} + +treeview.view check:hover:selected, +treeview.view radio:hover:selected { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check, +treeview.view radio { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #FFFFFF; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #7C4DFF; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +/*************** + * Header bars * + ***************/ +headerbar .linked.path-bar:not(.vertical) > button, +headerbar stackswitcher.linked:not(.vertical) > button { + background-color: transparent; + box-shadow: none; +} + +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar stackswitcher.linked:not(.vertical) > button:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: inset 0 -2px transparent; +} + +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar stackswitcher.linked:not(.vertical) > button:active { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.15); + box-shadow: inset 0 -2px transparent; +} + +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar stackswitcher.linked:not(.vertical) > button:checked { + border-radius: 0; + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #5657f5; + background-image: none; +} + +headerbar .linked:not(.vertical).path-bar > button:checked:backdrop, +headerbar stackswitcher.linked:not(.vertical) > button:checked:backdrop, headerbar .linked:not(.vertical).path-bar > button:active:backdrop, +headerbar stackswitcher.linked:not(.vertical) > button:active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +headerbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 48px; + padding: 0; + margin: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + border-radius: 13px 13px 0 0; +} + +headerbar:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.3); +} + +.sidebar-pane headerbar { + border-top-right-radius: 0; +} + +.content-pane headerbar { + border-top-left-radius: 0; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar entry { + background-color: #3d3d48; +} + +headerbar entry:focus { + background-color: #444450; +} + +headerbar .linked:not(.vertical) > entry:not(.flat) { + border-radius: 7px; +} + +headerbar .linked:not(.vertical) > button { + border-radius: 7px; +} + +headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; +} + +headerbar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher, +headerbar menubutton, +headerbar splitbutton { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar stackswitcher > button, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; +} + +headerbar splitbutton { + border-radius: 9999px; +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box > headerbar:only-child { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #31313a; + border-right-color: #31313a; +} + +headerbar.selection-mode { + transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); + animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #5657f5; + color: #FFFFFF; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; +} + +headerbar.default-decoration { + min-height: 36px; + padding: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + background-image: none; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration windowcontrols button { + min-height: 16px; + min-width: 16px; + margin: 0 2px; + padding: 0; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-color: #31313a; +} + +window.devel headerbar.titlebar { + background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(86, 87, 245, 0.1)), linear-gradient(to top, #232328 3px, #28282d); +} + +window.devel headerbar.titlebar:backdrop { + background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#34343b); + /* background-color would flash */ +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 4px; + min-width: 4px; + padding: 16px; +} + +scale > trough { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.2); +} + +scale > trough:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +scale > trough > slider { + min-height: 32px; + min-width: 32px; + margin: -15px; +} + +scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { + border: none; + outline: none; + box-shadow: none; + background-color: transparent; +} + +scale > trough > highlight { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: #7C4DFF; +} + +scale > trough > highlight:disabled { + background-color: transparent; +} + +scale > trough > fill { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.2); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: transparent; +} + +scale > trough > slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); +} + +scale > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); +} + +scale > trough > slider:hover { + background-color: rgba(124, 77, 255, 0.08); +} + +scale > trough > slider:focus { + background-color: rgba(124, 77, 255, 0.12); +} + +scale > trough > slider:focus:hover { + background-color: rgba(124, 77, 255, 0.16); +} + +scale > trough > slider:active { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: rgba(124, 77, 255, 0.08); + color: rgba(124, 77, 255, 0.12); +} + +scale.fine-tune slider { + background-size: calc(100% - 12px); +} + +scale > marks label, +scale > value { + color: rgba(255, 255, 255, 0.5); +} + +scale > marks { + color: rgba(255, 255, 255, 0.2); +} + +scale > marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale > marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale > marks.left { + margin-right: 7px; + margin-left: -15px; +} + +scale > marks.right { + margin-left: 7px; + margin-right: -15px; +} + +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.fine-tune marks.left { + margin-right: 6px; + margin-left: -14px; +} + +scale.fine-tune marks.right { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -16px; + margin-top: -6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -16px; + margin-right: -6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -16px; + margin-left: -6px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +progressbar.horizontal > trough { + min-width: 150px; +} + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 4px; +} + +progressbar.vertical > trough { + min-height: 80px; +} + +progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 4px; +} + +progressbar > trough { + border-radius: 9999px; + background-color: rgba(93, 125, 251, 0.3); +} + +progressbar > trough > progress { + border-radius: 9999px; + background-color: #5D7DFB; + background-image: linear-gradient(to left, #BA68C8, #7E57C2); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; + padding: 0; + margin: 0; + box-shadow: none; +} + +progressbar.osd > trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; +} + +progressbar.osd > trough > progress { + border-style: none; + border-radius: 0; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 4px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical > trough > block { + min-width: 4px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar > trough { + padding: 2px; + border-radius: 5px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #31313a; +} + +levelbar > trough:disabled { + background-color: #3b3b43; +} + +levelbar > trough > block.low { + background-color: #FF6D00; +} + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + background-color: #5657f5; +} + +levelbar > trough > block.full { + background-color: #00C853; +} + +levelbar > trough > block.empty { + background-color: rgba(255, 255, 255, 0.08); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #FFFFFF; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border { + border-style: none; +} + +frame { + border-radius: 8px; +} + +frame > label { + margin: 4px; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.08); +} + +separator.spacer { + border: none; + background-color: transparent; +} + + +button.font separator, +button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview, +list { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +listview > row, +list > row { + padding: 3px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 3px; +} + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), +list.horizontal row.separator, +list.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), +list:not(.horizontal) row.separator, +list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0; + background-color: transparent; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0, background-color 0; + background-color: rgba(255, 255, 255, 0.05); +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0; + background-color: rgba(255, 255, 255, 0.15); + background-size: 0% 0%; +} + +row button.circular { + margin: 0 6px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: #474751; +} + +columnview.data-table > listview > row > cell { + padding-top: 3px; + padding-bottom: 3px; +} + +columnview > header > button { + padding-left: 6px; + padding-right: 6px; + border-left: 1px solid transparent; +} + +columnview > header > button:first-child { + border-left-width: 0; +} + +columnview.column-separators > listview > row > cell, +columnview.column-separators > header > button { + border-left-color: rgba(255, 255, 255, 0.08); +} + +columnview > listview:not(.horizontal).separators > row:not(.separator) { + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: none; +} + +columnview.data-table > listview > row > cell { + padding-top: 3px; + padding-bottom: 3px; +} + +columnview ~ undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(255, 255, 255, 0.05); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5657f5; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #FFFFFF; + background-color: #5657f5; +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 6px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 12px; +} + +/**************** + * AdwActionRow * + ****************/ +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 58px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +/*************** + * AdwComboRow * + ***************/ +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.35); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +/****************** + * AdwExpanderRow * + ******************/ +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, +.osd list.boxed-list > row:focus:focus-visible, +.osd list.boxed-list > row.expander row.header:focus:focus-visible, +list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +row.expander { + background: none; + padding: 0; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + background-color: #31313a; + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #5657f5; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.35); +} + +/***************** + * Boxed Lists * + *****************/ +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:only-child, +list.boxed-list > row:only-child.expander:not(:checked), +list.boxed-list > row:only-child.expander:not(:checked) row.header, +list.boxed-list > row:only-child.expander:checked list.nested, +list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander:checked { + -gtk-icon-transform: unset; +} + +expander:hover, expander:active { + color: #FFFFFF; +} + +expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +expander:selected:hover, expander:selected:active { + color: #FFFFFF; +} + +expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + color: rgba(255, 255, 255, 0.7); + border: 1px solid rgba(255, 255, 255, 0.08); +} + +calendar > header { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; +} + +calendar > header > button:backdrop { + background: none; +} + +calendar > grid > label { + border-radius: 3px; +} + +calendar > grid > label.today { + background-color: rgba(255, 255, 255, 0.15); +} + +calendar > grid > label.day-number { + padding: 4px; +} + +calendar > grid > label.day-number:selected { + border-radius: 3px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.background { + background-color: rgba(68, 69, 75, 0.95); +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +window.dialog.message .titlebar:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +window.dialog.message list, window.dialog.message row, window.dialog.message .view, window.dialog.message textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button { + padding: 4px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:hover { + color: #7C4DFF; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:disabled { + opacity: 0.65; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:hover { + color: #FF5252; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:disabled { + opacity: 0.65; +} + +window.dialog.message.csd { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.csd.background { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:first-child { + border-bottom-left-radius: 7px; + border-top-left-radius: 0; +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:last-child { + border-bottom-right-radius: 7px; + border-top-right-radius: 0; +} + +window.dialog.message entry { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message expander title > arrow { + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message expander title > arrow:hover, window.dialog.message expander title > arrow:active { + color: #FFFFFF; +} + +window.dialog.message expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #3c3c46; +} + +.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #474751; + border-left-style: none; +} + +.sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #474751; + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +separator.sidebar:dir(ltr), separator.sidebar.left, separator.sidebar.left:dir(rtl), +leaflet .sidebar:dir(ltr), +leaflet .sidebar.left, +leaflet .sidebar.left:dir(rtl), +flap .sidebar:dir(ltr), +flap .sidebar.left, +flap .sidebar.left:dir(rtl) { + border-right: none; +} + +separator.sidebar:dir(rtl), separator.sidebar.right, +leaflet .sidebar:dir(rtl), +leaflet .sidebar.right, +flap .sidebar:dir(rtl), +flap .sidebar.right { + border-left: none; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.08); +} + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; +} + +stacksidebar row { + padding: 10px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +.navigation-sidebar { + padding: 6px; +} + +.navigation-sidebar > separator { + margin: 6px; +} + +.navigation-sidebar > row { + min-height: 28px; + padding: 3px 6px; + border-radius: 7px; + margin: 0; +} + +.navigation-sidebar > row + row { + margin-top: 3px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.06); +} + +.navigation-sidebar > row:selected { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.08); +} + +.navigation-sidebar > row:selected label { + color: #FFFFFF; +} + +.navigation-sidebar > row:selected:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #FFFFFF; + background-color: #5657f5; +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #8687f8; +} + +.navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/**************** + * File chooser * + ****************/ +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button { + color: rgba(86, 87, 245, 0.75); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active { + color: #5657f5; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled { + color: rgba(86, 87, 245, 0.35); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked { + background-color: rgba(86, 87, 245, 0.1); + color: #5657f5; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled { + background-color: rgba(86, 87, 245, 0.05); + color: rgba(86, 87, 245, 0.55); +} + +row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +row:selected image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + padding: 0; + margin: 0; + border-radius: 0 7px 7px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 12px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #5657f5; +} + +placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label { + color: #9e9ff9; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + min-height: 2px; + padding: 0 8px; + background-image: image(#7C4DFF); + background-clip: content-box; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row, placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #7C4DFF; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + box-shadow: inset 0 0 0 2px #7C4DFF; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.08)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #34343b; + background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08)); + 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; +} + +video { + background: black; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; +} + +infobar.info { + background-color: #66BB6A; +} + +infobar.question { + background-color: #42A5F5; +} + +infobar.warning { + background-color: #FFA726; +} + +infobar.error { + background-color: #EF5350; +} + +infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { + color: #FFFFFF; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px; + border-radius: 8px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +tooltip.background { + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.75); + color: white; + border: none; +} + +tooltip label { + min-height: 20px; + padding: 0 3px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch:drop(active).dark overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch overlay { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +colorswatch overlay:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 5px; +} + +colorswatch#add-color-button overlay { + background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 5.5px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 5px; +} + +colorchooser .popover.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #34343b; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 36px transparent; + margin: 0; + outline: none; + transition: none; +} + +window.csd:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 36px transparent; + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; +} + +window.solid-csd { + margin: 0; + border: none; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +window.ssd { + box-shadow: none; +} + +/***************** + * Title buttons * + *****************/ +headerbar windowcontrols { + border-spacing: 6px; +} + +headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { + padding: 0 12px; + margin-right: 6px; +} + +headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { + padding: 0 12px; + margin-left: 6px; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + padding: 0; + border: none; + outline: none; + box-shadow: none; + background: none; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize { + min-width: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; + background-color: rgba(255, 255, 255, 0.3); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:checked { + color: #FFFFFF; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop { + color: transparent; + background-color: rgba(255, 255, 255, 0.12); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close { + transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover { + padding: 2px; + margin: -2px 0; + background-color: #EF5350; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked { + padding: 2px; + margin: -2px 0; + background-color: #7C4DFF; + color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +emoji-completion-row:focus, +emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected { + background-color: #5657f5; +} + +emoji-completion-row:focus, +emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected { + color: #FFFFFF; +} + +emoji-completion-row:disabled:focus, +emoji-completion-row:disabled:hover, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, spinbutton > text > selection:disabled, row:disabled:selected, calendar > grid > label.today:disabled:selected, calendar > grid > label.day-number:disabled:selected { + color: rgba(255, 255, 255, 0.5); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + border-radius: 9999px; + background-color: #7C4DFF; + background-image: none; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + padding-left: 6px; + border-top-right-radius: 0; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + padding-right: 6px; + border-top-left-radius: 0; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +.context-menu { + font: initial; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(255, 255, 255, 0.08); + border-radius: 5px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF; + caret-color: #7C4DFF; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +button.emoji-section { + margin-top: -1px; + padding: 0 8px; + min-width: 24px; + min-height: 36px; + border-radius: 0; + box-shadow: none; +} + +button.emoji-section:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +button.emoji-section:active { + box-shadow: inset 0 2px #5657f5; +} + +button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-color: transparent; +} + +button.emoji-section:first-child { + margin-left: 4px; +} + +button.emoji-section:last-child { + margin-right: 4px; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #5657f5; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background: none; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.05); + border-radius: 3px; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px; +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd:not(.view), .nautilus-window.background.csd .sidebar-pane { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + background-color: rgba(49, 49, 58, 0.97); +} + +.nautilus-window.background.csd:not(.view) headerbar, .nautilus-window.background.csd .sidebar-pane headerbar { + background-color: transparent; + background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png")); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + padding-left: 54px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-window.background.csd .background .top-bar headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd .background list.navigation-sidebar { + background-color: transparent; +} + +.nautilus-window.background.csd .background list.navigation-sidebar > row { + border-radius: 0; +} + +.nautilus-window.background.csd .nautilus-grid-view, .nautilus-window.background.csd .nautilus-grid-view gridview.view { + background-color: transparent; +} + +.nautilus-window.background.csd .nautilus-grid-view gridview.view { + padding: 3px 0; +} + +.nautilus-window.background.csd .nautilus-list-view { + margin: 0 6px 6px 0; +} + +.nautilus-window.background.csd .nautilus-list-view, .nautilus-window.background.csd .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window.background.csd placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd placesview label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd placesview list, .nautilus-window.background.csd placesview actionbar, .nautilus-window.background.csd placesview actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar { + background: none; + margin-right: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar { + background-color: transparent; + padding: 0; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row { + padding-left: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row .sidebar-revealer, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row .sidebar-revealer { + padding: 0 0 0 12px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:focus, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:focus { + transition: none; + animation: none; + background-color: transparent; + box-shadow: none; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row image.sidebar-icon, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); + margin-right: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row label.sidebar-label { + padding-left: 18px; + color: rgba(255, 255, 255, 0.7); + border-radius: 0 7px 7px 0; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover label.sidebar-label { + background-color: rgba(255, 255, 255, 0.03); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:backdrop, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:backdrop { + opacity: 0.85; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected label.sidebar-label { + color: #9e9ff9; + background-color: rgba(255, 255, 255, 0.06); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon { + color: #FFFFFF; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar separator, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar separator { + background-color: transparent; +} + +.nautilus-window.background.csd #NautilusPathBar { + border-radius: 9999px; + margin: 6px 0; + padding: 0; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window.background.csd #NautilusPathBar .dim-label, .nautilus-window.background.csd #NautilusPathBar label.separator, .nautilus-window.background.csd #NautilusPathBar entry > text > placeholder, .nautilus-window.background.csd #NautilusPathBar spinbutton:not(.vertical) > text > placeholder, .nautilus-window.background.csd #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window.background.csd #NautilusPathBar .subtitle, .nautilus-window.background.csd #NautilusPathBar row label.subtitle, row .nautilus-window.background.csd #NautilusPathBar label.subtitle, .nautilus-window.background.csd #NautilusPathBar row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-window.background.csd #NautilusPathBar image.expander-row-arrow { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action) { + margin: 0; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton { + margin: 0; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton > button { + border-radius: 9999px; + margin: 0; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton > button:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window.background.csd #NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditor { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + padding: 0 4px 0 8px; +} + +.nautilus-window.background.csd #NautilusQueryEditor:focus-within { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusQueryEditor:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button { + min-width: 28px; + min-height: 28px; + margin: 4px 0; + padding: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditor > text { + margin: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditorTag { + border-radius: 9999px; +} + +.nautilus-window.background.csd #NautilusQueryEditorTag > button { + margin: 3px; + padding: 0; + min-height: 22px; + min-width: 22px; +} + +.nautilus-window.background.csd label.search-information { + margin: 2px; + border-radius: 3px; +} + +.nautilus-window.background.csd flap > separator { + min-width: 20px; + color: transparent; + background-image: url("assets/scalable/side-paned.svg"); + background-size: 20px 750px; + background-position: left center; + background-repeat: no-repeat; + background-color: transparent; + border: none; +} + +.nautilus-window.background.csd .floating-bar { + min-height: 32px; + padding: 0; + margin: 0; + border-style: solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 13px 13px 0 0; + color: #FFFFFF; + background-color: #31313a; + background-clip: border-box; + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0; + box-shadow: none; +} + +.nautilus-window.background.csd .floating-bar.bottom.left { + margin-right: 7px; + border-left-style: none; + border-top-left-radius: 0; + border-bottom-left-radius: 13px; +} + +.nautilus-window.background.csd .floating-bar.bottom.right { + margin-left: 7px; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 13px; +} + +.nautilus-window.background.csd .floating-bar button { + margin: 4px; +} + +.nautilus-window.background.csd.maximized .floating-bar { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #5657f5; + border-radius: 0; + color: #FFFFFF; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #FF6D00; +} + +.origin-button > button { + padding: 3px 9px; +} + +flowboxchild.card { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +button.card.category-tile { + padding: 21px; + border: none; + border-radius: 7px; + min-width: 140px; + font-weight: 900; + font-size: larger; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +button.card.category-tile.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; + box-shadow: none; +} + +button.card.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +button.card.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +button.card.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +button.card.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +button.card.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +button.card.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +button.card.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +button.card.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +button.card.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +button.card.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +button.card.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +button.card.category-tile.category-work { + padding: 1px; + /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ + color: #1c71d8; + background-color: #fdf8d7; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +button.card.category-tile.category-work:hover { + color: #1c71d8; + background-color: #fefcef; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); +} + +button.card.category-tile.category-work:active { + color: #1c71d8; + background-color: #fcf4bf; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: #FFFFFF; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.08); +} + +.application-details-infobar.warning { + background-color: #FF6D00; + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(255, 255, 255, 0.5); + background-image: none; + background-color: rgba(255, 255, 255, 0.2); +} + +.review-histogram star-image { + color: rgba(255, 255, 255, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #FBC02D; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 7px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #4CAF50, #2196F3); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +banner > revealer > widget { + background-color: #5657f5; + padding: 6px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(255, 255, 255, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 7px 7px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 7px 0 0 7px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.08); +} + +carousel.card { + border: none; + background-color: rgba(255, 255, 255, 0.05); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.08); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #007c33; + background-color: rgba(0, 200, 83, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #b34c00; + background-color: rgba(255, 109, 0, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #FF9800; + background-color: rgba(255, 152, 0, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #911d00; + background-color: rgba(221, 44, 0, 0.15); +} + +.eol-red { + font-weight: bold; + color: #DD2C00; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #DD2C00; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents leaflet { + background-color: transparent; +} + +window > contents leaflet stack.background { + background-color: transparent; +} + +window > contents leaflet.unfolded stack.background leaflet box.vertical:last-child > headerbar, +window > contents leaflet.unfolded stack.background leaflet + headerbar { + border-top-left-radius: 0; +} + +window > contents leaflet.unfolded > separator + box.vertical > headerbar { + border-top-right-radius: 0; + border-top-left-radius: 13px; +} + +window > contents leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #31313a; +} + +window > widget leaflet { + background-color: transparent; +} + +window > widget leaflet stack.background { + background-color: transparent; +} + +window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar, +window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar, +window > widget leaflet.unfolded > box:not(:last-child) headerbar { + border-top-left-radius: 0; +} + +window > widget leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > widget leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #31313a; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +window > contents leaflet.unfolded > box.vertical > headerbar { + border-top-left-radius: 0; +} + +datechooser { + padding: 6px; +} + +datechooser button, datechooser button.flat, datechooser button.toggle, datechooser button.text-button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +datechooser button.day.text-button:selected { + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #5657f5; +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #5657f5; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#5657f5, 0.3); +} + +popover.events { + background-color: #3c3c46; + padding: 0; +} + +popover.events box { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +popover.events list { + background-color: #31313a; + border-radius: 7px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 7px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 7px; +} + +event.timed widget.edge { + border-radius: 3.5px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3.5px 3.5px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3.5px 0 0 3.5px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #31313a; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +datechooser button.day, datechooser button.day.text-button { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot, datechooser button.day.text-button dot { + background-color: #FFFFFF; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected { + background-color: #5657f5; + color: #FFFFFF; + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot { + background-color: #FFFFFF; +} + +datechooser button.day.today, datechooser button.day.text-button.today { + color: #5657f5; +} + +datechooser button.day.today dot, datechooser button.day.text-button.today dot { + background-color: #5657f5; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.text-button.other-month:hover:not(:backdrop) { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.text-button.other-month:hover:not(:backdrop) dot { + background-color: rgba(255, 255, 255, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(255, 255, 255, 0.2); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.08); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.08); +} + +weekgrid > widget.now-strip { + background-color: alpha(#5657f5, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#5657f5, 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 0.08); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #3b3b43; + transition: background-color 200ms; + color: #FFFFFF; +} + +monthcell:selected { + background-color: alpha(#5657f5, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#5657f5, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#5657f5, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#5657f5, 0.3); + color: #5657f5; +} + +monthcell.today:selected { + background-color: alpha(#5657f5, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#5657f5, 0.35); +} + +monthcell label { + color: #FFFFFF; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.05); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 7px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; + border-radius: 7px; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button.toggle { + border-radius: 0; +} + +menubutton.sources-button > button.toggle .title { + font-size: 10pt; + font-weight: normal; + padding: 0 6px; +} + +menubutton.sources-button > button.toggle .subtitle { + font-size: 8pt; + padding: 0 6px; +} + +menubutton.sources-button > button.toggle .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.topbar headerbar menubutton.sources-button > button.toggle { + border-radius: 0 0 7px 7px; +} + +agenda-view list.background { + background-color: transparent; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #5657f5; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #1E88E5; + background-color: alpha(#2196F3, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #F57C00; + background-color: alpha(#FF9800, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #F9A825; + background: alpha(#FDD835, 0.25); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: white; +} + +avatar.image { + background: none; +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { + box-shadow: none; +} + +.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { + outline: none; +} + +splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +button.opaque { + background-color: #505058; + color: #FFFFFF; +} + +button.destructive-action { + color: on(#FF5252); +} + +button.destructive-action, button.destructive-action:checked { + background-color: #FF5252; +} + +button.suggested-action { + color: on(#7C4DFF); +} + +button.suggested-action, button.suggested-action:checked { + background-color: #7C4DFF; +} + +button.font separator { + background-color: transparent; +} + +button.font > box { + border-spacing: 6px; +} + +button.font > box > box > label { + font-weight: bold; +} + +menubutton.pill > button, button.pill { + padding: 10px 32px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + box-shadow: none; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +button.card:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + outline: none; +} + +button.card.keyboard-activating, button.card:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + +button.card:checked { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + +button.card:drop(active) { + color: #FF6D00; + box-shadow: inset 0 0 0 1px #FF6D00; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #7C4DFF; + color: on(#7C4DFF); +} + +menubutton.destructive-action { + background-color: #FF5252; + color: on(#FF5252); +} + +menubutton.opaque { + background-color: #505058; + color: #FFFFFF; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 7px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 7px; +} + +splitbutton:disabled { + filter: none; + opacity: 1; +} + +splitbutton, splitbutton > separator { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton.image-button > button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(255, 255, 255, 0.08); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 7px; +} + +splitbutton.suggested-action { + background-color: #7C4DFF; + color: on(#7C4DFF); +} + +splitbutton.destructive-action { + background-color: #FF5252; + color: on(#FF5252); +} + +splitbutton.opaque { + background-color: #505058; + color: #FFFFFF; +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +toast { + background-color: #31313a; + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12), 0 10px 16px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + font-weight: normal; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > widget { + margin: 0 6px; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.45); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.45; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +list.content, +list.boxed-list, .card { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.08); + background-clip: padding-box; + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box, preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 36px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(255, 255, 255, 0.15); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(255, 255, 255, 0.2); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #5657f5; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 0; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.05); + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator { + background-color: #FFFFFF; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label { + color: #5657f5; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; + border: none; + background-color: transparent; + box-shadow: none; +} + +viewswitcher.narrow button.toggle:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px transparent; + background-color: rgba(255, 255, 255, 0.04); +} + +viewswitcher.narrow button.toggle:active { + color: #FFFFFF; + box-shadow: inset 0 -2px #5657f5; + background-color: rgba(255, 255, 255, 0.1); +} + +viewswitcher.narrow button.toggle:checked { + border-radius: 0; + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.06); + box-shadow: inset 0 -2px #5657f5; + background-image: none; +} + +viewswitcher.narrow button.toggle:checked:backdrop, viewswitcher.narrow button.toggle:active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; + margin: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 7px; + padding-bottom: 5px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 8px; + padding-right: 8px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action) { + transition: none; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.04); + box-shadow: inset 0 2px transparent; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: inset 0 2px #5657f5; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked { + border-radius: 0; + color: #FFFFFF; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: rgba(255, 255, 255, 0.06); + box-shadow: inset 0 2px #5657f5; + background-image: none; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:backdrop, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 2px rgba(255, 255, 255, 0.5); +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5657f5; +} + +indicatorbin.needs-attention > indicator > label { + color: #FFFFFF; +} + +tabbar .box { + background-color: #31313a; + color: #FFFFFF; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + padding: 1px; + padding-top: 0; +} + +tabbar .box:backdrop { + background-color: #424249; + transition: background-color 200ms ease-out; +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: opacity(0.5); + transition: filter 200ms ease-out; +} + +tabbar tabbox { + padding-bottom: 0; + padding-top: 0; + min-height: 34px; +} + +tabbar tabbox > tabboxchild { + border-radius: 7px; +} + +tabbar tabbox > separator { + margin-top: 9px; + margin-bottom: 9px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 3px 6px; + background: #5657f5; +} + +tabbar tab { + transition: background 150ms ease-in-out; +} + +tabbar tab:selected { + background-color: rgba(255, 255, 255, 0.06); +} + +tabbar tab:selected:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +tabbar tab:selected:active { + background-color: rgba(255, 255, 255, 0.12); +} + +tabbar tab:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +tabbar tab:active { + background-color: rgba(255, 255, 255, 0.1); +} + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { + background: none; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px 5px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +tabbar.inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; +} + +tabbar.inline .box:backdrop { + background-color: transparent; + transition: none; +} + +tabbar.inline .box:backdrop > scrolledwindow, +tabbar.inline .box:backdrop > .start-action, +tabbar.inline .box:backdrop > .end-action { + filter: none; + transition: none; +} + +dnd tab { + background-color: #31313a; + background-image: image(rgba(255, 255, 255, 0.12)); + color: #FFFFFF; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); + margin: 25px; +} + +tabbar tab, +dnd tab { + min-height: 26px; + padding: 4px; + border-radius: 7px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 99px; +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#5657f5, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 11px; + transition: box-shadow 200ms ease-out, background-color ease-out; +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#FF6D00, 0.4); + background-color: alpha(#FF6D00, 0.1); +} + +tabthumbnail .needs-attention:dir(ltr) { + transform: translate(8px, -8px); +} + +tabthumbnail .needs-attention:dir(rtl) { + transform: translate(-8px, -8px); +} + +tabthumbnail .needs-attention > widget { + background: #5657f5; + min-width: 12px; + min-height: 12px; + border-radius: 8px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#5657f5, 0.4); +} + +tabthumbnail .card { + background: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: none; + border-radius: 7px; +} + +tabthumbnail.pinned .card { + background-color: rgba(86, 87, 245, 0.12); + color: #FFFFFF; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular { + margin: 6px; + background-color: alpha(#5657f5, 0.15); + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular:hover { + background-color: alpha(#5657f5, 0.2); +} + +tabthumbnail button.circular:active { + background-color: alpha(#5657f5, 0.25); +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane { + background-color: #3b3b43; + color: #FFFFFF; +} + +.sidebar-pane:backdrop { + background-color: #34343b; + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane .toolbar, +.sidebar-pane .sidebar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane headerbar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming { + background: none; +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane banner > revealer > widget { + background-color: gtkmix(#5657f5, #3b3b43, 30%); + color: #FFFFFF; +} + +.sidebar-pane banner > revealer > widget:backdrop { + background-color: gtkmix(#5657f5, #3b3b43, 30%); +} + +.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #31313a; + color: #FFFFFF; +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #34343b; + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: none; +} + +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: gtkmix(#5657f5, #31313a, 30%); + color: #FFFFFF; +} + +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: gtkmix(#5657f5, #31313a, 30%); +} + +.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.top-bar { + padding: 0; + background-color: transparent; + box-shadow: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop, +.top-bar box > headerbar:only-child, +.top-bar box > headerbar:only-child:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #5657f5; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); + color: #FFFFFF; + background-color: #5657f5; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: #FFFFFF; + background-color: #5657f5; +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px #5657f5; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color currentColor; +/* +widget base background color */ +@define-color theme_bg_color #34343b; +/* +text widgets and the like base background color */ +@define-color theme_base_color #31313a; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5657f5; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #FFFFFF; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #34343b; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color alpha(currentColor, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #3b3b43; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color currentColor; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #34343b; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #31313a; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5657f5; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #FFFFFF; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color alpha(currentColor, 0.5); +/* +widgets main borders color */ +@define-color borders alpha(currentColor, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders alpha(currentColor, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FF6D00; +@define-color error_color #DD2C00; +@define-color success_color #00C853; +/* +FIXME this is really an API */ +@define-color content_view_bg #31313a; +@define-color placeholder_text_color #c1c1c4; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232329; +@define-color budgie_tasklist_indicator_color #7C4DFF; +@define-color budgie_tasklist_indicator_color_active #7C4DFF; +@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931); +@define-color budgie_tasklist_indicator_color_attention #FF6D00; +@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/gtk-4.0/gtk.css b/gtk-4.0/gtk.css new file mode 100644 index 0000000..afd25a3 --- /dev/null +++ b/gtk-4.0/gtk.css @@ -0,0 +1,7542 @@ +@keyframes ripple_effect { + to { + background-size: 1000% 1000%; + } +} + +@keyframes scale_ripple_effect { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle, #5657f5 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #5657f5 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -gtk-secondary-caret-color: #5657f5; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #34343b; + color: #FFFFFF; +} + +.background.csd { + border-radius: 13px; + background-color: #34343b; +} + +.background.maximized, .background.tiled, .background.fullscreen, .background.solid-csd { + border-radius: 0; +} + +dnd { + color: #FFFFFF; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #31313a; + color: #FFFFFF; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +textview > text { + background-color: #31313a; +} + +textview > border { + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); +} + +textview:drop(active) { + caret-color: #FFA726; +} + +iconview { + border-radius: 5px; +} + +iconview > dndtarget:drop(active) { + border: none; +} + +rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #5C6BC0; + background-color: rgba(92, 107, 192, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 7px; +} + +gridview > child { + padding: 3px; +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #FFFFFF; + background-color: #31313a; + border: none; +} + +label.separator { + color: #FFFFFF; +} + +label > selection { + background-color: #5657f5; + color: #FFFFFF; +} + +.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle, headerbar .subtitle, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { + opacity: 0.6; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant.csd .sidebar { + border-top-style: none; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #FFFFFF; +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +.osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd { + color: rgba(255, 255, 255, 0.8); + border: none; + background-color: rgba(37, 37, 45, 0.85); + background-clip: padding-box; + border-radius: 8px; + padding: 6px; + margin: 6px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16); +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + 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 { + 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; +} + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 36px; + padding: 0 8px; + border-radius: 7px; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; + outline: none; +} + +spinbutton:focus-within:not(.vertical), entry:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton:disabled:not(.vertical), entry:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +colorchooser .popover.osd spinbutton:not(.vertical), window.dialog.message entry, notebook > stack:not(:only-child) entry:not(.search), +notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry, +popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat { + border-radius: 0; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search), +notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within, +popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5; + outline: none; +} + +colorchooser .popover.osd spinbutton:disabled:not(.vertical), window.dialog.message entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search), +notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background entry:disabled, +popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton:not(.vertical) image, entry image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { + color: #FFFFFF; +} + +spinbutton:not(.vertical) image:disabled, entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) image.left, entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +spinbutton:not(.vertical) image.right, entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { + opacity: 0; +} + +spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { + color: #31313a; + background-color: #FFFFFF; +} + +spinbutton:not(.vertical) undershoot.left > undershoot.left, entry undershoot.left > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +spinbutton:not(.vertical) undershoot.right > undershoot.right, entry undershoot.right > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { + color: rgba(255, 255, 255, 0.3); +} + +spinbutton.error:not(.vertical), entry.error { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #DD2C00; + color: #FFFFFF; + outline: none; +} + +spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton.error:disabled:not(.vertical), entry.error:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.error.flat:not(.vertical), entry.error.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px #DD2C00, inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +spinbutton.error.flat:focus-within:not(.vertical), entry.error.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #DD2C00; + outline: none; +} + +spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.error:not(.vertical) image, entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { + color: #FFFFFF; +} + +spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.warning:not(.vertical), entry.warning { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #FF6D00; + color: #FFFFFF; + outline: none; +} + +spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { + border-image: none; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + outline: none; +} + +spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.warning.flat:not(.vertical), entry.warning.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px #FF6D00, inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +spinbutton.warning.flat:focus-within:not(.vertical), entry.warning.flat:focus-within { + box-shadow: inset 0 -1px transparent, inset 0 -2px #FF6D00; + outline: none; +} + +spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton.warning:not(.vertical) image, entry.warning image { + color: rgba(255, 255, 255, 0.7); +} + +spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { + color: #FFFFFF; +} + +spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton:not(.vertical) > progress, entry > progress { + margin: 2px -6px; +} + +spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-bottom: 2px solid #5657f5; + box-shadow: none; +} + +.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { + border-radius: 0; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: #31313a; +} + +notebook > stack:not(:only-child) treeview entry:not(.search), +notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), +treeview entry { + border-image: none; + box-shadow: none; +} + +editablelabel > stack > text { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: #FFFFFF; + outline: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +.entry-tag:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(255, 255, 255, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #9e9ff9 0%, rgba(158, 159, 249, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #9e9ff9 95%, rgba(158, 159, 249, 0)); + } +} + + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 7px; + font-weight: 500; + transition: 100ms; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: rgba(255, 255, 255, 0.8); + outline: none; +} + + +button:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + outline: none; +} + + +button:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + + +button:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.3); + outline: none; +} + + +button:checked { + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + outline: none; +} + + +button:checked:disabled { + background-color: rgba(86, 87, 245, 0.3); + color: rgba(86, 87, 245, 0.5); + background-image: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button, window.dialog.message.csd .linked.dialog-action-area:not(.vertical) > button, window.dialog.message .linked.dialog-action-area:not(.vertical) > button, check, +radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, splitbutton.flat > button, +splitbutton.flat > menubutton > button, menubutton.flat > button, banner > revealer > widget button, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), popover.background modelbutton, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, +pathbar > button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button, .toolbar button, +button.flat { + transition: 100ms; + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:hover, window.dialog.message .linked:not(.vertical).dialog-action-area > button:hover, check:hover, +radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, banner > revealer > widget button:hover, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), popover.background modelbutton:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, +pathbar > button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:hover, .toolbar button:hover, +button.flat:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #FFFFFF; + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button:active, check:active, +radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, banner > revealer > widget button:active, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), popover.background modelbutton:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, +pathbar > button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:active, .toolbar button:active, +button.flat:active { + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + background-image: none; + outline: none; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:disabled, window.dialog.message .linked:not(.vertical).dialog-action-area > button:disabled, check:disabled, +radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, banner > revealer > widget button:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, +pathbar > button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:disabled, .toolbar button:disabled, +button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); + outline: none; +} + +splitbutton.flat > button:checked, +splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, banner > revealer > widget button:checked, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, +pathbar > button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:checked, .toolbar button:checked, +button.flat:checked { + background-color: rgba(255, 255, 255, 0.2); + color: #FFFFFF; + background-image: none; + outline: none; +} + +splitbutton.flat > button:checked:disabled, +splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, banner > revealer > widget button:checked:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, +pathbar > button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), +toolbar button:checked:disabled, .toolbar button:checked:disabled, +button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + background-image: none; +} + + +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + + +button.image-button { + min-width: 24px; + padding: 6px; +} + + +button.text-button.image-button label:first-child { + margin-left: 10px; +} + + +button.text-button.image-button label:last-child { + margin-right: 10px; +} + + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked > button.flat, .linked.vertical > button.flat { + border-radius: 7px; +} + +.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button { + border-radius: 7px; +} + +row:selected button:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.3); +} + +banner > revealer > widget button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat { + color: rgba(255, 255, 255, 0.7); +} + +banner > revealer > widget button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, banner > revealer > widget button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active { + color: #FFFFFF; +} + +banner > revealer > widget button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled { + color: rgba(255, 255, 255, 0.3); +} + +banner > revealer > widget button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked { + background-color: rgba(255, 255, 255, 0.3); + color: #FFFFFF; +} + +banner > revealer > widget button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + + +button.osd { + padding: 12px 16px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.75); + color: white; +} + + +button.osd:active { + background-color: rgba(0, 0, 0, 0.85); + color: white; +} + + +button.osd.image-button { + padding: 12px; +} + + +button.osd:disabled { + opacity: 0; +} + + +button.suggested-action { + background-color: #7C4DFF; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + + +button.suggested-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.suggested-action:checked { + background-color: #a382ff; +} + + +button.suggested-action.flat { + background-color: transparent; + color: #7C4DFF; + background-image: none; +} + + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.suggested-action.flat:checked { + background-image: none; + background-color: rgba(124, 77, 255, 0.3); +} + + +button.destructive-action { + background-color: #FF5252; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #EF5350, #FF5252); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + + +button.destructive-action:disabled { + box-shadow: none; + background-color: #3b3b43; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.destructive-action:checked { + background-color: #ff8686; +} + + +button.destructive-action.flat { + background-color: transparent; + color: #FF5252; + background-image: none; +} + + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); + outline: none; + background-image: none; +} + + +button.destructive-action.flat:checked { + background-image: none; + background-color: rgba(255, 82, 82, 0.3); +} + +stackswitcher > button { + outline-offset: -4px; +} + +stackswitcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +stackswitcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +stackswitcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +stackswitcher > button.image-button { + padding-left: 4px; + padding-right: 4px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +menubutton.circular > button, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action), row button.image-button, headerbar.default-decoration windowcontrols button, headerbar button.suggested-action, headerbar button.destructive-action, headerbar button:not(.suggested-action):not(.destructive-action), check, +radio, popover.menu box.circular-buttons button.circular.image-button.model, +button.close, +button.circular, +button.round-button { + border-radius: 9999px; +} + +.nautilus-window.background.csd .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button { + border-radius: 0; +} + +row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child { + border-radius: 7px; +} + +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { + border-radius: 0; +} + +.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 7px; +} + +.toolbar button { + margin: 1px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; +} + +/********* + * Links * + *********/ +button.link, +link { + color: #039BE5; +} + +button.link:visited, +link:visited, +link:visited:hover, +link:visited:active { + color: #E040FB; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, button.link:selected, *:selected button.link, +link:selected, *:selected link { + color: rgba(255, 255, 255, 0.7); +} + +.link selection { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; +} + +spinbutton > text > block-cursor { + background-color: #FFFFFF; + color: #31313a; +} + +spinbutton:not(.vertical) { + padding: 0; +} + +notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, +spinbutton:not(.vertical) text { + min-width: 32px; + margin: 0; + padding-left: 12px; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 7px; +} + +spinbutton.vertical:disabled { + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical:drop(active) { + box-shadow: none; +} + +spinbutton.vertical text { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button { + min-height: 36px; + min-width: 48px; + padding: 0; +} + +spinbutton.vertical button.up { + border-radius: 7px 7px 0 0; +} + +spinbutton.vertical button.down { + border-radius: 0 0 7px 7px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 10px; + padding-right: 10px; +} + +dropdown button.combo:checked, +combobox button.combo:checked { + transition: none; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; +} + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-bottom-right-radius: 7px; + border-top-right-radius: 7px; +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 7px; +} + +notebook > stack:not(:only-child) button.combo, popover.background button.combo { + border-radius: 0; + background-image: none; + font-weight: inherit; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent; + background-color: transparent; + color: #FFFFFF; + outline: none; +} + +notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled { + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); +} + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: 2px; + background-color: #34343b; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd, +toolbar.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +.app-notification:backdrop, .toolbar.osd:backdrop, +toolbar.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.horizontal > separator, +toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) scale, +.toolbar:not(.inline-toolbar):not(.osd) entry, +.toolbar:not(.inline-toolbar):not(.osd) spinbutton, +.toolbar:not(.inline-toolbar):not(.osd) button, +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px; +} + +.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +.toolbar:not(.inline-toolbar):not(.osd) spinbutton button, +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +.toolbar:not(.inline-toolbar):not(.osd) switch, +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +searchbar > revealer > box { + border-spacing: 0; + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton, +searchbar > revealer > box splitbutton { + margin: 0; +} + +actionbar > revealer > box { + box-shadow: none; + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +actionbar > revealer > box .linked > button { + border-radius: 7px; +} + +actionbar > revealer > box entry, +actionbar > revealer > box button, +actionbar > revealer > box menubutton, +actionbar > revealer > box splitbutton { + margin: 0; +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 7px; +} + + +pathbar > button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px; +} + + +pathbar > button:checked, +pathbar > button:checked:disabled { + background-color: transparent; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #474751; + border-top-color: #474751; +} + +columnview.view:selected, +treeview.view:selected { + border-left-color: rgba(255, 255, 255, 0.3); +} + +columnview.view:hover, columnview.view:active, columnview.view:selected, +treeview.view:hover, +treeview.view:active, +treeview.view:selected { + border-radius: 0; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(255, 255, 255, 0.08); +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #7C4DFF; +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +columnview.view.expander:hover, columnview.view.expander:active, +treeview.view.expander:hover, +treeview.view.expander:active { + color: #FFFFFF; +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:selected:hover, columnview.view.expander:selected:active, +treeview.view.expander:selected:hover, +treeview.view.expander:selected:active { + color: #FFFFFF; +} + +columnview.view.expander:selected:disabled, +treeview.view.expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 4px solid #5657f5; + box-shadow: none; + background-color: transparent; +} + +columnview.view.progressbar:selected, +treeview.view.progressbar:selected { + border-bottom-color: #FFFFFF; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 4px solid rgba(86, 87, 245, 0.3); + box-shadow: none; + background-color: transparent; +} + +columnview.view.trough:selected, +treeview.view.trough:selected { + border-bottom-color: rgba(255, 255, 255, 0.3); +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button, columnview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button, +treeview.view > header > button:hover, +treeview.view > header > button:active { + box-shadow: none; +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #31313a; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; + background-color: #31313a; + background-clip: border-box; + color: #5657f5; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #5657f5; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +menubar > item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 6px 12px; + color: rgba(255, 255, 255, 0.7); +} + +menubar > item:hover { + transition: none; + color: #FFFFFF; + box-shadow: inset 0 -3px #5657f5; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.3); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu.background > contents { + padding: 6px; +} + +menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 8px; +} + +popover.menu { + padding: 0; +} + +popover.menu box.inline-buttons { + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + min-height: 28px; + min-width: 28px; +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: -2px; + margin-right: 6px; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 6px; + margin-right: -2px; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 32px; +} + +/************ + * Popovers * + ************/ +popover.background { + background-color: transparent; + font: initial; +} + +popover.background > arrow, +popover.background > contents { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16); + background-color: rgba(60, 60, 70, 0.95); + border-radius: 8px; + color: rgba(255, 255, 255, 0.7); + border: none; +} + +popover.background > arrow:disabled, +popover.background > contents:disabled { + color: rgba(255, 255, 255, 0.3); +} + +popover.background:backdrop { + background-color: transparent; +} + +popover.background:backdrop > arrow, +popover.background:backdrop > contents { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +popover.background > contents separator { + margin: 3px 0; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background > contents listview.view { + background-color: transparent; +} + +popover.background > contents listview.view > row { + margin: 0; + border-radius: 5px; + padding: 6px 12px; +} + +popover.background > contents listview.view > row:selected { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +.linked > popover.background button { + border-radius: 7px; +} + +.linked > popover.background button:first-child { + border-radius: 7px; +} + +.linked > popover.background button:last-child { + border-radius: 7px; +} + +.linked > popover.background button:only-child { + border-radius: 7px; +} + +popover.background modelbutton { + min-height: 20px; + min-width: 40px; + padding: 5px 8px; + border-radius: 5px; + box-shadow: none; + animation: none; + transition: none; +} + +popover.background modelbutton arrow { + background: none; +} + +popover.background modelbutton arrow:hover { + background: none; +} + +popover.background modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover.background modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +popover.background modelbutton:hover { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + box-shadow: none; +} + +popover.background modelbutton:hover:active { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + box-shadow: none; +} + +popover.background modelbutton:focus:not(:hover) { + transition: none; + background: none; + box-shadow: none; + animation: none; +} + +popover.background.menu button, popover.background button.model { + border-radius: 7px; +} + +popover.background checkbutton.text-button, +popover.background radiobutton.text-button { + outline-style: none; +} + +popover.background list separator { + margin: 0; +} + +popover.background label.separator { + color: rgba(255, 255, 255, 0.5); +} + +/************* + * Notebooks * + *************/ +frame > paned > notebook > header, notebook.frame > header { + background-color: #3b3b43; +} + +notebook, notebook.frame { + background-color: #31313a; + border-radius: 10px; +} + +notebook.frame frame > border { + border: none; + border-radius: 10px; +} + +notebook.frame frame > list row.activatable { + border-radius: 10px; +} + +notebook > header { + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #34343b; + background-clip: border-box; +} + +notebook > header.top { + border-bottom-style: solid; + border-radius: 9px 9px 0 0; +} + +notebook > header.top > tabs { + margin-bottom: -1px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #5657f5; +} + +notebook > header.bottom { + border-top-style: solid; + border-radius: 0 0 9px 9px; +} + +notebook > header.bottom > tabs { + margin-top: -1px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #5657f5; +} + +notebook > header.left { + border-right-style: solid; + border-radius: 9px 0 0 9px; +} + +notebook > header.left > tabs { + margin-right: -1px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #5657f5; +} + +notebook > header.right { + border-left-style: solid; + border-radius: 0 9px 9px 0; +} + +notebook > header.right > tabs { + margin-left: -1px; +} + +notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #5657f5; +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook > header tab { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +notebook > header tab:hover { + color: #FFFFFF; +} + +notebook > header tab:hover.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #3b3b43; +} + +notebook > header tab:disabled { + color: rgba(255, 255, 255, 0.3); +} + +notebook > header tab:checked { + background-color: transparent; + color: #FFFFFF; +} + +notebook > header tab:checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +notebook > header tab:checked.reorderable-page { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +notebook > header tab button.flat { + min-height: 24px; + min-width: 24px; + padding: 0; + margin: 0; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook > header.left tabs, notebook > header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook > stack:not(:only-child) { + background-color: #31313a; + border-radius: 10px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(49, 49, 58, 0.65); + background-clip: border-box; +} + +scrollbar.top { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.left { + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar.right { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +scrollbar > range > trough { + box-shadow: none; + outline: none; + background: none; + padding: 0; + margin: 0; +} + +scrollbar > range > trough > slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: none; + outline: none; + padding: 0; + margin: 0; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #FFFFFF; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar > range.fine-tune > trough > slider { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(49, 49, 58, 0.3); + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(255, 255, 255, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 49, 58, 0.9); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +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-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + min-height: 20px; + min-width: 42px; + border: 4px solid transparent; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.2); + background-clip: padding-box; + color: transparent; + font-size: 0; +} + +switch:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +switch:checked { + background-color: rgba(124, 77, 255, 0.35); + color: transparent; +} + +switch:checked:disabled { + background-color: rgba(124, 77, 255, 0.2); +} + +switch > slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 24px; + min-height: 24px; + margin: -4px -3px; + border-radius: 9999px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #44454b; + color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png")); +} + +switch:hover > slider { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +switch:checked > slider { + transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0; + background-color: #7C4DFF; + color: transparent; + background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png")); +} + +switch:disabled > slider { + background-color: #3b3b43; +} + +switch:checked:disabled > slider { + animation: none; + background-color: #573f9d; +} + +row:selected switch:checked { + background-color: rgba(68, 1, 255, 0.35); +} + +row:selected switch:checked:disabled { + background-color: rgba(68, 1, 255, 0.2); +} + +row:selected switch:checked > slider { + background-color: #561aff; +} + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + background-image: none; + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):active { + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); +} + +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; + outline-offset: 0; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +row check:selected, +row radio:selected, row check:selected:active, +row radio:selected:active, row check:selected:checked, +row radio:selected:checked, row check:selected:indeterminate, +row radio:selected:indeterminate, row check:selected:focus, +row radio:selected:focus, row check:selected:focus:active, +row radio:selected:focus:active, row check:selected:focus:checked, +row radio:selected:focus:checked, row check:selected:focus:indeterminate, +row radio:selected:focus:indeterminate, treeview.view check:selected, +treeview.view radio:selected, treeview.view check:selected:active, +treeview.view radio:selected:active, treeview.view check:selected:checked, +treeview.view radio:selected:checked, treeview.view check:selected:indeterminate, +treeview.view radio:selected:indeterminate, treeview.view check:selected:focus, +treeview.view radio:selected:focus, treeview.view check:selected:focus:active, +treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked, +treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate, +treeview.view radio:selected:focus:indeterminate, row.activatable check:selected, +row.activatable radio:selected, row.activatable check:selected:active, +row.activatable radio:selected:active, row.activatable check:selected:checked, +row.activatable radio:selected:checked, row.activatable check:selected:indeterminate, +row.activatable radio:selected:indeterminate, row.activatable check:selected:focus, +row.activatable radio:selected:focus, row.activatable check:selected:focus:active, +row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked, +row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate, +row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate { + color: rgba(255, 255, 255, 0.7); +} + +row check:selected:disabled, +row radio:selected:disabled, row check:selected:active:disabled, +row radio:selected:active:disabled, row check:selected:checked:disabled, +row radio:selected:checked:disabled, row check:selected:indeterminate:disabled, +row radio:selected:indeterminate:disabled, row check:selected:focus:disabled, +row radio:selected:focus:disabled, row check:selected:focus:active:disabled, +row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled, +row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled, +row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled, +treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled, +treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled, +treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, +treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled, +treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled, +treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled, +treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled, +treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled, +row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled, +row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled, +row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled, +row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled, +row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled, +row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled, +row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled, +row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled { + color: rgba(255, 255, 255, 0.3); +} + +row check:selected:hover, +row radio:selected:hover, treeview.view check:selected:hover, +treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover { + color: #FFFFFF; +} + +row check:selected:hover:disabled, +row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled, +treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled { + color: rgba(255, 255, 255, 0.5); +} + +check, +radio { + min-height: 24px; + min-width: 24px; + margin: -12px; + padding: 12px; + background-color: transparent; + border: none; + outline: none; +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: #7C4DFF; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -12px; + margin-right: -4px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: -4px; + margin-right: -12px; +} + +popover.menu modelbutton check, popover.menu modelbutton radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu modelbutton check:dir(ltr), popover.menu modelbutton radio:dir(ltr) { + margin-right: 8px; +} + +popover.menu modelbutton check:dir(rtl), popover.menu modelbutton radio:dir(rtl) { + margin-left: 8px; +} + +popover.menu modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover.menu modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { + color: rgba(255, 255, 255, 0.7); +} + +popover.menu modelbutton check, popover.menu modelbutton check:hover, popover.menu modelbutton check:disabled, popover.menu modelbutton radio, popover.menu modelbutton radio:hover, popover.menu modelbutton radio:disabled { + box-shadow: none; +} + + +check { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")); +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); +} + + +radio { + -gtk-icon-size: 24px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); +} + + +popover.menu modelbutton check { + min-height: 16px; + min-width: 16px; + border-radius: 7px; + -gtk-icon-size: 16px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); +} + + +popover.menu modelbutton check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); +} + + +popover.menu modelbutton check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); +} + + +popover.menu modelbutton radio { + min-height: 16px; + min-width: 16px; + border-image: none; + -gtk-icon-size: 16px; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); +} + + +popover.menu modelbutton radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); +} + + +popover.menu modelbutton radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +check:not(:checked), +radio:not(:checked) { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; +} + +check:not(:checked):active, +radio:not(:checked):active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; +} + +popover.menu modelbutton check:not(:checked), popover.menu modelbutton radio:not(:checked) { + transition: none; +} + +treeview.view check, +treeview.view radio { + padding: 0; +} + +treeview.view check:hover, +treeview.view radio:hover { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check:hover:disabled, +treeview.view radio:hover:disabled { + box-shadow: none; +} + +treeview.view check:hover:selected, +treeview.view radio:hover:selected { + box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); +} + +treeview.view check, +treeview.view radio { + color: rgba(255, 255, 255, 0.7); +} + +treeview.view check:hover, treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: #FFFFFF; +} + +treeview.view check:disabled, +treeview.view radio:disabled { + color: rgba(255, 255, 255, 0.3); +} + +treeview.view check:checked, treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: #7C4DFF; +} + +treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: rgba(124, 77, 255, 0.5); +} + +treeview.view radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); + border-image: none; +} + +/*************** + * Header bars * + ***************/ +headerbar .linked.path-bar:not(.vertical) > button, +headerbar stackswitcher.linked:not(.vertical) > button { + background-color: transparent; + box-shadow: none; +} + +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar stackswitcher.linked:not(.vertical) > button:hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: inset 0 -2px transparent; +} + +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar stackswitcher.linked:not(.vertical) > button:active { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.15); + box-shadow: inset 0 -2px transparent; +} + +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar stackswitcher.linked:not(.vertical) > button:checked { + border-radius: 0; + color: #FFFFFF; + background-color: transparent; + box-shadow: inset 0 -2px #5657f5; + background-image: none; +} + +headerbar .linked:not(.vertical).path-bar > button:checked:backdrop, +headerbar stackswitcher.linked:not(.vertical) > button:checked:backdrop, headerbar .linked:not(.vertical).path-bar > button:active:backdrop, +headerbar stackswitcher.linked:not(.vertical) > button:active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +headerbar { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 48px; + padding: 0; + margin: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + border-radius: 13px 13px 0 0; +} + +headerbar:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled :not(button) > label { + color: rgba(255, 255, 255, 0.3); +} + +.sidebar-pane headerbar { + border-top-right-radius: 0; +} + +.content-pane headerbar { + border-top-left-radius: 0; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar entry { + background-color: #3d3d48; +} + +headerbar entry:focus { + background-color: #444450; +} + +headerbar .linked:not(.vertical) > entry:not(.flat) { + border-radius: 7px; +} + +headerbar .linked:not(.vertical) > button { + border-radius: 7px; +} + +headerbar button:not(.suggested-action):not(.destructive-action) { + border-image: none; + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; +} + +headerbar button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action):checked { + border-image: none; + background-color: #5657f5; + color: #FFFFFF; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(86, 87, 245, 0.5); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { + background-image: none; + color: rgba(255, 255, 255, 0.7); +} + +headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher, +headerbar menubutton, +headerbar splitbutton { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar stackswitcher > button, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; +} + +headerbar splitbutton { + border-radius: 9999px; +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box > headerbar:only-child { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08); +} + +headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { + border-left-color: #31313a; + border-right-color: #31313a; +} + +headerbar.selection-mode { + transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); + animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08); + background-color: #5657f5; + color: #FFFFFF; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + color: #FFFFFF; +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(255, 255, 255, 0.3); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; +} + +headerbar.default-decoration { + min-height: 36px; + padding: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; + background-image: none; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration windowcontrols button { + min-height: 16px; + min-width: 16px; + margin: 0 2px; + padding: 0; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-color: #31313a; +} + +window.devel headerbar.titlebar { + background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(86, 87, 245, 0.1)), linear-gradient(to top, #232328 3px, #28282d); +} + +window.devel headerbar.titlebar:backdrop { + background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#34343b); + /* background-color would flash */ +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 4px; + min-width: 4px; + padding: 16px; +} + +scale > trough { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(255, 255, 255, 0.2); +} + +scale > trough:disabled { + background-color: rgba(255, 255, 255, 0.08); +} + +scale > trough > slider { + min-height: 32px; + min-width: 32px; + margin: -15px; +} + +scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { + border: none; + outline: none; + box-shadow: none; + background-color: transparent; +} + +scale > trough > highlight { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: #7C4DFF; +} + +scale > trough > highlight:disabled { + background-color: transparent; +} + +scale > trough > fill { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.2); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); + background-repeat: no-repeat; + background-position: center; + background-size: auto, 1000% 1000%; + border-radius: 50%; + color: transparent; +} + +scale > trough > slider { + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); +} + +scale > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); +} + +scale > trough > slider:hover { + background-color: rgba(124, 77, 255, 0.08); +} + +scale > trough > slider:focus { + background-color: rgba(124, 77, 255, 0.12); +} + +scale > trough > slider:focus:hover { + background-color: rgba(124, 77, 255, 0.16); +} + +scale > trough > slider:active { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: rgba(124, 77, 255, 0.08); + color: rgba(124, 77, 255, 0.12); +} + +scale.fine-tune slider { + background-size: calc(100% - 12px); +} + +scale > marks label, +scale > value { + color: rgba(255, 255, 255, 0.5); +} + +scale > marks { + color: rgba(255, 255, 255, 0.2); +} + +scale > marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale > marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale > marks.left { + margin-right: 7px; + margin-left: -15px; +} + +scale > marks.right { + margin-left: 7px; + margin-right: -15px; +} + +scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.fine-tune marks.left { + margin-right: 6px; + margin-left: -14px; +} + +scale.fine-tune marks.right { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -16px; + margin-top: -6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -16px; + margin-right: -6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -16px; + margin-left: -6px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +progressbar.horizontal > trough { + min-width: 150px; +} + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 4px; +} + +progressbar.vertical > trough { + min-height: 80px; +} + +progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 4px; +} + +progressbar > trough { + border-radius: 9999px; + background-color: rgba(93, 125, 251, 0.3); +} + +progressbar > trough > progress { + border-radius: 9999px; + background-color: #5D7DFB; + background-image: linear-gradient(to left, #BA68C8, #7E57C2); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; + padding: 0; + margin: 0; + box-shadow: none; +} + +progressbar.osd > trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; +} + +progressbar.osd > trough > progress { + border-style: none; + border-radius: 0; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 4px; +} + +levelbar.horizontal.discrete block { + min-width: 36px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical > trough > block { + min-width: 4px; +} + +levelbar.vertical.discrete block { + min-height: 36px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar > trough { + padding: 2px; + border-radius: 5px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); + background-color: #31313a; +} + +levelbar > trough:disabled { + background-color: #3b3b43; +} + +levelbar > trough > block.low { + background-color: #FF6D00; +} + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + background-color: #5657f5; +} + +levelbar > trough > block.full { + background-color: #00C853; +} + +levelbar > trough > block.empty { + background-color: rgba(255, 255, 255, 0.08); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #FFFFFF; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + box-shadow: none; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border { + border-style: none; +} + +frame { + border-radius: 8px; +} + +frame > label { + margin: 4px; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.08); +} + +separator.spacer { + border: none; + background-color: transparent; +} + + +button.font separator, +button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +listview, +list { + border-color: rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +listview > row, +list > row { + padding: 3px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 3px; +} + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), +list.horizontal row.separator, +list.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), +list:not(.horizontal) row.separator, +list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0; + background-color: transparent; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover, row.activatable:hover { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0, background-color 0; + background-color: rgba(255, 255, 255, 0.05); +} + +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0; + background-color: rgba(255, 255, 255, 0.15); + background-size: 0% 0%; +} + +row button.circular { + margin: 0 6px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: #474751; +} + +columnview.data-table > listview > row > cell { + padding-top: 3px; + padding-bottom: 3px; +} + +columnview > header > button { + padding-left: 6px; + padding-right: 6px; + border-left: 1px solid transparent; +} + +columnview > header > button:first-child { + border-left-width: 0; +} + +columnview.column-separators > listview > row > cell, +columnview.column-separators > header > button { + border-left-color: rgba(255, 255, 255, 0.08); +} + +columnview > listview:not(.horizontal).separators > row:not(.separator) { + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: none; +} + +columnview.data-table > listview > row > cell { + padding-top: 3px; + padding-bottom: 3px; +} + +columnview ~ undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(255, 255, 255, 0.05); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #5657f5; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #FFFFFF; + background-color: #5657f5; +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 6px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 12px; +} + +/**************** + * AdwActionRow * + ****************/ +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 58px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +/*************** + * AdwComboRow * + ***************/ +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.35); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +/****************** + * AdwExpanderRow * + ******************/ +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, +.osd list.boxed-list > row:focus:focus-visible, +.osd list.boxed-list > row.expander row.header:focus:focus-visible, +list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +row.expander { + background: none; + padding: 0; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + background-color: #31313a; + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #5657f5; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.35); +} + +/***************** + * Boxed Lists * + *****************/ +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:only-child, +list.boxed-list > row:only-child.expander:not(:checked), +list.boxed-list > row:only-child.expander:not(:checked) row.header, +list.boxed-list > row:only-child.expander:checked list.nested, +list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(255, 255, 255, 0.7); +} + +expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander:checked { + -gtk-icon-transform: unset; +} + +expander:hover, expander:active { + color: #FFFFFF; +} + +expander:disabled { + color: rgba(255, 255, 255, 0.3); +} + +expander:selected { + color: rgba(255, 255, 255, 0.7); +} + +expander:selected:hover, expander:selected:active { + color: #FFFFFF; +} + +expander:selected:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/************ + * Calendar * + ************/ +calendar { + color: rgba(255, 255, 255, 0.7); + border: 1px solid rgba(255, 255, 255, 0.08); +} + +calendar > header { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; +} + +calendar > header > button:backdrop { + background: none; +} + +calendar > grid > label { + border-radius: 3px; +} + +calendar > grid > label.today { + background-color: rgba(255, 255, 255, 0.15); +} + +calendar > grid > label.day-number { + padding: 4px; +} + +calendar > grid > label.day-number:selected { + border-radius: 3px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.dialog.message { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.background { + background-color: rgba(68, 69, 75, 0.95); +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: rgba(68, 69, 75, 0.95); + color: rgba(255, 255, 255, 0.8); + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +window.dialog.message .titlebar:backdrop { + color: rgba(255, 255, 255, 0.3); +} + +window.dialog.message list, window.dialog.message row, window.dialog.message .view, window.dialog.message textview.view > text { + color: rgba(255, 255, 255, 0.8); + background-color: #3d3e43; + border-color: rgba(255, 255, 255, 0.12); +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button { + padding: 4px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:hover { + color: #7C4DFF; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:checked { + background-color: #7C4DFF; + color: white; + border-color: #7C4DFF; + box-shadow: none; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:disabled { + opacity: 0.65; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:hover { + color: #FF5252; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:checked { + background-color: #FF5252; + color: white; + border-color: #FF5252; + box-shadow: none; +} + +window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:disabled { + opacity: 0.65; +} + +window.dialog.message.csd { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.csd.background { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button { + padding: 8px 16px; + border-top: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 0; + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:first-child { + border-bottom-left-radius: 7px; + border-top-left-radius: 0; +} + +window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:last-child { + border-bottom-right-radius: 7px; + border-top-right-radius: 0; +} + +window.dialog.message entry { + color: rgba(255, 255, 255, 0.8); +} + +window.dialog.message expander title > arrow { + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message expander title > arrow:hover, window.dialog.message expander title > arrow:active { + color: #FFFFFF; +} + +window.dialog.message expander title > arrow:disabled { + color: rgba(255, 255, 255, 0.3); +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + background-color: #34343b; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #3c3c46; +} + +.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #474751; + border-left-style: none; +} + +.sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #474751; + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +separator.sidebar:dir(ltr), separator.sidebar.left, separator.sidebar.left:dir(rtl), +leaflet .sidebar:dir(ltr), +leaflet .sidebar.left, +leaflet .sidebar.left:dir(rtl), +flap .sidebar:dir(ltr), +flap .sidebar.left, +flap .sidebar.left:dir(rtl) { + border-right: none; +} + +separator.sidebar:dir(rtl), separator.sidebar.right, +leaflet .sidebar:dir(rtl), +leaflet .sidebar.right, +flap .sidebar:dir(rtl), +flap .sidebar.right { + border-left: none; +} + +separator.sidebar { + background-color: rgba(255, 255, 255, 0.08); +} + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; +} + +stacksidebar row { + padding: 10px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +.navigation-sidebar { + padding: 6px; +} + +.navigation-sidebar > separator { + margin: 6px; +} + +.navigation-sidebar > row { + min-height: 28px; + padding: 3px 6px; + border-radius: 7px; + margin: 0; +} + +.navigation-sidebar > row + row { + margin-top: 3px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.06); +} + +.navigation-sidebar > row:selected { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.08); +} + +.navigation-sidebar > row:selected label { + color: #FFFFFF; +} + +.navigation-sidebar > row:selected:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #FFFFFF; + background-color: #5657f5; +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #8687f8; +} + +.navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.3); +} + +/**************** + * File chooser * + ****************/ +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button { + color: rgba(86, 87, 245, 0.75); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active { + color: #5657f5; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled { + color: rgba(86, 87, 245, 0.35); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked { + background-color: rgba(86, 87, 245, 0.1); + color: #5657f5; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled { + background-color: rgba(86, 87, 245, 0.05); + color: rgba(86, 87, 245, 0.55); +} + +row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +row:selected image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + padding: 0; + margin: 0; + border-radius: 0 7px 7px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 12px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: rgba(255, 255, 255, 0.06); + color: #5657f5; +} + +placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label { + color: #9e9ff9; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + min-height: 2px; + padding: 0 8px; + background-image: image(#7C4DFF); + background-clip: content-box; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row, placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #7C4DFF; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + box-shadow: inset 0 0 0 2px #7C4DFF; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.08)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #34343b; + background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08)); + 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; +} + +video { + background: black; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; +} + +infobar.info { + background-color: #66BB6A; +} + +infobar.question { + background-color: #42A5F5; +} + +infobar.warning { + background-color: #FFA726; +} + +infobar.error { + background-color: #EF5350; +} + +infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { + color: #FFFFFF; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px; + border-radius: 8px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +tooltip.background { + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.75); + color: white; + border: none; +} + +tooltip label { + min-height: 20px; + padding: 0 3px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch:drop(active).dark overlay { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF; +} + +colorswatch overlay { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +colorswatch overlay:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 5px; +} + +colorswatch#add-color-button overlay { + background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 5.5px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 5px; +} + +colorchooser .popover.osd { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 7px; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #34343b; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 13px; + box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 36px transparent; + margin: 0; + outline: none; + transition: none; +} + +window.csd:backdrop { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 36px transparent; + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; +} + +window.solid-csd { + margin: 0; + border: none; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #31313a; +} + +window.ssd { + box-shadow: none; +} + +/***************** + * Title buttons * + *****************/ +headerbar windowcontrols { + border-spacing: 6px; +} + +headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { + padding: 0 12px; + margin-right: 6px; +} + +headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { + padding: 0 12px; + margin-left: 6px; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + padding: 0; + border: none; + outline: none; + box-shadow: none; + background: none; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize { + min-width: 12px; + min-height: 12px; + padding: 0; + margin: 0 2px; + color: transparent; + background-color: rgba(255, 255, 255, 0.3); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover { + color: rgba(255, 255, 255, 0.7); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:checked { + color: #FFFFFF; +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop { + color: transparent; + background-color: rgba(255, 255, 255, 0.12); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close { + transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover { + padding: 2px; + margin: -2px 0; + background-color: #EF5350; + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked { + padding: 2px; + margin: -2px 0; + background-color: #7C4DFF; + color: #FFFFFF; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1); +} + +emoji-completion-row:focus, +emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected { + background-color: #5657f5; +} + +emoji-completion-row:focus, +emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected { + color: #FFFFFF; +} + +emoji-completion-row:disabled:focus, +emoji-completion-row:disabled:hover, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, spinbutton > text > selection:disabled, row:disabled:selected, calendar > grid > label.today:disabled:selected, calendar > grid > label.day-number:disabled:selected { + color: rgba(255, 255, 255, 0.5); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + border-radius: 9999px; + background-color: #7C4DFF; + background-image: none; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + padding-left: 6px; + border-top-right-radius: 0; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + padding-right: 6px; + border-top-left-radius: 0; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +.context-menu { + font: initial; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(255, 255, 255, 0.08); + border-radius: 5px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08); + background-color: #31313a; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + transition: all 225ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF; + caret-color: #7C4DFF; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +button.emoji-section { + margin-top: -1px; + padding: 0 8px; + min-width: 24px; + min-height: 36px; + border-radius: 0; + box-shadow: none; +} + +button.emoji-section:hover { + box-shadow: inset 0 2px rgba(255, 255, 255, 0.2); +} + +button.emoji-section:active { + box-shadow: inset 0 2px #5657f5; +} + +button.emoji-section:checked { + box-shadow: inset 0 2px #5657f5; + background-color: transparent; +} + +button.emoji-section:first-child { + margin-left: 4px; +} + +button.emoji-section:last-child { + margin-right: 4px; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #5657f5; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background: none; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.05); + border-radius: 3px; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px; +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd:not(.view), .nautilus-window.background.csd .sidebar-pane { + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + background-color: rgba(49, 49, 58, 0.97); +} + +.nautilus-window.background.csd:not(.view) headerbar, .nautilus-window.background.csd .sidebar-pane headerbar { + background-color: transparent; + background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png")); + background-size: 48px auto; + background-position: left bottom; + background-repeat: no-repeat; + padding-left: 54px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-window.background.csd .background .top-bar headerbar { + box-shadow: none; +} + +.nautilus-window.background.csd .background list.navigation-sidebar { + background-color: transparent; +} + +.nautilus-window.background.csd .background list.navigation-sidebar > row { + border-radius: 0; +} + +.nautilus-window.background.csd .nautilus-grid-view, .nautilus-window.background.csd .nautilus-grid-view gridview.view { + background-color: transparent; +} + +.nautilus-window.background.csd .nautilus-grid-view gridview.view { + padding: 3px 0; +} + +.nautilus-window.background.csd .nautilus-list-view { + margin: 0 6px 6px 0; +} + +.nautilus-window.background.csd .nautilus-list-view, .nautilus-window.background.csd .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window.background.csd placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd placesview label:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd placesview list, .nautilus-window.background.csd placesview actionbar, .nautilus-window.background.csd placesview actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar { + background: none; + margin-right: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar { + background-color: transparent; + padding: 0; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row { + padding-left: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row .sidebar-revealer, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row .sidebar-revealer { + padding: 0 0 0 12px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:focus, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:hover, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:active, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:focus { + transition: none; + animation: none; + background-color: transparent; + box-shadow: none; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row image.sidebar-icon, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: rgba(255, 255, 255, 0.7); + margin-right: 6px; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row label.sidebar-label { + padding-left: 18px; + color: rgba(255, 255, 255, 0.7); + border-radius: 0 7px 7px 0; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover label.sidebar-label { + background-color: rgba(255, 255, 255, 0.03); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:backdrop, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:backdrop { + opacity: 0.85; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected label.sidebar-label, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected label.sidebar-label { + color: #9e9ff9; + background-color: rgba(255, 255, 255, 0.06); +} + +.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon { + color: #FFFFFF; +} + +.nautilus-window.background.csd flap.unfolded > placessidebar separator, +.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar separator { + background-color: transparent; +} + +.nautilus-window.background.csd #NautilusPathBar { + border-radius: 9999px; + margin: 6px 0; + padding: 0; + background-image: linear-gradient(to bottom, #6C6AF2, #4648FB); + background-size: auto auto; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.nautilus-window.background.csd #NautilusPathBar .dim-label, .nautilus-window.background.csd #NautilusPathBar label.separator, .nautilus-window.background.csd #NautilusPathBar entry > text > placeholder, .nautilus-window.background.csd #NautilusPathBar spinbutton:not(.vertical) > text > placeholder, .nautilus-window.background.csd #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window.background.csd #NautilusPathBar .subtitle, .nautilus-window.background.csd #NautilusPathBar row label.subtitle, row .nautilus-window.background.csd #NautilusPathBar label.subtitle, .nautilus-window.background.csd #NautilusPathBar row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-window.background.csd #NautilusPathBar image.expander-row-arrow { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action) { + margin: 0; + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton { + margin: 0; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton > button { + border-radius: 9999px; + margin: 0; +} + +.nautilus-window.background.csd #NautilusPathBar > menubutton > button:checked { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + background-image: none; +} + +.nautilus-window.background.csd #NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditor { + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + padding: 0 4px 0 8px; +} + +.nautilus-window.background.csd #NautilusQueryEditor:focus-within { + color: #FFFFFF; +} + +.nautilus-window.background.csd #NautilusQueryEditor:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button { + min-width: 28px; + min-height: 28px; + margin: 4px 0; + padding: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditor > text { + margin: 0; +} + +.nautilus-window.background.csd #NautilusQueryEditorTag { + border-radius: 9999px; +} + +.nautilus-window.background.csd #NautilusQueryEditorTag > button { + margin: 3px; + padding: 0; + min-height: 22px; + min-width: 22px; +} + +.nautilus-window.background.csd label.search-information { + margin: 2px; + border-radius: 3px; +} + +.nautilus-window.background.csd flap > separator { + min-width: 20px; + color: transparent; + background-image: url("assets/scalable/side-paned.svg"); + background-size: 20px 750px; + background-position: left center; + background-repeat: no-repeat; + background-color: transparent; + border: none; +} + +.nautilus-window.background.csd .floating-bar { + min-height: 32px; + padding: 0; + margin: 0; + border-style: solid solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.08); + border-radius: 13px 13px 0 0; + color: #FFFFFF; + background-color: #31313a; + background-clip: border-box; + transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0; + box-shadow: none; +} + +.nautilus-window.background.csd .floating-bar.bottom.left { + margin-right: 7px; + border-left-style: none; + border-top-left-radius: 0; + border-bottom-left-radius: 13px; +} + +.nautilus-window.background.csd .floating-bar.bottom.right { + margin-left: 7px; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 13px; +} + +.nautilus-window.background.csd .floating-bar button { + margin: 4px; +} + +.nautilus-window.background.csd.maximized .floating-bar { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #5657f5; + border-radius: 0; + color: #FFFFFF; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #FF6D00; +} + +.origin-button > button { + padding: 3px 9px; +} + +flowboxchild.card { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +button.card.category-tile { + padding: 21px; + border: none; + border-radius: 7px; + min-width: 140px; + font-weight: 900; + font-size: larger; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); +} + +button.card.category-tile.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; + box-shadow: none; +} + +button.card.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +button.card.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +button.card.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +button.card.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +button.card.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +button.card.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +button.card.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +button.card.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +button.card.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +button.card.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +button.card.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +button.card.category-tile.category-work { + padding: 1px; + /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ + color: #1c71d8; + background-color: #fdf8d7; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +button.card.category-tile.category-work:hover { + color: #1c71d8; + background-color: #fefcef; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); +} + +button.card.category-tile.category-work:active { + color: #1c71d8; + background-color: #fcf4bf; + background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: #FFFFFF; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.08); +} + +.application-details-infobar.warning { + background-color: #FF6D00; + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(255, 255, 255, 0.5); + background-image: none; + background-color: rgba(255, 255, 255, 0.2); +} + +.review-histogram star-image { + color: rgba(255, 255, 255, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #FBC02D; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 7px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #4CAF50, #2196F3); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +banner > revealer > widget { + background-color: #5657f5; + padding: 6px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(255, 255, 255, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(255, 255, 255, 0.08); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 7px 7px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 7px 0 0 7px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.08); +} + +carousel.card { + border: none; + background-color: rgba(255, 255, 255, 0.05); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.08); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #007c33; + background-color: rgba(0, 200, 83, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #b34c00; + background-color: rgba(255, 109, 0, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #FF9800; + background-color: rgba(255, 152, 0, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #911d00; + background-color: rgba(221, 44, 0, 0.15); +} + +.eol-red { + font-weight: bold; + color: #DD2C00; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #DD2C00; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents leaflet { + background-color: transparent; +} + +window > contents leaflet stack.background { + background-color: transparent; +} + +window > contents leaflet.unfolded stack.background leaflet box.vertical:last-child > headerbar, +window > contents leaflet.unfolded stack.background leaflet + headerbar { + border-top-left-radius: 0; +} + +window > contents leaflet.unfolded > separator + box.vertical > headerbar { + border-top-right-radius: 0; + border-top-left-radius: 13px; +} + +window > contents leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #31313a; +} + +window > widget leaflet { + background-color: transparent; +} + +window > widget leaflet stack.background { + background-color: transparent; +} + +window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar, +window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar, +window > widget leaflet.unfolded > box:not(:last-child) headerbar { + border-top-left-radius: 0; +} + +window > widget leaflet.unfolded > separator + box > headerbar { + border-top-right-radius: 0; +} + +window > widget leaflet > box > scrolledwindow > viewport > widget > stack { + background-color: #31313a; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +window > contents leaflet.unfolded > box.vertical > headerbar { + border-top-left-radius: 0; +} + +datechooser { + padding: 6px; +} + +datechooser button, datechooser button.flat, datechooser button.toggle, datechooser button.text-button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +datechooser button.day.text-button:selected { + box-shadow: none; + background-color: #5657f5; + color: #FFFFFF; +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #5657f5; +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #5657f5; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#5657f5, 0.3); +} + +popover.events { + background-color: #3c3c46; + padding: 0; +} + +popover.events box { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +popover.events list { + background-color: #31313a; + border-radius: 7px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 7px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 7px; +} + +event.timed widget.edge { + border-radius: 3.5px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3.5px 3.5px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3.5px 0 0 3.5px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #31313a; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +datechooser button.day, datechooser button.day.text-button { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot, datechooser button.day.text-button dot { + background-color: #FFFFFF; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected { + background-color: #5657f5; + color: #FFFFFF; + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot { + background-color: #FFFFFF; +} + +datechooser button.day.today, datechooser button.day.text-button.today { + color: #5657f5; +} + +datechooser button.day.today dot, datechooser button.day.text-button.today dot { + background-color: #5657f5; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.text-button.other-month:hover:not(:backdrop) { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.text-button.other-month:hover:not(:backdrop) dot { + background-color: rgba(255, 255, 255, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(255, 255, 255, 0.2); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.08); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.08); +} + +weekgrid > widget.now-strip { + background-color: alpha(#5657f5, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#5657f5, 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 0.08); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #3b3b43; + transition: background-color 200ms; + color: #FFFFFF; +} + +monthcell:selected { + background-color: alpha(#5657f5, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#5657f5, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#5657f5, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#5657f5, 0.3); + color: #5657f5; +} + +monthcell.today:selected { + background-color: alpha(#5657f5, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#5657f5, 0.35); +} + +monthcell label { + color: #FFFFFF; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.05); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 7px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(255, 255, 255, 0.05); + color: #FFFFFF; + border-radius: 7px; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button.toggle { + border-radius: 0; +} + +menubutton.sources-button > button.toggle .title { + font-size: 10pt; + font-weight: normal; + padding: 0 6px; +} + +menubutton.sources-button > button.toggle .subtitle { + font-size: 8pt; + padding: 0 6px; +} + +menubutton.sources-button > button.toggle .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.topbar headerbar menubutton.sources-button > button.toggle { + border-radius: 0 0 7px 7px; +} + +agenda-view list.background { + background-color: transparent; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #5657f5; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #1E88E5; + background-color: alpha(#2196F3, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #F57C00; + background-color: alpha(#FF9800, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #F9A825; + background: alpha(#FDD835, 0.25); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: white; +} + +avatar.image { + background: none; +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { + box-shadow: none; +} + +.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { + outline: none; +} + +splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +button.opaque { + background-color: #505058; + color: #FFFFFF; +} + +button.destructive-action { + color: on(#FF5252); +} + +button.destructive-action, button.destructive-action:checked { + background-color: #FF5252; +} + +button.suggested-action { + color: on(#7C4DFF); +} + +button.suggested-action, button.suggested-action:checked { + background-color: #7C4DFF; +} + +button.font separator { + background-color: transparent; +} + +button.font > box { + border-spacing: 6px; +} + +button.font > box > box > label { + font-weight: bold; +} + +menubutton.pill > button, button.pill { + padding: 10px 32px; + border-radius: 9999px; +} + +button.card { + background-clip: padding-box; + font-weight: inherit; + box-shadow: none; + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +button.card:hover { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + outline: none; +} + +button.card.keyboard-activating, button.card:active { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + +button.card:checked { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06); + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + outline: none; +} + +button.card:drop(active) { + color: #FF6D00; + box-shadow: inset 0 0 0 1px #FF6D00; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #7C4DFF; + color: on(#7C4DFF); +} + +menubutton.destructive-action { + background-color: #FF5252; + color: on(#FF5252); +} + +menubutton.opaque { + background-color: #505058; + color: #FFFFFF; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 7px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 7px; +} + +splitbutton:disabled { + filter: none; + opacity: 1; +} + +splitbutton, splitbutton > separator { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton.image-button > button { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(255, 255, 255, 0.08); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 7px; +} + +splitbutton.suggested-action { + background-color: #7C4DFF; + color: on(#7C4DFF); +} + +splitbutton.destructive-action { + background-color: #FF5252; + color: on(#FF5252); +} + +splitbutton.opaque { + background-color: #505058; + color: #FFFFFF; +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +toast { + background-color: #31313a; + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12), 0 10px 16px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + font-weight: normal; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > widget { + margin: 0 6px; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.45); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.45; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +list.content, +list.boxed-list, .card { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.08); + background-clip: padding-box; + background-color: #31313a; + color: rgba(255, 255, 255, 0.7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box, preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 36px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 6px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(255, 255, 255, 0.15); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(255, 255, 255, 0.2); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #5657f5; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 0; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.05); + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator { + background-color: #FFFFFF; +} + +viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label { + color: #5657f5; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; + border: none; + background-color: transparent; + box-shadow: none; +} + +viewswitcher.narrow button.toggle:hover { + color: #FFFFFF; + box-shadow: inset 0 -2px transparent; + background-color: rgba(255, 255, 255, 0.04); +} + +viewswitcher.narrow button.toggle:active { + color: #FFFFFF; + box-shadow: inset 0 -2px #5657f5; + background-color: rgba(255, 255, 255, 0.1); +} + +viewswitcher.narrow button.toggle:checked { + border-radius: 0; + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.06); + box-shadow: inset 0 -2px #5657f5; + background-image: none; +} + +viewswitcher.narrow button.toggle:checked:backdrop, viewswitcher.narrow button.toggle:active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; + min-height: 0; + margin: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 7px; + padding-bottom: 5px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 8px; + padding-right: 8px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 0 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action) { + transition: none; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):hover { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.04); + box-shadow: inset 0 2px transparent; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: inset 0 2px #5657f5; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked { + border-radius: 0; + color: #FFFFFF; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: rgba(255, 255, 255, 0.06); + box-shadow: inset 0 2px #5657f5; + background-image: none; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:backdrop, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active:backdrop { + color: rgba(255, 255, 255, 0.7); + box-shadow: inset 0 2px rgba(255, 255, 255, 0.5); +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + padding: 0; + background: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 2px 5px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #5657f5; +} + +indicatorbin.needs-attention > indicator > label { + color: #FFFFFF; +} + +tabbar .box { + background-color: #31313a; + color: #FFFFFF; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08); + padding: 1px; + padding-top: 0; +} + +tabbar .box:backdrop { + background-color: #424249; + transition: background-color 200ms ease-out; +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: opacity(0.5); + transition: filter 200ms ease-out; +} + +tabbar tabbox { + padding-bottom: 0; + padding-top: 0; + min-height: 34px; +} + +tabbar tabbox > tabboxchild { + border-radius: 7px; +} + +tabbar tabbox > separator { + margin-top: 9px; + margin-bottom: 9px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > revealer > indicator { + min-width: 2px; + border-radius: 2px; + margin: 3px 6px; + background: #5657f5; +} + +tabbar tab { + transition: background 150ms ease-in-out; +} + +tabbar tab:selected { + background-color: rgba(255, 255, 255, 0.06); +} + +tabbar tab:selected:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +tabbar tab:selected:active { + background-color: rgba(255, 255, 255, 0.12); +} + +tabbar tab:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +tabbar tab:active { + background-color: rgba(255, 255, 255, 0.1); +} + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { + background: none; +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px 5px; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + padding-right: 0; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + padding-left: 0; +} + +tabbar.inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; +} + +tabbar.inline .box:backdrop { + background-color: transparent; + transition: none; +} + +tabbar.inline .box:backdrop > scrolledwindow, +tabbar.inline .box:backdrop > .start-action, +tabbar.inline .box:backdrop > .end-action { + filter: none; + transition: none; +} + +dnd tab { + background-color: #31313a; + background-image: image(rgba(255, 255, 255, 0.12)); + color: #FFFFFF; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); + margin: 25px; +} + +tabbar tab, +dnd tab { + min-height: 26px; + padding: 4px; + border-radius: 7px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 99px; +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#5657f5, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 11px; + transition: box-shadow 200ms ease-out, background-color ease-out; +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#FF6D00, 0.4); + background-color: alpha(#FF6D00, 0.1); +} + +tabthumbnail .needs-attention:dir(ltr) { + transform: translate(8px, -8px); +} + +tabthumbnail .needs-attention:dir(rtl) { + transform: translate(-8px, -8px); +} + +tabthumbnail .needs-attention > widget { + background: #5657f5; + min-width: 12px; + min-height: 12px; + border-radius: 8px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#5657f5, 0.4); +} + +tabthumbnail .card { + background: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: none; + border-radius: 7px; +} + +tabthumbnail.pinned .card { + background-color: rgba(86, 87, 245, 0.12); + color: #FFFFFF; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular { + margin: 6px; + background-color: alpha(#5657f5, 0.15); + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular:hover { + background-color: alpha(#5657f5, 0.2); +} + +tabthumbnail button.circular:active { + background-color: alpha(#5657f5, 0.25); +} + +taboverview > .overview .new-tab-button { + margin: 18px; +} + +tabview:drop(active), +tabbox:drop(active), +tabgrid:drop(active) { + box-shadow: none; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane { + background-color: #3b3b43; + color: #FFFFFF; +} + +.sidebar-pane:backdrop { + background-color: #34343b; + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane .toolbar, +.sidebar-pane .sidebar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane headerbar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming { + background: none; +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px); +} + +.sidebar-pane banner > revealer > widget { + background-color: gtkmix(#5657f5, #3b3b43, 30%); + color: #FFFFFF; +} + +.sidebar-pane banner > revealer > widget:backdrop { + background-color: gtkmix(#5657f5, #3b3b43, 30%); +} + +.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #31313a; + color: #FFFFFF; +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #34343b; + transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1); +} + +.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); + background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); + background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px); +} + +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: none; +} + +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px); +} + +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: gtkmix(#5657f5, #31313a, 30%); + color: #FFFFFF; +} + +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: gtkmix(#5657f5, #31313a, 30%); +} + +.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(255, 255, 255, 0.08); +} + +.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(255, 255, 255, 0.08); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.top-bar { + padding: 0; + background-color: transparent; + box-shadow: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop, +.top-bar box > headerbar:only-child, +.top-bar box > headerbar:only-child:backdrop { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #5657f5; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); + color: #FFFFFF; + background-color: #5657f5; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: #FFFFFF; + background-color: #5657f5; +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px #5657f5; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color currentColor; +/* +widget base background color */ +@define-color theme_bg_color #34343b; +/* +text widgets and the like base background color */ +@define-color theme_base_color #31313a; +/* +base background color of selections */ +@define-color theme_selected_bg_color #5657f5; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #FFFFFF; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #34343b; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color alpha(currentColor, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #3b3b43; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color currentColor; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #34343b; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #31313a; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #5657f5; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #FFFFFF; +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color alpha(currentColor, 0.5); +/* +widgets main borders color */ +@define-color borders alpha(currentColor, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders alpha(currentColor, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #FF6D00; +@define-color error_color #DD2C00; +@define-color success_color #00C853; +/* +FIXME this is really an API */ +@define-color content_view_bg #31313a; +@define-color placeholder_text_color #c1c1c4; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #232329; +@define-color budgie_tasklist_indicator_color #7C4DFF; +@define-color budgie_tasklist_indicator_color_active #7C4DFF; +@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931); +@define-color budgie_tasklist_indicator_color_attention #FF6D00; +@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/gtk-assets/header-icon-alt.png b/gtk-assets/header-icon-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..6906eb96218bfb599d34f2369fbb780b139c9d99 GIT binary patch literal 619 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4mJh`hH$2z?FanM z1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&e|Wk$hGaCpy=Vdv(2bA>1TY!e&A96fZLL_}P;1zQ9Rgg9?_csc5nxE@SMRWbV}ro<68>7JL< z5&p;Q0%euf&+nbJHQOyTO?Ah~+aaG{zdQ5voJ@uP5zFUuiqC=hjOTpxt^{cX1{pxvg#xpHc?!Xx_Cyw=PTe6fsIk`M@<}i14apJga zcZ@7) zQoYBf&ndpS{^^|A$Nx^z;%0cTvm-`&&E!9tN_U-~-<)#EEl@=M_f~;Jkqoz0x&xnw z2{9aS4&AG-bjI@iwbx&-&iULvr&#T#(8RTKjH?*`J((jfBO~)iZRh`d!K>PuOP7bf zF`l$ZC!g_0UfOTXrBe^v8b_OMww+XLc+p+8)c9qvl9*`ECShl;?^w^IXPjnjY`Ykv1FA_S?H&b^` zRLB3swCuxmL6d@2q*cAdVY+`C|VQph)@8Ia{>gMC)>lYXl8Ws@|6%!kmkeHN`lAe*7S6EzHR#{b3+tA$A z)7v+3@|5Y*XU?88cm9F}3l}Y3x@^VDm8({-TfbrBrp;TnZr!$h$BtdQckkJ|Z{Pmx zS|w20+2!ft7$PD0_TbNWoCX1uVkM*5>AO)!+R|#mgvE=ddi3#KpXL#k zxwdEK_xX3W=aXlo%KC*lk1TH$ zRX^l(T>C*pR=MD<)cdBO?=Ow~7i660);qc&;L@V>I`f9w%PQ>){oa~Svtf}E&oI8d z!0U<+wVkvBP z^?&UwUO%CG;t!eF{d|hf*FPKl@t&#DTgU70TI*)_EPj>G{wJnKg-%;n{bB7_^^;Ti zEN*ef^d;3#tLgWC{l@XM)XpoGp4z62)&)gx7#mI$ zxE+>_W54htPl?5J*S;4UGBvEOv&2ZY=vvvaxauw0u=d^NfF*Lbv#&vd`^dSij4Yoo WtNh+oX2!t4z~JfX=d#Wzp$P!HbiN$` literal 0 HcmV?d00001 diff --git a/gtk-assets/header-icon.png b/gtk-assets/header-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d83d75d556402ac09f767b6987b1bf7bac7c77fe GIT binary patch literal 670 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lDhK$4xaMSi%E|hi zoBcUA`%7;2*Swssc{$(mbHC^3{wT=%T9Eg>An!*(-p_)(UxoSK3iH1g=Km_p|6N@8 zwYczmNzu2GqVJ`}-zv(!Rg`_NEdN$n@vW-jYgNU!>dLP*RbOkXzc$o;Z>ay;)bOpX zTY{ z!S}@rzb{$zed&_#E0%v>x#HWJ)!#O5_`YrHkL}yO@7(cy-`*el_kG{L@5g}y-wz%9 zarn@W!-u~gJNo^^@$V;3{5W;;$LUi)&Yk^n;rx#)SAJf*_T$ElA9wHkxOeZzqenlU zKK=Rp+0W z48!bYH+St1VR+T`l<7zETyY!s&ta|yUDz64Yd$bxcv1Uc@l)f3jXE7Mb@wLARkoIF zk-5SA;0SYBc*E)w{0cwUPQJVCQC-ou-sNw;7;c!nTaSTTf1kEeVSa_)=8a|61&`0( z->uqUd-HimhsUFUIm(6GlKL0hK7XugSF`n&zEV>3M#oH#8;lJRmc`%ASA?cr(corX k5f;W6u+)eDU;KNXX&GF{@2o6mU|?YIboFyt=akR{0Gv5^o&W#< literal 0 HcmV?d00001 diff --git a/gtk-assets/header-icon@2.png b/gtk-assets/header-icon@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e7fb03250cdf87515d759d5602b38a49fb98e407 GIT binary patch literal 1178 zcmeAS@N?(olHy`uVBq!ia0y~yU`POA4rT@hhO2JvAPLR_kH}&M2HAEHX6%3ZF_nRV zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm2F5o5J|V6-S)X#UKIdkC z&dvUkoBcH}=WAZhxBT3%`MKZnbHC^3{wT=%T9EgxAn$uY-j9O3p9Oip3iH1f=6@^9 z|6Z8?t1$m}apBkE!f(Ze-%E!|&so`65)V{!KjzN)Hh0eV`E$R`pZ8?fzHi#_ebdJ8TQ+~+y5+~#t>3qA z`@VhKkDWWe@7nca_pa~z_x(7q|NFs%KMo!Ie)!OjBZq$+JNo_jvG2!^{Wx*_`-$T} zPM-L2`t*-8r+=I~`{VMZA6KvZyn6M=wQE1GU;A<6#*dpfe%!qIW;!kycvnTI~Y&t#pz<>5ME9LXf@mI$C}F+zh8cG zZ{LyQACB$S6Po>{*R0Wcqb-}K*}H#Y;^(xNuUWbMidaFP%Fhbde-jOEhVNK%JnDD0 z@1NuZ_qr$s$&y v3xp;#uoN*#=!4^M&I1(#CWgp&-=$kaOsAi@Rc*+?z`)??>gTe~DWM4fcT1Yg literal 0 HcmV?d00001 diff --git a/gtk-assets/scalable/check-symbolic.svg b/gtk-assets/scalable/check-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/gtk-assets/scalable/check-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/gtk-assets/scalable/check-symbolic@2.svg b/gtk-assets/scalable/check-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/gtk-assets/scalable/check-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/gtk-assets/scalable/checkbox-checked-symbolic.svg b/gtk-assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..597041c --- /dev/null +++ b/gtk-assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/checkbox-mixed-symbolic.svg b/gtk-assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..0e95207 --- /dev/null +++ b/gtk-assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/checkbox-unchecked-symbolic.svg b/gtk-assets/scalable/checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..a66d47a --- /dev/null +++ b/gtk-assets/scalable/checkbox-unchecked-symbolic.svg @@ -0,0 +1,36 @@ + + + + + diff --git a/gtk-assets/scalable/radio-checked-symbolic.svg b/gtk-assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..6db3e66 --- /dev/null +++ b/gtk-assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/radio-mixed-symbolic.svg b/gtk-assets/scalable/radio-mixed-symbolic.svg new file mode 100644 index 0000000..c4d4b9b --- /dev/null +++ b/gtk-assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/radio-unchecked-symbolic.svg b/gtk-assets/scalable/radio-unchecked-symbolic.svg new file mode 100644 index 0000000..a9ec10e --- /dev/null +++ b/gtk-assets/scalable/radio-unchecked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/side-paned.svg b/gtk-assets/scalable/side-paned.svg new file mode 100644 index 0000000..50c3b8d --- /dev/null +++ b/gtk-assets/scalable/side-paned.svg @@ -0,0 +1,80 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/gtk-assets/scalable/small-checkbox-checked-symbolic.svg b/gtk-assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..315523d --- /dev/null +++ b/gtk-assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg b/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..a79a1c1 --- /dev/null +++ b/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg b/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg new file mode 100644 index 0000000..6fabad1 --- /dev/null +++ b/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/small-radio-checked-symbolic.svg b/gtk-assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..d057589 --- /dev/null +++ b/gtk-assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/small-radio-mixed-symbolic.svg b/gtk-assets/scalable/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..4034fd5 --- /dev/null +++ b/gtk-assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scalable/small-radio-unchecked-symbolic.svg b/gtk-assets/scalable/small-radio-unchecked-symbolic.svg new file mode 100644 index 0000000..4f97332 --- /dev/null +++ b/gtk-assets/scalable/small-radio-unchecked-symbolic.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/gtk-assets/scale-horz-marks-after-slider-dark.png b/gtk-assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e5edf5f8f95be960c26c9f88340d514c134965a7 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VuIK*-hyT?+{~J92SNs2O@cm!o`@hx?L{@{@HOM3map_eW9~c-I z#7lzwf*II3q-A8~6mxR(j-NPr_T2e9cOQKE{H0)@@<#>+hBQwX#}JL+v*!;AH3*2b zK3u&>M6>mK{pCrg?pUw6RWj|qy#&L4Iq9w6y^LPH6vR|x P7#KWV{an^LB{Ts5U+j>h literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-after-slider-dark@2.png b/gtk-assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..37caa6809995c0499186f95c09a238c01b015d26 GIT binary patch literal 508 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&7vK}(%D})-?eo9E^MAGf{|4XxHNOAry#Lqu{jUPEt9?KswZ8vr{XmRr-~S*H zzyH->*&1Ik!v{?I{;vfKLZsm8YrulINb_R{w=gg;XqE)|1v5y?$jT|YdwBZz24v;r z<`orJRL__>YxbfoTeoe$dF%F_4@&_RUt zf_7)5Q}$<{B~SnT=MVDIe6)9oZp2fWD_Qm;s8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8LV!<*D+2?AgM&k8XsC;ei<6U+hlhu+udlbax4XN$Cm48nd4XvZ!V3&MJw3g_ zz{tqR*x1;_#Kh9l(#p!p)z#I_&CT82-OJ1C%x2R!3=9n7B|(0{3>=(t@(PMdD#azG zXU?9xbot7I$DhA^J;pL2ih+Tl*3-o?L?ig@`GaCj3IeSU6?HFPx*#Om^zQfmRAF7K z!v{m9-+%hgSDzUMob?<%dtrpDOcImHy(yyttEmza6T;fvxIIT`-h`%&%hgQJ@ zeSO>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYKfou%m4Si5#l^+R$;rdR!_Cdj*VotE+uPmU-N(nr+uPgA%ge*V!yODfJUl$X z03ryH_4M@g^6~-;dwO_yK-kDCy}`f>20T4I!2;e8jb2_}-rn9uMn=ZQ#wI2vW@cs< z78W)(Hg0Zi5Cu1lwzzuRsOGVc2S zf7_0fJ`wTKS@&%EE6y>9bDli;Q(iQCZ}FVBmvok2>isygbx!)#l>LPXhHuIy8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8a)3{WD+2?={rmSHKYo1o?%jL$?%ltC|Hh3Qw{G3Kg9L8fx^?5mjhi=b-T;G} zH*a3QejOqL5rlB>+_?iW=(t@(PMd zD#azGXU?9xbot7I2ai90`8wYr{yhT&L!GCKV~9rZ+5Uq;z8 literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bb81cf71eb30f3c7a8cd89a2e784ebb53eecf6cc GIT binary patch literal 627 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@G{7gsm4Sib?%lih?%lh8|Ne~|Hy%8AaO>8sJ9qBfhJjmP0O8$%f!nul-?(w( z_U+qu?%V;(-@1MK_DwK=aBtnZb@S#;h_V}CaQ*squ>8#%H*Q?Ne*MOc8*na!ee2e( zyLa!teEIV2+qduDz5DRt!{^VRzkK=f_3PIFu1lf}3=BFYL4Lsua`Fm_ib^WJe*Qth zVTHvdrIpq7P4gElT(ol6?mc_=-o1DK!Kcq(zW)CG=Wm1V25|-kMh;IG#}JR>ZztUj zYBmsIP+t3;`$pK>>8sW*O}Od7b?ATnEPf^Cslo{|_isGE>sjPCMM~m_ecztvp#nPM z?{-Xncc)dPh5z{5e>Z1w{Y#zw-t|g{&F=bLtR23yQdf2|F5;eT|A{g86VqbG`x{xl zH{5%wYR!8__cIUUzopr04mo@n*aa+ literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-after-slider.png b/gtk-assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..e5edf5f8f95be960c26c9f88340d514c134965a7 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VuIK*-hyT?+{~J92SNs2O@cm!o`@hx?L{@{@HOM3map_eW9~c-I z#7lzwf*II3q-A8~6mxR(j-NPr_T2e9cOQKE{H0)@@<#>+hBQwX#}JL+v*!;AH3*2b zK3u&>M6>mK{pCrg?pUw6RWj|qy#&L4Iq9w6y^LPH6vR|x P7#KWV{an^LB{Ts5U+j>h literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-after-slider@2.png b/gtk-assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..37caa6809995c0499186f95c09a238c01b015d26 GIT binary patch literal 508 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&7vK}(%D})-?eo9E^MAGf{|4XxHNOAry#Lqu{jUPEt9?KswZ8vr{XmRr-~S*H zzyH->*&1Ik!v{?I{;vfKLZsm8YrulINb_R{w=gg;XqE)|1v5y?$jT|YdwBZz24v;r z<`orJRL__>YxbfoTeoe$dF%F_4@&_RUt zf_7)5Q}$<{B~SnT=MVDIe6)9oZp2fWD_Qm;s8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;cYsfbD+2>VL+Jlp&;Jb$|EqoeSNs2O@cm!o`@hELf2|*w0pTK(VDV~X5iq-8 zb<{nOV@rbkf*IJ@IizLf6ti=3j~zd8^6a_uckVv;^!dv>6^(cX28I+*7sn8d;Irp0 zay2OMv_4GDikvoWY4v~g-b0g)?%}bT{+~U#!GD?Q{j0l5Yuukac{684!}X>`dt(jG zb2Bm98M8cNn&zM-zO>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXPO65tc!%D})-?eo9E^MAGf{|4Xx4FUh_y#Lqu{jc))t}{zBQJ6799L=rmLvQ z?enDaQxdwz*zcWKo*`Oe5x4U!gWaOYS)xbvX12cgD)*e})l2^uBDXX*FfcGMc)I$z JtaD0e0suzm>J$I~ literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..5542532cd2d21fcacb0cb8495b9b5c0d789fe563 GIT binary patch literal 397 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8LV!<*D+2?Ar>CcbgF|R&sEdn>hlhu+udlbax4XN$hlhtJZr}w5o}QlGU|?iq zWMX1sX=!O?W##JX>gML=?(Xj8<>fs^^Ek){B|(0{4D1}7atew{Dn-R5r_Y={cj@w# z2ai90`D!(PK@|f7L$#-iV~9rZ*>k7)niT|E6PLtAtq$A56+Gedzx#sw>B&`EcTa!(?NhFxddJzragWYrk&-duV4_*Ta+E_REi-w)k+aGPCt`^#Nhw^gPduUo%X)R!mh&+PfU4509E L^>bP0l+XkK`i_fU literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d20c77f678904748a6c7f9c76cd4d48db0a8b1e4 GIT binary patch literal 625 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@BEToam4Si5#l^+R$;rdR!_Cdj*VotE+uO;>$;ZdX+uPgA%ge*V!`~3^;o;%w=?M{ma3LZP6095~>kS58FyQIw2^R2%==JjQ^7i&NGBPqY zHa0OaF*7r>u&}VPv2k;AgDAL|TqMiDz@T3eji?T*Y$Rc&HY+;H#zSt*XX2{{%f8AqhnfBnmTPVnVV_hZ{-Yj?bVaX8j}|6#Xx z()m4%o6hXG@oTnkTE(h6{LY7yLVma!W_|O&W^J$E^jYnGnRi{>jxgsBAs;^{E&A=Q zt-$H6av*B~o4JEjm! zT77WMzs2!a4y^pYc6wGpM0Mf5weeqjthyW!*V?r}kA}eAXS&U$^l0`NL)LE^O!C-2HrSS@^bz_bz`nuVZ+3DK7Jx TdT0s*0|SGntDnm{r-UW|V@B~i literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled.png b/gtk-assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..6b1a3927077718c1328475fdaf8343cabdd63938 GIT binary patch literal 402 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8a)3{WD+2?=?c2BS-@pI(@#DL9@7}+E|Hh3Qw{G3KbLYU|7fByRQtK{!jH^FWS z@(X5Q=iro6P*hSWDlR#F=Ipskm#;i{@c8qWuS+gH5ocgvsPS}h4ABTad+sz}vw}ct z;*xu>)+Vhj5|Fv~U(@Pb1^(6ydsjpsDqCbDV)!oJ^1>fxykMj6GF%;i) zU+taYCJEgIM~}@tx=`@L0l9wGFHAZwm|H>*{AzVQP*D2nQ(^7{roaM;r{$q}1vzJ~ lX6|~q_U*fyJO5w5$KuK>d9&m;Cj$cmgQu&X%Q~loCICeg$~yo6 literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..22cb19179def9506fcb0d8864b382585bfecb12c GIT binary patch literal 644 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@F~BFpm4Sib?%lih?%lh8|Ne~|Hy%8AaO>8sM~@!ehJjmP0OQ@hdGqES7`T1= z_Kh1i?%cU^>(;FsH*SCx-nxAoq~`YR+Ys)pTObjLf}1yQ-T;H^*RS6MgBv$)T)%$( z#*G_b9#r<`&6~Gw-MV}C?#q`i-@bkO?%lf&A3l8k{Q1k5FJHfYUFiO16(~qbg8YIR zF|u9# z_b}=4Z6%wPpJer)-#+v@l!c%5zL@gO`?Hxho)l#MyiX#AaiXRG<2nhOeEv0R$C5s9 zE;*{edhh4~_Dx9>7>x~Q{N>xn=+9$!s{e}?+vHFEbwbSB|7@Svc`)zgQP#eitIEH( zT-PxzQ2)K^Ib+pk!R&-x!GbHASsg@{M@~B?=uojnYbTGUz^+woi!<+i_j_HlwCel8 yD1N!`uWOfv{7?Gy?6>~o;^h8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;cYsfbD+2>VL+Jlp&;Jb$|EqoeSNs2O@cm!o`@hELf2|*w0pTK(VDV~X5iq-8 zb<{nOV@rbkf*IJ@IizLf6ti=3j~zd8^6a_uckVv;^!dv>6^(cX28I+*7sn8d;Irp0 zay2OMv_4GDikvoWY4v~g-b0g)?%}bT{+~U#!GD?Q{j0l5Yuukac{684!}X>`dt(jG zb2Bm98M8cNn&zM-zO>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXPO65tc!%D})-?eo9E^MAGf{|4Xx4FUh_y#Lqu{jc))t}{zBQJ6799L=rmLvQ z?enDaQxdwz*zcWKo*`Oe5x4U!gWaOYS)xbvX12cgD)*e})l2^uBDXX*FfcGMc)I$z JtaD0e0suzm>J$I~ literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-dark.png b/gtk-assets/scale-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..4a0b6e1a5ed49bec292eee02654e043013dd1684 GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;aez;VD+2>VL+Jlp&;Qjv|7-pJ*ZBUg_63nOa1tzt;QIc*rzYmlz`!6-666=m zz{W0}lbd(!_=%I}FMRy`rB*t98Uq7Eh^LEVh=k5``sufSwv$ir zoCfPRzUQiYehd70a?aCO?9$Ib$C68;F1_oNjI5kfO86JKg$v4-uujylpS9t{DNp0N hpp|Lio;PlBvt+YfSg|Qsje&uI!PC{xWt~$(698V@av%Tz literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-dark@2.png b/gtk-assets/scale-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cfdb8eee7b96421bbcd5c4682faa1e88ee4ab9b6 GIT binary patch literal 509 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXPO9^ez=%D})->G{7Z=zoLX|7xHA4W9q2{r@-k{%;8QU*-G1#up@5;|F5Y`2DZ- z{a@qrzZT4`_WchP@%>*7Mm1pdHNIeFFp+AAE?A;m9_Qi+<*Un@2N02(;%K7vM}uT;&*@M+|9dL zdF`P7t=9+CEx!b0KKZ$*BOp<+M%mD-w?$sXiSzl-r5OjeEly$%HV+V#(J>4Sj_?an z-4L_#RKmxQ$_SfKOC9l5L13{nE2Iuz;taVX>l3XNwqYxG-O1S+7y17vI8W(n%}?p$ z3Op$OlVPgVY3unZ_mAk``7)zwzM61*)Z2Qwoen_-r B;XnWY literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-disabled-dark.png b/gtk-assets/scale-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2e9806c4dae1658fc8a4e8f5a4d213ee9dbfedbd GIT binary patch literal 339 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Yk*IPD+2?Ar>CcbgM*8UizgU(d3k|p6vE5P%Nq=gjEqc7Oe`%et*orv+}zyV z-MzfLo*oao!@$5GP!i-9%)rheS6oth`pnsLS3ZCF^0k>Ee*psnLyD)1V~EDYv;CfY z4GID*jE+YOv#0(0AFNu@bmWL~>6=-hD;FAW-mmxGXTJZTE}z)F2CNDyUbl^nAL=Pw zHcLw0p*=BM+3%6)gO94;>KEU+{;4Rh&*6;7-}jD7x5S=L-ni@h@kfk;?d;nHZ$8+^ O0P>ZqpUXO@geCywbao&B literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-disabled-dark@2.png b/gtk-assets/scale-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8b78c549ba5b2b85d56f05f9c883b8584b8b1149 GIT binary patch literal 592 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYC%`Afm4Si5+1c6C)6>n(&BevV$;rvX!^6$Z&C}D<%gf8d!^7R(-ObI--QC^O z)6)YCJi)-r%L^ic#(?PZ@bG|`0Fm|d^z`=jhOoWCzzYn#y}gZ$jEs$qO-xM8%*-q- zENpCS;I@BrI0^tem`pqOyNba7b7|VNr2OY1xeV3l=S2x^m<0J$v`v zzH|5f=PzG>|M_cvPAr^(f#JQUi(`n#@wZbVgAW;qxM@eYxU#%Dr?gh>!j@@Up8x-E zE}tUN6j^X=-&dRalV?Az>s-{=_ie|lwVThXMfpdM|jdAuU|yhUtOs=XS*o;_ev={d1j|uCzMx z`ph}>JF|JdnD_DzoFU5s7-t4gaLD9RRrs$|!+1!u=En9Z|L!kb{w-V9y0!7^!)@={ zyW?^fe|*B-zkw(Iy!pE8Ki7ZU_my4AlJ|m+$j*rdN>##qUynZiw&Bm7@@xAA{livH kdHKoi-M%}0Vn5kR%L9#iRC4SX7#J8lUHx3vIVCg!05gf=g#Z8m literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-disabled.png b/gtk-assets/scale-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..0f2b2f6550641e4e12cd9d8b739ea2d1ca249616 GIT binary patch literal 341 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;Yk*IPD+2?=?c2BS-@kwN?%g{uaP#KPTeoiAxN+kq7~Hyb>*mdyH*Vaxe*OB5 z8#nIUxpVjK-Pf;Qzj^cK^XJcBzka>(rfDJr1A{Aq74C}@Ub-~gaT2(9>9bp&S4J literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider-disabled@2.png b/gtk-assets/scale-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f37089176289f5a97842b8b8fdb3666e8d21a090 GIT binary patch literal 592 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYC%`Afm4Sib-o1ObZ{NOi=g!@`ckkW1cmMwV2M-=Rdi3b_?c2A&;5I6_g9O0x zAmSz%+`4t^=FOWoZrlI~f!Q~2-h{AkfB{7I`t|EKZrp&dA&k3s@4kHb^6lHVA3l8e z{Q2{jFJHcX{aQM45(@(ZgLX-fUoeBXjI5lzf}*m2P;f|CL19sGNom=P`3n{;Ub=GQ z?mc_=-M(}8{^u`WfB*Sweoic$fq~(@r;B5V$MLsQB7+YZh`4b_6);AwQquBT&1tfn zckAE(|Ie~Zv^j{)nYex4^Xj6_ck~0VTq?5sbvbogRO)HZ_iH}Ajy%WrwN7}QyceH9 zbHLxlha6NJzlu7nT)k^u3Fm@6wn>~KyKXMzc8IBL314u-q}q)2!=s(&WiFg$lsb{T zd;&viasX5E@(-1F5^g6w6xr8!N<>Scm`iAd??SdG@h$QW7Oncfr(ODQ{pCpAT7JKU z>9sqy{(iVmVtqR!PC{xWt~$(69AzAJLv!b literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider.png b/gtk-assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..4a0b6e1a5ed49bec292eee02654e043013dd1684 GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;aez;VD+2>VL+Jlp&;Qjv|7-pJ*ZBUg_63nOa1tzt;QIc*rzYmlz`!6-666=m zz{W0}lbd(!_=%I}FMRy`rB*t98Uq7Eh^LEVh=k5``sufSwv$ir zoCfPRzUQiYehd70a?aCO?9$Ib$C68;F1_oNjI5kfO86JKg$v4-uujylpS9t{DNp0N hpp|Lio;PlBvt+YfSg|Qsje&uI!PC{xWt~$(698V@av%Tz literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-slider@2.png b/gtk-assets/scale-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cfdb8eee7b96421bbcd5c4682faa1e88ee4ab9b6 GIT binary patch literal 509 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXPO9^ez=%D})->G{7Z=zoLX|7xHA4W9q2{r@-k{%;8QU*-G1#up@5;|F5Y`2DZ- z{a@qrzZT4`_WchP@%>*7Mm1pdHNIeFFp+AAE?A;m9_Qi+<*Un@2N02(;%K7vM}uT;&*@M+|9dL zdF`P7t=9+CEx!b0KKZ$*BOp<+M%mD-w?$sXiSzl-r5OjeEly$%HV+V#(J>4Sj_?an z-4L_#RKmxQ$_SfKOC9l5L13{nE2Iuz;taVX>l3XNwqYxG-O1S+7y17vI8W(n%}?p$ z3Op$OlVPgVY3unZ_mAk``7)zwzM61*)Z2Qwoen_-r B;XnWY literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider-dark.png b/gtk-assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..98e645aac5f22f2d7a133042a4a168ab65c1476c GIT binary patch literal 337 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VL+Jlp&;Jb$|EqoeH+cSU@cm!o`@hELf2|*gQ4Qguk$(Tt#62_$ zrZX@wh?fNU1v9X*b4bg`DQ4&7<{dkJ;^f(L=kGrF{Ka=m=4u88h6qm=#}JM4$q5oy z8aijk`}Fj8bH>hb^^oCVi3~hCbK#>$j}GN%2*o^lbR+f0(ZUlQik=q>v@I!guy1_n=8KbLh*2~7Y( CFoZz> literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider-dark@2.png b/gtk-assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f0b43ebfbcac1bbbdd50d98f988453494f6718d4 GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&5#STz%D}+T;Q7DW|9^w;|Av77HNOAry#Lqu{jc)GPN0fBv=|-JQt5z_8rY#WBR=_}eKbg_;ZmTxLJu+oA91dX(ka z|Nj@d*{AxP2zaXd{!ad`AWyaqmw)b2Q>Ge*&t1KsV$=CL`m^{IDmmok)p}F@P2j)sb5Zd_A&J(tGkxNFEaz|9U@F|n^O&`~*duY1 Tyucm?1_lOCS3j3^P68NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8LV!<*D+2?Ar>CcbgF|R&sEdn>larITx3{~yyN8E|Cm48nd4Xwk!V3(%!NADK z$k^D}#KgqX($dPx%GK4?&CSi--QCN}%i{hf9R>yl@sc3FU4ABTa+wU&apupoQSnaBFalwq=_b(kfq{vtO|I^-| znofVLHia?7s#^N9RV@mhf1EjT^P-I=Y4cW`cvQq%o+dJLc0KQf;DWSM@rLa#;!>h9 xdZx0{kIFt2yDqxhY+L=|)f8QaV3#@nwbktw@~A)PY<$E3^1rK}%Q~loCIBgO>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYKfou%m4Si5$;rvX!^6$Z&DYo0+uPg8$;sW_-N(nr+uPgA%gfc()!p6Q!^6W9 z47|L&JUl$Syu3U;Jt2Y+62gT@!9^g-yu7?1MtOmOr>Cbk7Qr5 zW)>C}Ha0eHZf+3Se#5+F3=9mqB|(0{4Dt$!ib~2VzJC6pVMWCyrIqzf%`FQSEL^m5 z3=9mnJY5_^JdVGea#N_ufX7w4Y4?Ih>vk-R zn83vP@Bi&3d{$h!3ynWr`#h^!J#!WdL+27plgAm(6&p*oPTRBf(uay^=e-m^ zx56v`$4mZyQ`Wz?@6bAyD9~b27x~O)@1vA1mc=r21djJ4-w>#6v2)?HZ+H9EEU0BQ z!%}TYUCXIH*24uFYAa3^o^?`OWcA{GL!^oWQ=j$mgiAbTyH!@nMJ(#S7MW`*nH%bA z&$njf;>4n9?j=7Q*4x~BRxiF{%c8?l?g=mVJ$<(=_;ucv($_o>Gws8koSbTMLU{Y< X$c0U}xvw%XFfe$!`njxgN@xNAqk!5T literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled.png b/gtk-assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..5e02d7a7ce1587821d8e97ad285e7954179a996f GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8LV!<*D+2?=?c2BS-@pI(@#DL9@7}w2@7AqbckbM|ef#zu7`S=!=B-<|Zrr$W z^XAPPU;tr2$m`dy-?(w(&Ye3D?XO?Ie)Hzd=g*(NeEIVA>({jUSdcHoOM?7@8Q3{E z<>ZxAii%50PoFt^?$YHe4<3K{>i@0ViGhJ3$J50zL?ifYzq?R_0*|X;wX062#>L!DGW=!eVKuQfx*+& K&t;ucLK6VBKeiqK literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..755265df1e39ceb7449c9bd4c7bf5f7d1ac04976 GIT binary patch literal 585 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@G{7gsm4Sib-o1PG@87?1&A^6w{G3Kef#!JFt~mD_AM~DdGjWOee>qc8(?t#`gO1p5cm4^>o;!PfO8@2TeoiA zy?giN%a?E8zJ2%Z-G>h!zI^%e_3Kx;`#ZfD7#MU*g8YIRb%V&7~ zGyAaPL9h17U%&Xnb7pz|dN)t{+x)WHx8e!`i6X693=d8()6Zduf60A{{Y4~?@&Wr- z^?mzn7e8V2iZ9%hUc=D1?_mkUi{lc{zB77C-gj8h%U3Kb)KS8A{929$gN52*tACzu zdkZ#;-R;a?EqwV}(zSkJ=f@cq)1IERs#)~Q;@-Jp@fV4%(wTh+-udsFJtg>V@AqxH lrxY3Hihi0r`?J%z`*Wj>Bp=(pVqjok@O1TaS?83{1OWQpJ|+MF literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider.png b/gtk-assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..98e645aac5f22f2d7a133042a4a168ab65c1476c GIT binary patch literal 337 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VL+Jlp&;Jb$|EqoeH+cSU@cm!o`@hELf2|*gQ4Qguk$(Tt#62_$ zrZX@wh?fNU1v9X*b4bg`DQ4&7<{dkJ;^f(L=kGrF{Ka=m=4u88h6qm=#}JM4$q5oy z8aijk`}Fj8bH>hb^^oCVi3~hCbK#>$j}GN%2*o^lbR+f0(ZUlQik=q>v@I!guy1_n=8KbLh*2~7Y( CFoZz> literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-after-slider@2.png b/gtk-assets/scale-vert-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f0b43ebfbcac1bbbdd50d98f988453494f6718d4 GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&5#STz%D}+T;Q7DW|9^w;|Av77HNOAry#Lqu{jc)GPN0fBv=|-JQt5z_8rY#WBR=_}eKbg_;ZmTxLJu+oA91dX(ka z|Nj@d*{AxP2zaXd{!ad`AWyaqmw)b2Q>Ge*&t1KsV$=CL`m^{IDmmok)p}F@P2j)sb5Zd_A&J(tGkxNFEaz|9U@F|n^O&`~*duY1 Tyucm?1_lOCS3j3^P68NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VL+Jlp&;Qjv{~J92SNs2O@cm!o^S{>be~s_|YF`jpgGOSL3Y>iU zKLZ1UcuA07FasOAw2Z7=c1~{IvEwIBo;`Q|&fQO+zua6_{D*;oA=J~wF+}5ha)QK_ zhR$w(pPuQHIb-Lz2FUQR%m_Ssv*qYQhX&5wJ9b#G^A#4#wOFhcn6zVuh90M&QqQ4W x%S}A?v&17=7Cbs5;dtnvvf8n;=PY(8^D*@6aIMh`*aQk722WQ%mvv4FO#na4f@=T( literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider-dark@2.png b/gtk-assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..26a9a26c9d1a32a0f240a14f5e2c5923490b1a45 GIT binary patch literal 479 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&5#STz%D})-?eo9E^MAGf{|4Xx4FUgaeE(PZg2-y0|J7hdt?&ODpZ~RfP{A5M zkT^sNMEZclL27(K;x!O05XE3NLGPN0f2T~cHeq03Smx>C7~*mK?UbETO$Guj$`2a7 zJ{({caq%&F|G&*ltVqRxHTGXs**EX9^wtj*&y>C7^_Q-4YMcDzpzGuIeQS?>eJxdQ zvfJ?Q!3C|JcYg`*nsH;P{o?c134a(Lc>QF)Ao!HuA?P1N(K-1Q9=3MQtnTiP$|t%e z)qc7AY3((+>av1w5j@{doOrrgd|m0=?*`IF4wHIbOtWD+otdtt>9urTrO>a*uV+rw ZuPgD`deUf5E&~GtgQu&X%Q~loCIA{h*t7ru literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ccef39023bc2f400fe6d3e4661dcb83d80db52e0 GIT binary patch literal 376 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8Y=BRQD+2?Ar>CcbgM*8Ui<6U+udlDSx3`CfhbI_#d3k|pbOIvo4F*O=M#jd* zCMG79mX=mlR<5qDZf~S*zvELLG~MucG--RyWFO~I+QxKye`B6QCJwhZtF1xw*L+S^qf^OE={i}Wy&W~VD s(D6%AntuL3Cr^pK;NGCvxxw?r%on$C&-}u45)`fsp00i_>zopr0OyQ>!2kdN literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fe4d92c43cdcb5d07987911409aaca687a0a93e9 GIT binary patch literal 572 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYKfou%m4Si5#l^+R$;rdR!_Cdj*VotE+uO;>$=%)E%gf8d!^7R(-PP6A-QC>- z3_QWW!^6Yd+uI8UJUl$W!k!);9$sEvo}M6vr>7@`?d9d=4F(Y9o}Qjyo;O5+x3{;E zk&&^nv5AR^nVFe|g@uicjhmYrL^l1`go_Le3_2x2e!&cK@(PNIO3Et!LBXM6g+;|B zmDM%%^A{{wxN_yL-Fx=lxqJ8C{ZF62eEt3V??d-JJPZsB*F9YvLp+YZof0YBq#)Aj zn|t5jmUpy|^HGtn|Nn10vhkRjYsH7&_Y*CjGfY1nD$=>cn(f%r#tFHNcGF|-{*LUd zm)iRJxL?@8x!YfcJAQLc*zonW)6@wXJj#xfzYH&!7FutX7=nqa-}fi z+JI{H{KHcxBa`z2WG~D`c{u6n5^F`fA4c%w{s!$>$VG5W3q~# dcv(H+o!1=6#`)^+ECvP!22WQ%mvv4FO#s5=-Ua{w literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled.png b/gtk-assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..7814e7d311311ac9d42cf17b7a038d4779e044de GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc8LV!<*D+2?=?c2BS-@kwN?%jL$?%lX?{hzYM>zkc)P&F9abzkK=f_3PIo$IQJM7#PG$g8YIR*g53n z6_tvLOG;0lIeYHX%E8d$D=55`e{PON{+ZmMyZ#JmRn|~p90o%W4b2lsK z%`aJA&XKGkVb{Z@e_uFPaBbVM)hC_=ZdlkqxnN<)%%lJ7?r;^n;Bk$yiM`Fhz`)?? L>gTe~DWM4fOC-HO literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2ccbc7f7de7007d8a1e747dca5bd754319bc844a GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@D8MJgm4Sib?%lih?%lh8|Ne~|Hy%8AaO>8sM~@!expU|C?c2A&;5HJtdGqES zFt~mD_6;yVR(A8|O*r?~ty?#5-n@0|){PrCZr;2JRtsW4*w?RLM-#t$_wLJ=FW z`|jPl4<9~!{`~pNmoHzxe!Y5h)?x+*2Az^1zhDMAc?Cs9C1n-=py1H3!lL5hlFI6u z`uPhMu3Wim_ny6X?%ut3|I_C$Uw{Ap`*2PBP6h^sTb?eCAs)xyPB|{rWFXKcc;ueL zn8jg)@W;LIZ_(w`{a5_Ugzeqb zJ1^{=SPNviw$=+dEkFI=d(OUDJXK%(=Fbmhiwb2tazN~ru2%4_jbgRyGFOLPzsCCb zLCngsD@!GAX1$S^e*Tr|+SOrk?>Qf{2TAOI(esRBhyBiKsi3>Om8o|acf9iMoFC)Y bUc<2LOk|DU_POy43=9mOu6{1-oD!M<6fie8 literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider.png b/gtk-assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..bed2b772a94042bce7a4598edd0215475a8424fe GIT binary patch literal 334 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4rT@hhU+WOo?>8NU@ms@4B_D5xc$)o0RsaA zXMsm#F#`kN5fEmas?8_Oz`!6`;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G z6axc;M}SX=D+2>VL+Jlp&;Qjv{~J92SNs2O@cm!o^S{>be~s_|YF`jpgGOSL3Y>iU zKLZ1UcuA07FasOAw2Z7=c1~{IvEwIBo;`Q|&fQO+zua6_{D*;oA=J~wF+}5ha)QK_ zhR$w(pPuQHIb-Lz2FUQR%m_Ssv*qYQhX&5wJ9b#G^A#4#wOFhcn6zVuh90M&QqQ4W x%S}A?v&17=7Cbs5;dtnvvf8n;=PY(8^D*@6aIMh`*aQk722WQ%mvv4FO#na4f@=T( literal 0 HcmV?d00001 diff --git a/gtk-assets/scale-vert-marks-before-slider@2.png b/gtk-assets/scale-vert-marks-before-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..26a9a26c9d1a32a0f240a14f5e2c5923490b1a45 GIT binary patch literal 479 zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4rT@hhJ-tuTNxM_n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXN&5#STz%D})-?eo9E^MAGf{|4Xx4FUgaeE(PZg2-y0|J7hdt?&ODpZ~RfP{A5M zkT^sNMEZclL27(K;x!O05XE3NLGPN0f2T~cHeq03Smx>C7~*mK?UbETO$Guj$`2a7 zJ{({caq%&F|G&*ltVqRxHTGXs**EX9^wtj*&y>C7^_Q-4YMcDzpzGuIeQS?>eJxdQ zvfJ?Q!3C|JcYg`*nsH;P{o?c134a(Lc>QF)Ao!HuA?P1N(K-1Q9=3MQtnTiP$|t%e z)qc7AY3((+>av1w5j@{doOrrgd|m0=?*`IF4wHIbOtWD+otdtt>9urTrO>a*uV+rw ZuPgD`deUf5E&~GtgQu&X%Q~loCIA{h*t7ru literal 0 HcmV?d00001 diff --git a/gtk-assets/selectionmode-checkbox-checked-dark.png b/gtk-assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e66bb232dcb2fb363d7757457a1aa28818b6893b GIT binary patch literal 459 zcmeAS@N?(olHy`uVBq!ia0y~yV9)?z4rT@hhTRGt@eB+M%*9TgAsieWw;%dHU|?Y2 zEbxddW?X?_wfUqO7#Ji=Tq8qYy`M=ipe~s_|TA%+lejr8-m(|6kbfe^vMYoeTc&S@M7Hvj6**{Xewk|FskUub=#X9gk&-)Bx_U|`tm>Eak-ar*AnlR`}f z0xTEY7;nZd*3h`||Nlg}4-;BE54ARb`*}4aZPF|T?Uc#SmYP=zF)~~-njygu(2~f= zpdtQ5KcO~~ZFS#w)eY}Fc)I$ztaD0e0suMm B&y`_un#pZkC3g8zG${ol9j|DiSi?_d7^>e2tV z&;GxC{{P+c|L

fB*9ThgbhUzW)FJ|Nmx&-+LJt7{p70{DK+S*g2$SWOH)!@(Yd~ zKXLNZ`3sjme*SXJTvM2Vfic_D#W5t}@Y@@?!G{cZ7!qbEE%>x*v66li`-&BR|J(ad zxtKd?i|1_pd#3T*?WXTudQx|77}vrbJLJxWxSVPGyXIZ&-IXt9lx6+otYF`G>Z4ny z%lW2c$%2f7F>GgaSF|WKa{4I9@E>|mvt5w&xplHx(}Vu&0?G#$hl@WxaQyn>^tcp< z1KmuD`fMzFIRw5Pay-J#W~eXXve!Z2`yq#Rah6?s1PUI0Vmfei_UXsXa{au&Y*=D) zuQ$r^tg}1w-0BST!RB;_i4PnfT)zH(Ve!OAjt`0}bN1)#+f}14FLK9m{psejGM+yb zz1McjrzcLF zzr4@n{^u{wXTR0(h85f9AHU{v-k!X?_wfUqO7#Ji=Tq8qYy`M=ipe~s_|TA%+lejr8-m(|6kbfe^vMYoeTc&S@M7Hvj6**{Xewk|FskUub=#X9gk&-)Bx_U|`tm>Eak-ar*AnlR`}f z0xTEY7;nZd*3h`||Nlg}4-;BE54ARb`*}4aZPF|T?Uc#SmYP=zF)~~-njygu(2~f= zpdtQ5KcO~~ZFS#w)eY}Fc)I$ztaD0e0suMm B&y`_un#pZkC3g8zG${ol9j|DiSi?_d7^>e2tV z&;GxC{{P+c|L

fB*9ThgbhUzW)FJ|Nmx&-+LJt7{p70{DK+S*g2$SWOH)!@(Yd~ zKXLNZ`3sjme*SXJTvM2Vfic_D#W5t}@Y@@?!G{cZ7!qbEE%>x*v66li`-&BR|J(ad zxtKd?i|1_pd#3T*?WXTudQx|77}vrbJLJxWxSVPGyXIZ&-IXt9lx6+otYF`G>Z4ny z%lW2c$%2f7F>GgaSF|WKa{4I9@E>|mvt5w&xplHx(}Vu&0?G#$hl@WxaQyn>^tcp< z1KmuD`fMzFIRw5Pay-J#W~eXXve!Z2`yq#Rah6?s1PUI0Vmfei_UXsXa{au&Y*=D) zuQ$r^tg}1w-0BST!RB;_i4PnfT)zH(Ve!OAjt`0}bN1)#+f}14FLK9m{psejGM+yb zz1McjrzcLF zzr4@n{^u{wXTR0(h85f9AHU{v-k!O>_%)r2R1cVug5-u&wghk z#lXOz65tc!%D})78XD^9>FMC$;N;}whz-2^Fgb~Vfq}au$S;_IjlI32v+K#zXU`?R z&z#7>z~JEN;uxZFJ~=@_ZpGPqy-a0nOst#B7dPrU9K8CXX?H`@Zo>mB9;{GU%bLEp uJC~iyZ83Kq8`r9`#a(X;R21_W80Jb}6Nrj@-p0Vdz~JfX=d#Wzp$PzR&{E+5 literal 0 HcmV?d00001 diff --git a/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..ba1555690bf5c8bb15ecb72baa6a57dbae51e2af GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yUDh!O6+V!NI}K&dv!89336uf{rlY;NSpZIypH(7!XoV z^~-7o1_tqxAirP+Hg*na8QGlNy!?V=$4{I*b^gMokDtF>GuISmU|?wRba4!cIQ;g8 zxln_F0E?r5TZR6Y|MQ(nG_JF;81ui_wd(XX4UZ7hHRWes#8pkNdMmlvde#%W#_wJC zdy}VJk=&7a;OKz`jLnUKA`0l>!F`8|Gs+})WF5G9Adb0;`R>9G-#$qvN;mGf{?g~o lF3Z=(iJw#-?_I^dbHlk?xjk(Q7#J8BJYD@<);T3K0RZ6|g>?V` literal 0 HcmV?d00001 diff --git a/gtk-assets/selectionmode-checkbox-unchecked.png b/gtk-assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..3c8beba9c032a1a3c77675bdfc54d34fe84616a8 GIT binary patch literal 265 zcmeAS@N?(olHy`uVBq!ia0y~yV9)?z7G?$phPn$&;}{qin2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)r2R1cVug5-u&wghk z#lXOz65tc!%D}+z9}IpXf!|;N5%~4%m!62v69xtb?vfzCUSjXYchgm9a6gZZ2QksOxa>>Wik`4NbcZ53G2wLSZdy`r__f sb}qNY+<9zVtI8I4y)95t%x7SjD}7BMD)M<70|Nttr>mdKI;Vst0Qrh(7XSbN literal 0 HcmV?d00001 diff --git a/gtk-assets/selectionmode-checkbox-unchecked@2.png b/gtk-assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fb4ddc169777e9571cbe3a1c5afd0b0eaab182df GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yUfnTJ9=#Q6|GB7ZRmjw9*GqAC9NXy9PHfYNW|f{H_U|^37q1zx5^CGTldevLW&DOJ?*foCdy5E~T<%;Bv%mYUcEMRPI3=~m72M_K$T%1uRxg+bq z%>!}FRm^u6e)#rDI#IfD$Mu&!Z+2O}HctGc`grdu_MIEf-OBB0Tfo4;z~JfX=d#Wz Gp$PyD54Yj~ literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-checked-dark.png b/gtk-assets/switch-slider-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8e63c66429932accf3f844bdd562d331a0536ba6 GIT binary patch literal 214 zcmeAS@N?(olHy`uVBq!ia0y~yU;we%IanAN7-laOdBMQIz*Owy8N$I4`o;|;$XVbK zS>t*I;7bhncr0V4trO$q6BgMeL z5bEjT7{U>qoZ!Ix-}nD~ck!U#|KHSe9R9!a|Ivp|UH|3(_cI$x{g3~l&mcDGPyO$D zJ)eEw|9|{%^Z)1n`M=}44ccG+U-aL)LFn&_W1IiP^P9{TJjTwjonPlRGb{fo1_lNO MPgg&ebxsLQ0EshB1^@s6 literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-checked-dark@2.png b/gtk-assets/switch-slider-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d736f5f04d2f9b2e0add1c7f7bab5f07b692f72f GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0y~yU=RVZIoKE&7*+=O#W652uoOFahH!9jaMW<5bTBY5 za29w(7Beu&wu3NZ|I?4D3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2 zNHH)lZ1i+-46*24dvP}xlOs>-!yB61UDq#tz4=wrMT9l?n$uD3h>B{VpSnE~?BeCu zJWVG&c|1YWqk-v_(k1bU)f{UWb1K3<>0e{n*0t6&GlAy?lkI{Roo_{=nL=;dWF}8w zWsN!zS1u+$gYU?JQ1&*5m+arXwlQU8HjByDI?qjcIU_Pdx`fMRry={^7ms*4M674< zpJbP0 Hl+XkK>fmjN literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-checked.png b/gtk-assets/switch-slider-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8e63c66429932accf3f844bdd562d331a0536ba6 GIT binary patch literal 214 zcmeAS@N?(olHy`uVBq!ia0y~yU;we%IanAN7-laOdBMQIz*Owy8N$I4`o;|;$XVbK zS>t*I;7bhncr0V4trO$q6BgMeL z5bEjT7{U>qoZ!Ix-}nD~ck!U#|KHSe9R9!a|Ivp|UH|3(_cI$x{g3~l&mcDGPyO$D zJ)eEw|9|{%^Z)1n`M=}44ccG+U-aL)LFn&_W1IiP^P9{TJjTwjonPlRGb{fo1_lNO MPgg&ebxsLQ0EshB1^@s6 literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-checked@2.png b/gtk-assets/switch-slider-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d736f5f04d2f9b2e0add1c7f7bab5f07b692f72f GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0y~yU=RVZIoKE&7*+=O#W652uoOFahH!9jaMW<5bTBY5 za29w(7Beu&wu3NZ|I?4D3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2 zNHH)lZ1i+-46*24dvP}xlOs>-!yB61UDq#tz4=wrMT9l?n$uD3h>B{VpSnE~?BeCu zJWVG&c|1YWqk-v_(k1bU)f{UWb1K3<>0e{n*0t6&GlAy?lkI{Roo_{=nL=;dWF}8w zWsN!zS1u+$gYU?JQ1&*5m+arXwlQU8HjByDI?qjcIU_Pdx`fMRry={^7ms*4M674< zpJbP0 Hl+XkK>fmjN literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-unchecked-dark.png b/gtk-assets/switch-slider-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..545b9ec61f85ac5c3398f89ba843e0430486ad59 GIT binary patch literal 211 zcmeAS@N?(olHy`uVBq!ia0y~yU|_-|LdpOD literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-unchecked-dark@2.png b/gtk-assets/switch-slider-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..87e20a91421d2210ec64db7bf092972793983e1b GIT binary patch literal 291 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RrhlV=DA2gmJ){tp-!7&r?& zB8wRqWZOZQvH$7ER0akH$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@`?% z7<2=CLR=Xb82%Ft7J96n&A`CGUlQaO%)rgdCn?p{-P1R5(uR$jRYD$>GB7asdb&7< za6~7s2uMgsxS)~nBKpXI16$TLI)2*9Bp_{Ia4!0YMZR%>->0e1wVBx_Jh5CLr0}6q w_yEJR`^=vkKRG-t_-gRCG~lz*foJLr3^QY-b1XjRf_%;3>FVdQ&MBb@0QR7LMF0Q* literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-unchecked.png b/gtk-assets/switch-slider-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..12644aebfbe2146309fa3e40a1d5cdeff5889dc4 GIT binary patch literal 226 zcmeAS@N?(olHy`uVBq!ia0y~yU|oc5!lIL8@MUQTpt6Hc|`> z4AKEUA+8L#!IZ#93JeSkoFzei!3?Tunl6QnOfsG=d#Wzp$P!e{Wlo^ literal 0 HcmV?d00001 diff --git a/gtk-assets/switch-slider-unchecked@2.png b/gtk-assets/switch-slider-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0e59629e0b4e9688afd79d014328c2d4c7e2a978 GIT binary patch literal 286 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RrhlV=DA2gmJ){tp-!7&r?& zB8wRqWZOZQvH$7ER0akH$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@`?% z7_LR=Y$23*4DIv5xj_)3EOf*CluxP?WsbMo>F3Ol+!zI)@qz`)?+>Eal|5uNN2 zo{*3b;GeK!?vVorOtv>TKHA14AZ=jqO)u%qU7jhEcRVdT-N2|)StiKL@#79BL!g0O qfZPh1b#lw>#WhZD+19|AWyfH>M)JxPPpMpx^E_SsT-G@yGywpV&`i7l literal 0 HcmV?d00001 diff --git a/index.theme b/index.theme new file mode 100644 index 0000000..098ca18 --- /dev/null +++ b/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Layan-Dark +Comment=An Flat Gtk+ theme based on Material Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Layan-Dark +MetacityTheme=Layan-Dark +IconTheme=Tela-Dark +CursorTheme=Adwaita +ButtonLayout=menu:minimize,maximize,close diff --git a/plank/dock.theme b/plank/dock.theme new file mode 100644 index 0000000..2c7ee35 --- /dev/null +++ b/plank/dock.theme @@ -0,0 +1,64 @@ +#This file auto-generated by Plank. +#2018-07-10T12:56:31+0000 + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=4 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=1 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;95 +#The starting color (RGBA) of the fill gradient. +FillStartColor=40;;42;;52;;215 +#The ending color (RGBA) of the fill gradient. +FillEndColor=40;;42;;46;;215 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=40;;42;;52;;245 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=0 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=-7 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1.5 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=3 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=1.2 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=300 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=0 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=300 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=200 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=0 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=0 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=0 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=200 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/xfwm4/bottom-active.png b/xfwm4/bottom-active.png new file mode 100644 index 0000000000000000000000000000000000000000..5597b611e1356dac6f99af5d611bcab22408d883 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0y~yU=UznU|`~4V_;wid>iwTfq{Xg*vT`5gM)*kh9jke zfq{Xuz$3Dlfr0M`2s2LA=96Y%V2~_vjVKAuPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw z{mw>;fq_BX)5S4_V`j36$(CQ|9T*c9xfnAuGcz-s`Oi52r_{1(3=9kmp00i_>zopr E06{7!Jpcdz literal 0 HcmV?d00001 diff --git a/xfwm4/bottom-inactive.png b/xfwm4/bottom-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..5597b611e1356dac6f99af5d611bcab22408d883 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0y~yU=UznU|`~4V_;wid>iwTfq{Xg*vT`5gM)*kh9jke zfq{Xuz$3Dlfr0M`2s2LA=96Y%V2~_vjVKAuPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw z{mw>;fq_BX)5S4_V`j36$(CQ|9T*c9xfnAuGcz-s`Oi52r_{1(3=9kmp00i_>zopr E06{7!Jpcdz literal 0 HcmV?d00001 diff --git a/xfwm4/bottom-left-active.png b/xfwm4/bottom-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..379f55f6b9783fc0ee74322898b079d0f1d3d930 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA(DZb143U_cY+$nGSAIsu*ZGYM2}(;6QnXW4)OaK%BqSt2L`NVG!}Y&xwaH9L R4Gatn44$rjF6*2UngAYTEJ^?X literal 0 HcmV?d00001 diff --git a/xfwm4/bottom-left-inactive.png b/xfwm4/bottom-left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..379f55f6b9783fc0ee74322898b079d0f1d3d930 GIT binary patch literal 172 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zA(DZb143U_cY+$nGSAIsu*ZGYM2}(;6QnXW4)OaK%BqSt2L`NVG!}Y&xwaH9L R4Gatn44$rjF6*2UngAYTEJ^?X literal 0 HcmV?d00001 diff --git a/xfwm4/bottom-right-active.png b/xfwm4/bottom-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4a9712090a89622c0aa68e3734951c1c34817364 GIT binary patch literal 168 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAQ1x_i43U_coT9+M!@KsMv4MesfnX2^vvRPavd)|pNsoShJ}$xdVHNATsDsj5 R7#J8BJYD@<);T3K0RUC#EY1J` literal 0 HcmV?d00001 diff --git a/xfwm4/bottom-right-inactive.png b/xfwm4/bottom-right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..4a9712090a89622c0aa68e3734951c1c34817364 GIT binary patch literal 168 zcmeAS@N?(olHy`uVBq!ia0y~yU;weXIM^5%70n@B z;4JWnEM{QfI|9OtQ?>b|85kHOOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAQ1x_i43U_coT9+M!@KsMv4MesfnX2^vvRPavd)|pNsoShJ}$xdVHNATsDsj5 R7#J8BJYD@<);T3K0RUC#EY1J` literal 0 HcmV?d00001 diff --git a/xfwm4/close-active.png b/xfwm4/close-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d1b9c8a510a6091aa6408fd89b983a37afb4cc32 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=9SVJ|V7#hE_&K*2cy*Ha0GEj{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/close-inactive.png b/xfwm4/close-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28K%kJ|V8!+D6*i#yUDCIy$DhIwrchrnN zdFFO`77hg#_63#>g_aIe?OdnYyH2xnn`ZAe-QI16gZoSew^dG_tDQX8I(x2l_PXp9 zc*QH=ig(~uufS{Gf!DnQZ+HjY^a*t7|=RVvLKX8hZ^#MPwwe8i09wZ`s3-fT7;S`)5lhCPc2bclV;{NtA-W5d~f zj5SxbxCezZOxSsc$*f$GAx7(y#w~^f^*pOh!sfD!4&D`4{>U;U6ie{4&<&E&oQHG7q2rApn#x~XdX;S;TG86KbcC2)*^ZTBQ6r=^Rp z{*a0hzsdD&M^3qq*v+ugpndUMZWk?j?!Tm56n{Y;)Lw&qe!>7^}~tyUTc zb_JE3@HqF#qU+I&!pyMS?rxnepItPZXIFWroCzxY|5*7iQ%G82=F};-UNA5)FnGH9 KxvXPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28KleJ|V8!+QvFMCOSH%Iyz=LI_5e$7P`8oy1Hh1dS-fh=KA^;1_l-e29}0~ zRu&fd78ZpT7DX18#g-scVrf^XEYRZoQXbu z^5KLd+Wnn&PfGSpce^e5H1Ej{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/hide-inactive.png b/xfwm4/hide-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_t8*pAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8xex9Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_sLjpAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZlOI2R@+<$sI|c@ZJWm(L5RKrc7b5u@6nI<%1vC|$5B}A^rkGWc zaD(CdcNN``HO)tAG`r4Byu$A}{dDZMO~YF4icku;f_eTG{>)PvdW2*ZgEPJ`YL zQoHR-lQ{+DP5yLkFcp%TlmEIu``+Q;^z?4NGmhrJm%V4$rq7$Zy~V_lfq{X+)78&q Iol`;+03G^mwEzGB literal 0 HcmV?d00001 diff --git a/xfwm4/left-active.png b/xfwm4/left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..3ff636d6a605a4a09605e8736e40dc20faf5af80 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ckU=ZM7V_;ygS+Q;l0|Ns~v6E*A2L}g74M$1` z0|NtRfk$L90|Va?5N4dJ%_q&kz#v)T8c`CQpH@mmtT}V z`<;yx0|SG&r;B3<$IN6ClP$l_A2@K}z!3&k=FmmtT}V z`<;yx0|SG&r;B3<$IN6ClP$l_A2@K}z!3&k=FEj{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/maximize-inactive.png b/xfwm4/maximize-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_t8*pAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8xex9@8+%kU2g(dS^tGb#lkqeLPPYiuQ(Ym=xg2>h;iO>!g*_UhaL< z_cm_DZxQiamdww(YWEAerO$sbvZ;-{FvXPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_sLjpAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZlOI2R@+<$sI|c@Z0#6sm5RHjXFL?7cDDXHq+64t12zp;1(JAPB z@C(x(*4dt1A-PUjdv#Kd@O*3k68B;yi*4kR^%k%EV(WISKey-JtCYh6E8L5CJ~v-E zcSOK)9*;lg(T$IqkE~yDL7%bZtL*2Z+Grb}Fk?MMwe-4-r+MG=d3%dv-Ej{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/maximize-toggled-inactive.png b/xfwm4/maximize-toggled-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_t8*pAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8xex9)ttV9R< zoj=RIvA(L7SRlc9#wAy;Q1PMJj%N9qd|B=duct5Z$&Eizo~}4QM|tJcD<=X{b)S8R z)0-d5x8+Zlljg$y^W8tb2|x$Z0rC4 literal 0 HcmV?d00001 diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..d59b692d0676907d0e57e1cbf0e2e08b9407b44e GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{K;Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_sLjpAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZlOI2R@+<$sI|c@Z0#6sm5RHjXFEDa7DDXH0Zk;prR?K(%oTVau zsp21+1?&vwMzvn4(G?I>)?vO>y(s2ZN&38hHLI;dcRs6Mc`QZZ(C+f5_w-L26!GwE zOo((*KOF4zG2)}squ?uH${dfae?8ol|KY;T$r~9BBa9c!+|77nK5y-}N#$+~3=9mO Lu6{1-oD!M<^^$Yh literal 0 HcmV?d00001 diff --git a/xfwm4/menu-active.png b/xfwm4/menu-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d1b9c8a510a6091aa6408fd89b983a37afb4cc32 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=9SVJ|V7#hE_&K*2cy*Ha0GEj{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/menu-inactive.png b/xfwm4/menu-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_svvpAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8xh-buZ^ll%H6pF4Nq{P~OL&tJNI`%d(1qlq8~db&7Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_svvpAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZlb0=9wS4*Nn>TOYx^?^U<0n5RWG-P~V5snPaSYLz_;i9dUxNY< ztKgDFO{}i(>qC5d+qhn`&I!Hj`Kxl3c)mmtT}V z`<;yx0|SG&r;B3<$IN6ClP$l_A2@K}z!3&k=FmmtT}V z`<;yx0|SG&r;B3<$IN6ClP$l_A2@K}z!3&k=FEj{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/shade-inactive.png b/xfwm4/shade-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_r+XpAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8wehPFwQrcaqNbK%0JOO~uyx^(4=6>DzXxOMa9?c2BS9CY&XV_;zD_jGX# z(FlHeF_5oWfv4dipW8&ywU>9E{Ht%Z@s-Z3*aQDNpLAbUy7Qmq`e~)BrVDKqgH3I& zR}^nx&uJ!Lu)Q<@!FktbK2^L=dmkzeSSpl5al?wUc8@u_NKlhmGW<=*WD3k6yW8_mtFaW Qfq{X+)78&qol`;+09Buln*aa+ literal 0 HcmV?d00001 diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..c727739eeff8a980ae01d0455991675a05709a6d GIT binary patch literal 372 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{K;Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28QqepAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZljqD?xN6n9HEY&y-MVwfj@>(V?%BP2-@}KG9zJ~h=+WcHkDvI5 zHJdUpF!X!6IEH8hKfUl!$k~ABz{eooWuk^@oA>=M?qgG5dz<@5ebIMo#lWNUul&9A zKtT2d_o-KXPO(!}uU!Zf&h}mIl{qWjFMr+~ZWgomk-ZMb&Cb_F&0pid^G$Z%{118B z8&Z{%roJ${9n!}tbu+Bi)qcyGOYftEj{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/stick-inactive.png b/xfwm4/stick-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28PlApAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8wag7U(`ijtD5l9KAu(wefe+RDm?2@|GHoH%{bq#1MOESx)c;h{rE4<9~u z{ukUT;G1!f`@_GwlY3J4yq2$g9_$b?%Sh;rg8icn9l`e#%>~xZ zO25k0kt^kR@u5;I!`44LUKFfYqEmgPDZiF;i^Y>;M)DgP3z#MMY=~mMx}qUBfl2t3 zsMj0?%cgSnS(~3;j1*oG&t&VSeqnjnv4zt%$pxl|iS|1!tXCGO-Y2oi&G+)=lM4GP r%$DAN*m<}o|HP!0)@pt0&G$})3(iTG?U!I+U|{fc^>bP0l+XkKZA`V8 literal 0 HcmV?d00001 diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..bfe47fc302721e01cdc79ae2c5978b051e125595 GIT binary patch literal 426 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{K;Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28N;lpAc6=Ln~ur8wUqZM@LUrSKrjs?6kC;w6xsx^t_CW{L<3uva*`Gy5{=& zmd?(;uCD&x-bsCZlP64=I%(4M$&+VHnKE{)!&6~IH-FtBV{)7AXA3lEkWSVl82m=GdDo+>35RHjXFGLD883?ch zh;b@-8+E=(;7EK|@5*}WlE4S1FYi~+S~~ake2eSd{zhKLkK`vv8%G>gy1t2}!u-tV z3xyuvq?|Pidvz4=yiJZ-w5oN5+mtz#Y(g&rL{Fb`O5|>Al(gA+k1uOO`xOT+siSR7 z>L+;5?EkT$Kr(u6Z!DkGdA?h5nJpPp{&orfo#w#zD!Y2^?`enc>Y4u$@z<$7&K=}+ g`GEBT?dPlyt_bNQdH5Ej{yTWiHMl2DWR~k2fjp)&6F(p96KSxF pl6}(Z(lXuW`y9SB2^R*2MA=l4!#_2aGcYhPc)I$ztaD0e0sx@-V~PL( literal 0 HcmV?d00001 diff --git a/xfwm4/stick-toggled-inactive.png b/xfwm4/stick-toggled-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..927f6d9d06fc09e9048f39dfb1b09ba124adb657 GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{GRVW?*307rdm3fq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=HZ4J|V7#hE_&K)@Ek*=H~WJPF~K=-YzaauCBfw9syonLEhfMetuyA0pVZQ zoZQI3z!2%_;us=vIa$MPnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm28PA}pAc6=Ln|XAYhz;@8ygo_SKr{^sF0B8(9oFB(Ac=R)cE+cl$7l3?4q2U zqP)D4yu8wag7U(`ijtD5l9KAu(wefe+RDm?-rh;Qy_5U;CQq0!b>hV7lP1lWGiTx4 zxeE^+I(qo?!x)=7tf!+boJ`>Yu9evzJ2F*--T!f28O+! zE{-7@6Q54Z=4&z#Xc1i6(aIO%`XqJjwnz8=H*j^TiF{!?b6@{v<(ln3mGdj3jOVG$ zS(`p#zo>+YQ~jZ`6H#AlR+%|Jxup9^n)i~W({cY4bEBzKp3W^%JGPHUccycGrNI>i z3CBL|Pz(E<##tgiIF7yWI3y(L@k-!-({Ii<=cj3`u{=BHE%V)W2X|}EFY6Yayb^S6 zTFI-Bk4{g1Su+(s@19_`>b0J4SH{zwCVzO&tF8IYTOso~;a#ftHE!!(;aB@N$C)!Q PFfe$!`njxgN@xNAeEP;! literal 0 HcmV?d00001 diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png new file mode 100644 index 0000000000000000000000000000000000000000..84acb80419bb9ed48d388c39f35fbded94fb656f GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0y~yV31*8U{K;Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~ysGc>z8lu7-wI#>O@d4xWyVp02LGsj1m%X*p?Wx#{V785#MdrPXC+HFb5(_4O^C zoqb(h{k^@D`uZkMm@swHr0J6<&zLf0=Je^amn~bheEI5?E7z=Cxpvj6b(=PA-Lz@j zg$tK1T)2Gk;^oViuU@-$=048TNw4=Wpg_3@{N{8TP@41R{Sr$@Oo;{si2qZCGM4T<}BW~O0sR4 vkj1N~yWT&VnRY(H??mN`2gTe~DWM4f8}+<> literal 0 HcmV?d00001 diff --git a/xfwm4/themerc b/xfwm4/themerc new file mode 100644 index 0000000..cb238f0 --- /dev/null +++ b/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=6 +button_spacing=0 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#afafaf +active_text_shadow_color=#252525 + +inactive_text_color=#808080 +inactive_text_shadow_color=#252525 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/xfwm4/title-1-active.png b/xfwm4/title-1-active.png new file mode 100644 index 0000000000000000000000000000000000000000..483d0990f242b70bd5b77e3f8157cee6b0386467 GIT binary patch literal 161 zcmeAS@N?(olHy`uVBq!ia0y~yU|?lnU{GRYW?*1g%h9O8z`(#Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@Pnv;&L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7 zI~yqm1_rhOpAc6=Ln~KT-&sp^i@bR_5mRwzh6AE_!>`1B1M$ zi(?2!baFyM0&i+ULZL`Xf`N!gN`g>}U{iAs1A`ztr&9B?xi=UX7#KWV{an^LB{Ts5 DYa}%- literal 0 HcmV?d00001 diff --git a/xfwm4/top-left-inactive.png b/xfwm4/top-left-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..2432070fa3bb76f2f30122baf37aba604cf636b5 GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GRVW?*2LAlCYVfq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=Bd6J|V6Q3=D>bR_5mRwzh6AE_!>`1B1M$ zi(?2!baFyM0&i+ULZL`Xf`N!gN`g>}U{iAs1A`ztr&9B?xi=UX7#KWV{an^LB{Ts5 DYa}%- literal 0 HcmV?d00001 diff --git a/xfwm4/top-right-active.png b/xfwm4/top-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ce5be59accc3423933859ebcf7cd66c01505c23e GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GRVW?*2LAlCYVfq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=Bd6J|V6Q3=D>bR_5mRwzh6AE_!>`1B0xm zi(?2!bTS8TLPCOoNFjqz(;)??07gF!J~bwW*qfZQx|6ONFfcGMc)I$ztaD0e0sz%6 BGerOZ literal 0 HcmV?d00001 diff --git a/xfwm4/top-right-inactive.png b/xfwm4/top-right-inactive.png new file mode 100644 index 0000000000000000000000000000000000000000..ce5be59accc3423933859ebcf7cd66c01505c23e GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GRVW?*2LAlCYVfq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi417mGm~pB$pELslgJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=Bd6J|V6Q3=D>bR_5mRwzh6AE_!>`1B0xm zi(?2!bTS8TLPCOoNFjqz(;)??07gF!J~bwW*qfZQx|6ONFfcGMc)I$ztaD0e0sz%6 BGerOZ literal 0 HcmV?d00001