From 543c4e181442072a34bd2a9ba3cdc31cd7d24996 Mon Sep 17 00:00:00 2001 From: SamuDifferent Date: Sat, 8 Jun 2024 17:36:02 +0200 Subject: [PATCH] Please enter the commit message for your changes. Lines starting with '' will be ignored, and an empty message aborts the commit. On branch main Your branch is up to date with 'origin/main'. Changes to be committed: new file: Pink-Angel/general/add-workspace.svg new file: Pink-Angel/general/bullet-symbolic.svg new file: Pink-Angel/general/calendar-arrow-left.svg new file: Pink-Angel/general/calendar-arrow-right.svg new file: Pink-Angel/general/check-symbolic.svg new file: Pink-Angel/general/checkbox-off.svg new file: Pink-Angel/general/checkbox-on.svg new file: Pink-Angel/general/checkbox.svg new file: Pink-Angel/general/close-window.svg new file: Pink-Angel/general/corner-ripple.svg new file: Pink-Angel/general/cursor-handle-symbolic.svg new file: Pink-Angel/general/dark-add-workspace.svg new file: Pink-Angel/general/dark-calendar-arrow-left.svg new file: Pink-Angel/general/dark-calendar-arrow-right.svg new file: Pink-Angel/general/dark-checkbox-off.svg new file: Pink-Angel/general/dark-checkbox.svg new file: Pink-Angel/general/dark-close-window.svg new file: Pink-Angel/general/dark-radiobutton-off.svg new file: Pink-Angel/general/dark-radiobutton.svg new file: Pink-Angel/general/dark-switch-off.svg new file: Pink-Angel/general/dark-switch-on.svg new file: Pink-Angel/general/dash-symbolic.svg new file: Pink-Angel/general/gnome-shell.css new file: Pink-Angel/general/gtk-3.css new file: Pink-Angel/general/gtk-4.css new file: Pink-Angel/general/gtk-base.css new file: Pink-Angel/general/gtk-dark.css new file: Pink-Angel/general/gtk-light.css new file: Pink-Angel/general/gtkrc-dark new file: Pink-Angel/general/gtkrc-light new file: Pink-Angel/general/radiobutton-off.svg new file: Pink-Angel/general/radiobutton.svg new file: Pink-Angel/general/switch-off.svg new file: Pink-Angel/general/switch-on.svg new file: Pink-Angel/general/titlebar-alt.css new file: Pink-Angel/general/titlebar-color.css new file: Pink-Angel/general/titlebar-dark.css new file: Pink-Angel/general/titlebar-light.css new file: Pink-Angel/general/toggle-off.svg new file: Pink-Angel/general/toggle-on.svg new file: Pink-Angel/gnome-shell/calendar-event-disabled.svg new file: Pink-Angel/gnome-shell/calendar-event-today.svg new file: Pink-Angel/gnome-shell/calendar-event.svg new file: Pink-Angel/gnome-shell/checkbox-focused.svg new file: Pink-Angel/gnome-shell/checkbox-off-focused.svg new file: Pink-Angel/gnome-shell/checkbox-off.svg new file: Pink-Angel/gnome-shell/checkbox.svg new file: Pink-Angel/gnome-shell/gnome-shell.css new file: Pink-Angel/gnome-shell/toggle-off.svg new file: Pink-Angel/gnome-shell/toggle-on.svg new file: Pink-Angel/gnome-shell/workspace-placeholder.svg new file: Pink-Angel/gtk-2.0/gtkrc new file: Pink-Angel/gtk-3.0/gtk-base.css new file: Pink-Angel/gtk-3.0/gtk-dark.css new file: Pink-Angel/gtk-3.0/gtk-version.css new file: Pink-Angel/gtk-3.0/gtk.css new file: Pink-Angel/gtk-3.0/titlebar-dark.css new file: Pink-Angel/gtk-3.0/titlebar.css new file: Pink-Angel/gtk-4.0/gtk-base.css new file: Pink-Angel/gtk-4.0/gtk-dark.css new file: Pink-Angel/gtk-4.0/gtk-version.css new file: Pink-Angel/gtk-4.0/gtk.css new file: Pink-Angel/gtk-4.0/titlebar-dark.css new file: Pink-Angel/gtk-4.0/titlebar.css new file: Pink-Angel/index.theme deleted: Test.txt --- Pink-Angel/general/add-workspace.svg | 94 + Pink-Angel/general/bullet-symbolic.svg | 61 + Pink-Angel/general/calendar-arrow-left.svg | 41 + Pink-Angel/general/calendar-arrow-right.svg | 41 + Pink-Angel/general/check-symbolic.svg | 106 + Pink-Angel/general/checkbox-off.svg | 71 + Pink-Angel/general/checkbox-on.svg | 92 + Pink-Angel/general/checkbox.svg | 71 + Pink-Angel/general/close-window.svg | 94 + Pink-Angel/general/corner-ripple.svg | 56 + Pink-Angel/general/cursor-handle-symbolic.svg | 3 + Pink-Angel/general/dark-add-workspace.svg | 94 + .../general/dark-calendar-arrow-left.svg | 41 + .../general/dark-calendar-arrow-right.svg | 41 + Pink-Angel/general/dark-checkbox-off.svg | 70 + Pink-Angel/general/dark-checkbox.svg | 72 + Pink-Angel/general/dark-close-window.svg | 94 + Pink-Angel/general/dark-radiobutton-off.svg | 66 + Pink-Angel/general/dark-radiobutton.svg | 72 + Pink-Angel/general/dark-switch-off.svg | 76 + Pink-Angel/general/dark-switch-on.svg | 67 + Pink-Angel/general/dash-symbolic.svg | 64 + Pink-Angel/general/gnome-shell.css | 94 + Pink-Angel/general/gtk-3.css | 793 +++++ Pink-Angel/general/gtk-4.css | 1358 ++++++++ Pink-Angel/general/gtk-base.css | 3091 +++++++++++++++++ Pink-Angel/general/gtk-dark.css | 38 + Pink-Angel/general/gtk-light.css | 38 + Pink-Angel/general/gtkrc-dark | 245 ++ Pink-Angel/general/gtkrc-light | 245 ++ Pink-Angel/general/radiobutton-off.svg | 66 + Pink-Angel/general/radiobutton.svg | 72 + Pink-Angel/general/switch-off.svg | 76 + Pink-Angel/general/switch-on.svg | 67 + Pink-Angel/general/titlebar-alt.css | 13 + Pink-Angel/general/titlebar-color.css | 13 + Pink-Angel/general/titlebar-dark.css | 13 + Pink-Angel/general/titlebar-light.css | 13 + Pink-Angel/general/toggle-off.svg | 20 + Pink-Angel/general/toggle-on.svg | 83 + .../gnome-shell/calendar-event-disabled.svg | 8 + .../gnome-shell/calendar-event-today.svg | 8 + Pink-Angel/gnome-shell/calendar-event.svg | 8 + Pink-Angel/gnome-shell/checkbox-focused.svg | 80 + .../gnome-shell/checkbox-off-focused.svg | 70 + Pink-Angel/gnome-shell/checkbox-off.svg | 50 + Pink-Angel/gnome-shell/checkbox.svg | 61 + Pink-Angel/gnome-shell/gnome-shell.css | 1924 ++++++++++ Pink-Angel/gnome-shell/toggle-off.svg | 16 + Pink-Angel/gnome-shell/toggle-on.svg | 16 + .../gnome-shell/workspace-placeholder.svg | 119 + Pink-Angel/gtk-2.0/gtkrc | 1 + Pink-Angel/gtk-3.0/gtk-base.css | 1 + Pink-Angel/gtk-3.0/gtk-dark.css | 1 + Pink-Angel/gtk-3.0/gtk-version.css | 1 + Pink-Angel/gtk-3.0/gtk.css | 1 + Pink-Angel/gtk-3.0/titlebar-dark.css | 1 + Pink-Angel/gtk-3.0/titlebar.css | 1 + Pink-Angel/gtk-4.0/gtk-base.css | 1 + Pink-Angel/gtk-4.0/gtk-dark.css | 1 + Pink-Angel/gtk-4.0/gtk-version.css | 1 + Pink-Angel/gtk-4.0/gtk.css | 1 + Pink-Angel/gtk-4.0/titlebar-dark.css | 1 + Pink-Angel/gtk-4.0/titlebar.css | 1 + Pink-Angel/index.theme | 12 + Test.txt | 1 - 66 files changed, 10210 insertions(+), 1 deletion(-) create mode 100755 Pink-Angel/general/add-workspace.svg create mode 100755 Pink-Angel/general/bullet-symbolic.svg create mode 100755 Pink-Angel/general/calendar-arrow-left.svg create mode 100755 Pink-Angel/general/calendar-arrow-right.svg create mode 100755 Pink-Angel/general/check-symbolic.svg create mode 100755 Pink-Angel/general/checkbox-off.svg create mode 100755 Pink-Angel/general/checkbox-on.svg create mode 100755 Pink-Angel/general/checkbox.svg create mode 100755 Pink-Angel/general/close-window.svg create mode 100755 Pink-Angel/general/corner-ripple.svg create mode 100755 Pink-Angel/general/cursor-handle-symbolic.svg create mode 100755 Pink-Angel/general/dark-add-workspace.svg create mode 100755 Pink-Angel/general/dark-calendar-arrow-left.svg create mode 100755 Pink-Angel/general/dark-calendar-arrow-right.svg create mode 100755 Pink-Angel/general/dark-checkbox-off.svg create mode 100755 Pink-Angel/general/dark-checkbox.svg create mode 100755 Pink-Angel/general/dark-close-window.svg create mode 100755 Pink-Angel/general/dark-radiobutton-off.svg create mode 100755 Pink-Angel/general/dark-radiobutton.svg create mode 100755 Pink-Angel/general/dark-switch-off.svg create mode 100755 Pink-Angel/general/dark-switch-on.svg create mode 100755 Pink-Angel/general/dash-symbolic.svg create mode 100755 Pink-Angel/general/gnome-shell.css create mode 100755 Pink-Angel/general/gtk-3.css create mode 100755 Pink-Angel/general/gtk-4.css create mode 100755 Pink-Angel/general/gtk-base.css create mode 100755 Pink-Angel/general/gtk-dark.css create mode 100755 Pink-Angel/general/gtk-light.css create mode 100755 Pink-Angel/general/gtkrc-dark create mode 100755 Pink-Angel/general/gtkrc-light create mode 100755 Pink-Angel/general/radiobutton-off.svg create mode 100755 Pink-Angel/general/radiobutton.svg create mode 100755 Pink-Angel/general/switch-off.svg create mode 100755 Pink-Angel/general/switch-on.svg create mode 100755 Pink-Angel/general/titlebar-alt.css create mode 100755 Pink-Angel/general/titlebar-color.css create mode 100755 Pink-Angel/general/titlebar-dark.css create mode 100755 Pink-Angel/general/titlebar-light.css create mode 100755 Pink-Angel/general/toggle-off.svg create mode 100755 Pink-Angel/general/toggle-on.svg create mode 100755 Pink-Angel/gnome-shell/calendar-event-disabled.svg create mode 100755 Pink-Angel/gnome-shell/calendar-event-today.svg create mode 100755 Pink-Angel/gnome-shell/calendar-event.svg create mode 100755 Pink-Angel/gnome-shell/checkbox-focused.svg create mode 100755 Pink-Angel/gnome-shell/checkbox-off-focused.svg create mode 100755 Pink-Angel/gnome-shell/checkbox-off.svg create mode 100755 Pink-Angel/gnome-shell/checkbox.svg create mode 100755 Pink-Angel/gnome-shell/gnome-shell.css create mode 100755 Pink-Angel/gnome-shell/toggle-off.svg create mode 100755 Pink-Angel/gnome-shell/toggle-on.svg create mode 100755 Pink-Angel/gnome-shell/workspace-placeholder.svg create mode 120000 Pink-Angel/gtk-2.0/gtkrc create mode 120000 Pink-Angel/gtk-3.0/gtk-base.css create mode 120000 Pink-Angel/gtk-3.0/gtk-dark.css create mode 120000 Pink-Angel/gtk-3.0/gtk-version.css create mode 120000 Pink-Angel/gtk-3.0/gtk.css create mode 120000 Pink-Angel/gtk-3.0/titlebar-dark.css create mode 120000 Pink-Angel/gtk-3.0/titlebar.css create mode 120000 Pink-Angel/gtk-4.0/gtk-base.css create mode 120000 Pink-Angel/gtk-4.0/gtk-dark.css create mode 120000 Pink-Angel/gtk-4.0/gtk-version.css create mode 120000 Pink-Angel/gtk-4.0/gtk.css create mode 120000 Pink-Angel/gtk-4.0/titlebar-dark.css create mode 120000 Pink-Angel/gtk-4.0/titlebar.css create mode 100755 Pink-Angel/index.theme delete mode 100755 Test.txt diff --git a/Pink-Angel/general/add-workspace.svg b/Pink-Angel/general/add-workspace.svg new file mode 100755 index 0000000..82ddf3f --- /dev/null +++ b/Pink-Angel/general/add-workspace.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/general/bullet-symbolic.svg b/Pink-Angel/general/bullet-symbolic.svg new file mode 100755 index 0000000..091be39 --- /dev/null +++ b/Pink-Angel/general/bullet-symbolic.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/calendar-arrow-left.svg b/Pink-Angel/general/calendar-arrow-left.svg new file mode 100755 index 0000000..3f176ec --- /dev/null +++ b/Pink-Angel/general/calendar-arrow-left.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/Pink-Angel/general/calendar-arrow-right.svg b/Pink-Angel/general/calendar-arrow-right.svg new file mode 100755 index 0000000..c2f1c3a --- /dev/null +++ b/Pink-Angel/general/calendar-arrow-right.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/Pink-Angel/general/check-symbolic.svg b/Pink-Angel/general/check-symbolic.svg new file mode 100755 index 0000000..c1baff0 --- /dev/null +++ b/Pink-Angel/general/check-symbolic.svg @@ -0,0 +1,106 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + diff --git a/Pink-Angel/general/checkbox-off.svg b/Pink-Angel/general/checkbox-off.svg new file mode 100755 index 0000000..b578b27 --- /dev/null +++ b/Pink-Angel/general/checkbox-off.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/checkbox-on.svg b/Pink-Angel/general/checkbox-on.svg new file mode 100755 index 0000000..77c43fb --- /dev/null +++ b/Pink-Angel/general/checkbox-on.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/general/checkbox.svg b/Pink-Angel/general/checkbox.svg new file mode 100755 index 0000000..d75b000 --- /dev/null +++ b/Pink-Angel/general/checkbox.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/close-window.svg b/Pink-Angel/general/close-window.svg new file mode 100755 index 0000000..8b1f96f --- /dev/null +++ b/Pink-Angel/general/close-window.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/general/corner-ripple.svg b/Pink-Angel/general/corner-ripple.svg new file mode 100755 index 0000000..1389fc1 --- /dev/null +++ b/Pink-Angel/general/corner-ripple.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/Pink-Angel/general/cursor-handle-symbolic.svg b/Pink-Angel/general/cursor-handle-symbolic.svg new file mode 100755 index 0000000..0f9da3f --- /dev/null +++ b/Pink-Angel/general/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/Pink-Angel/general/dark-add-workspace.svg b/Pink-Angel/general/dark-add-workspace.svg new file mode 100755 index 0000000..f3febaf --- /dev/null +++ b/Pink-Angel/general/dark-add-workspace.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/general/dark-calendar-arrow-left.svg b/Pink-Angel/general/dark-calendar-arrow-left.svg new file mode 100755 index 0000000..c85fc40 --- /dev/null +++ b/Pink-Angel/general/dark-calendar-arrow-left.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/Pink-Angel/general/dark-calendar-arrow-right.svg b/Pink-Angel/general/dark-calendar-arrow-right.svg new file mode 100755 index 0000000..07b0b40 --- /dev/null +++ b/Pink-Angel/general/dark-calendar-arrow-right.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/Pink-Angel/general/dark-checkbox-off.svg b/Pink-Angel/general/dark-checkbox-off.svg new file mode 100755 index 0000000..3fec1c1 --- /dev/null +++ b/Pink-Angel/general/dark-checkbox-off.svg @@ -0,0 +1,70 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/dark-checkbox.svg b/Pink-Angel/general/dark-checkbox.svg new file mode 100755 index 0000000..8a427b7 --- /dev/null +++ b/Pink-Angel/general/dark-checkbox.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/dark-close-window.svg b/Pink-Angel/general/dark-close-window.svg new file mode 100755 index 0000000..b105288 --- /dev/null +++ b/Pink-Angel/general/dark-close-window.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/general/dark-radiobutton-off.svg b/Pink-Angel/general/dark-radiobutton-off.svg new file mode 100755 index 0000000..8d1fbf4 --- /dev/null +++ b/Pink-Angel/general/dark-radiobutton-off.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/dark-radiobutton.svg b/Pink-Angel/general/dark-radiobutton.svg new file mode 100755 index 0000000..a1c6f79 --- /dev/null +++ b/Pink-Angel/general/dark-radiobutton.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Pink-Angel/general/dark-switch-off.svg b/Pink-Angel/general/dark-switch-off.svg new file mode 100755 index 0000000..a094d89 --- /dev/null +++ b/Pink-Angel/general/dark-switch-off.svg @@ -0,0 +1,76 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Pink-Angel/general/dark-switch-on.svg b/Pink-Angel/general/dark-switch-on.svg new file mode 100755 index 0000000..333de1f --- /dev/null +++ b/Pink-Angel/general/dark-switch-on.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/dash-symbolic.svg b/Pink-Angel/general/dash-symbolic.svg new file mode 100755 index 0000000..72419ff --- /dev/null +++ b/Pink-Angel/general/dash-symbolic.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/gnome-shell.css b/Pink-Angel/general/gnome-shell.css new file mode 100755 index 0000000..49124cd --- /dev/null +++ b/Pink-Angel/general/gnome-shell.css @@ -0,0 +1,94 @@ +.calendar .calendar-today, +.calendar .calendar-today:hover, +.calendar .calendar-today:focus, +.calendar .calendar-today:active, +.calendar .calendar-today:selected, +.calendar .calendar-today:active:hover, +.calendar .calendar-today:active:focus, +.calendar .calendar-today:selected:hover, +.calendar .calendar-today:selected:focus, +.quick-toggle-menu .header .icon.active, +.quick-toggle:checked, +.quick-toggle:checked:focus, +.quick-toggle:checked:hover, +.quick-toggle:checked:focus, +.quick-toggle:checked:active +{ background-color: rgba(255,90,153, 1.0) !important; box-shadow: none; } + +.quick-toggle:checked:insensitive { background-color: rgba(255,90,153, 0.5); } + +.calendar .calendar-day-base{ box-shadow: none; } + +.quick-slider .slider-bin:focus:hover, +.quick-slider .slider-bin:focus:active, +.quick-slider .slider-bin:focus, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, +.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, +.button:focus:hover, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, +.app-folder-dialog .folder-name-container .edit-folder-button:focus:active, +.button:focus:active, +.login-dialog .modal-dialog-button:default:focus, +.modal-dialog .modal-dialog-linked-button:focus, +.hotplug-notification-item:focus, +.notification-banner .notification-button:focus, +.modal-dialog .modal-dialog-linked-button:focus:active, +.hotplug-notification-item:focus:active, +.notification-banner .notification-button:focus:active +{ box-shadow: inset 0 0 0 2px rgba(255,90,153, 0.5) !important; } + +.slider { -barlevel-active-background-color: rgba(255,90,153, 1.0); } + +.quick-toggle:checked:hover, .quick-toggle:checked:focus { background-color: rgba(255,90,153, 1.0); box-shadow: inset 0 0 0 9999px rgba(255,255,255, 0.1); } + +StEntry { selection-background-color: rgba(255,90,153, 1.0); } + +StEntry:focus { border-color: rgba(255,90,153, 1.0);} + +.modal-dialog .modal-dialog-linked-button, +.hotplug-notification-item, +.notification-banner .notification-button, +.modal-dialog .modal-dialog-linked-button:focus, +.hotplug-notification-item:focus, +.notification-banner .notification-button:focus, +.calendar .calendar-day-base:hover, +.calendar .calendar-day-base:focus +{ background-color: rgba(255,255,255, 0.1); } + +.modal-dialog .modal-dialog-linked-button:focus:hover, +.hotplug-notification-item:focus:hover, +.notification-banner .notification-button:focus:hover, +.modal-dialog .modal-dialog-linked-button:hover, +.hotplug-notification-item:hover, +.notification-banner .notification-button:hover, +.calendar .calendar-day-base:active:focus, +.calendar .calendar-day-base:selected:focus{background-color: rgba(255,255,255, 0.15);} + +.modal-dialog .modal-dialog-linked-button:active, +.hotplug-notification-item:active, +.notification-banner .notification-button:active, +.modal-dialog .modal-dialog-linked-button:checked, +.hotplug-notification-item:checked, +.notification-banner .notification-button:checked, +.modal-dialog .modal-dialog-linked-button:checked:hover, +.hotplug-notification-item:checked:hover, +.notification-banner .notification-button:checked:hover, +.modal-dialog .modal-dialog-linked-button:checked:active, +.hotplug-notification-item:checked:active, +.notification-banner .notification-button:checked:active, +.calendar .calendar-day-base:active, +.calendar .calendar-day-base:selected +{background-color: rgba(255,255,255, 0.2);} + +.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { background-color: rgba(255,255,255, 0.05); } + +.check-box StBin { background-image: url("../general/checkbox-off.svg"); } + +.check-box:focus StBin, +.check-box:checked StBin +.check-box:focus:checked StBin +{ background-image: url("../general/checkbox-on.svg"); } + +/* Switches */ +.toggle-switch { background-image: url("../general/toggle-off.svg"); } + .toggle-switch:checked { background-image: url("../general/toggle-on.svg"); } diff --git a/Pink-Angel/general/gtk-3.css b/Pink-Angel/general/gtk-3.css new file mode 100755 index 0000000..d58b307 --- /dev/null +++ b/Pink-Angel/general/gtk-3.css @@ -0,0 +1,793 @@ + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: @error_bg_color; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 4px; + -gtk-secondary-caret-color: + @accent_bg_color; + } + +flowbox flowboxchild { padding: 3px; } + +.content-view .tile { margin: 2px; padding: 0; } + +assistant .sidebar label { padding: 6px 12px; } + +*:disabled { -gtk-icon-effect: dim; } + +notebook > header > tabs > arrow:hover, +button:hover, +.content-view:hover { -gtk-icon-effect: highlight; } + +notebook > header > tabs > arrow:backdrop, +button:backdrop.flat, +button:backdrop, +.xfce4-panel.background button menu, +.selection-mode .titlebar:not(headerbar) button:backdrop, +.selection-mode.titlebar:not(headerbar) button:backdrop, +.selection-mode headerbar button:backdrop.flat, +.selection-mode headerbar button:backdrop, +headerbar.selection-mode button:backdrop.flat, +headerbar.selection-mode button:backdrop { -gtk-icon-effect: none; } + +avatar, +button.circular, +button.sidebar-button, +switch slider +{ -gtk-outline-radius: 9999px; } + +/* Entry */ + +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; } + +spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; } + +spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } + +spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } + +/* Button */ + +.titlebar button box, +toolbar button box{margin: -4px;} + +.stack-switcher > button { outline-offset: -3px; } + +.primary-toolbar button { -gtk-icon-shadow: none; } + +button.circular label { padding: 0; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +spinbutton:not(.vertical) { padding: 0; } + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; } + +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; } + +spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + +treeview spinbutton:not(.vertical) { min-height: 0; } + +treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } + +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; } + +:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } + +:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } + +/* Tool Bar */ + +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; } + +toolbar { padding: 4px 3px 3px 4px; } + +toolbar.horizontal separator { margin: 0 7px 1px 6px; } + +toolbar.vertical separator { margin: 6px 1px 7px 0; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +.inline-toolbar { padding: 3px; } + +searchbar > revealer > box, .location-bar { padding: 3px; } + +searchbar > revealer > box { margin: -6px; padding: 6px; } + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } + +/* Header Bar */ + +.windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } + +.ssd .titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 4px 0px 4px 0px; } + +.titlebar:not(headerbar), headerbar { padding: 0 4px; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; } + +headerbar > box {margin: -1px 0px;} + +headerbar entry, .titlebar entry { min-height: 32px; } + +window.csd > .titlebar:not(headerbar) { padding: 0px; } + +button.titlebutton { padding: 4px; margin: 0; min-width: 24px; min-height: 24px; } + +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; } + +stackswitcher button.text-button { min-width: 100px; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +headerbar entry image.left, .titlebar entry image.left { margin-right: 6px; } + +headerbar entry image.right, .titlebar entry image.right { margin-left: 6px; } + +headerbar entry.flat:focus, headerbar entry.flat:backdrop, headerbar entry.flat:disabled, headerbar entry.flat:backdrop:disabled, headerbar entry.flat, .titlebar entry.flat:focus, .titlebar entry.flat:backdrop, .titlebar entry.flat:disabled, .titlebar entry.flat:backdrop:disabled, .titlebar entry.flat { min-height: 0; padding: 2px; } + +headerbar entry progress, .titlebar entry progress { margin: 2px -6px; } + +headerbar .right, .titlebar .right { margin-left: -4px; } + +headerbar .right separator, .titlebar .right separator { min-width: 0; } + +headerbar .left, .titlebar .left { margin-right: -4px; } + +headerbar .left separator, .titlebar .left separator { min-width: 0; } + +.tiled .titlebar:not(headerbar), +.tiled-top .titlebar:not(headerbar), +.tiled-right .titlebar:not(headerbar), +.tiled-bottom .titlebar:not(headerbar), +.tiled-left .titlebar:not(headerbar), +.maximized .titlebar:not(headerbar), +.fullscreen .titlebar:not(headerbar), +.tiled headerbar, +.tiled-top headerbar, +.tiled-right headerbar, +.tiled-bottom headerbar, +.tiled-left headerbar, +.maximized headerbar, +.fullscreen headerbar { border-radius: 0; } + +.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { border-radius: 0; box-shadow: none; } + +.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 6.0px; } + +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 6.0px; } + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop: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-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop: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-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop: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-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop: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.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } + +/* this is for ssd titlebars */ +.ssd .default-decoration, +.default-decoration.titlebar:not(headerbar), +.csd .default-decoration.titlebar:not(headerbar) +{border-bottom: none;} + +/* Treeview */ + +* { -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.separator { min-height: 2px; } + +treeview.view:not(:backdrop):not(:selected):hover { } + +/* Menus */ + +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; } + +menubar > menuitem, .menubar > menuitem { padding: 4px 8px; min-height: 16px; } + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { padding: 6px; } + +menu, .menu, .context-menu { margin: 4px; padding: 6px; } + +menu separator, .menu separator, .context-menu separator { margin: 6px 0; } + +menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } + +menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } + +menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } + +menu > arrow, .menu > arrow, .context-menu > arrow { min-height: 16px; min-width: 16px; padding: 4px; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; } + +menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } + +popover.background { padding: 2px; } + +popover.background separator { margin: 6px 0; } + +popover.background list separator { margin: 0px; } + +.csd popover.background { background-clip: padding-box; border-color: @transparent_borders; } + +popover.background {box-shadow: 0 1px 2px @menu_shadow; } + +.csd popover.background, +popover.background { border: 1px solid @transparent_borders; } + +/* Scroll Bar */ + +* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } + +scrollbar slider { min-width: 10px; min-height: 10px; margin: 0px; } + +/* Switch */ + +switch { outline-offset: -4px; padding: 2px; } + +switch slider { margin: 4px; min-width: 16px; min-height: 16px; } + +/* Check and Radio */ + +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check, +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover, +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active, +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop, +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked, +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover, +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active, +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; } + +checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } + +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; } + +check:only-child, radio:only-child { margin: 0; } + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } + +menu menuitem check, menu menuitem radio { margin: 0; padding: 0; } + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:not(:checked), menu menuitem check:not(:checked):hover, menu menuitem check:not(:checked):disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:not(:checked), menu menuitem radio:not(:checked):hover, menu menuitem radio:not(:checked):disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; padding: 1px; } + +/* Scale Bar */ + +scale{padding: 6px;} + +scale highlight, +scale trough +{min-height: 8px; min-width: 8px;} + +scale trough{padding: 0px;} + +scale.horizontal slider, +scale.vertical slider{ padding: 8px; margin: -8px;} + +scale:hover slider, +scale.marks-after slider, +scale.marks-before slider{padding: 6px; } + +scale.color slider { padding: 4px; } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical.marks-before { padding-left: 0; } + +scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } + +scale.vertical.marks-after { padding-right: 0; } + +scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } + +/* Progress Bar */ + +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 8px; } + +progressbar.vertical trough, progressbar.vertical progress { min-width: 8px; } + +progressbar.horizontal progress { margin: 0 -1px; } + +progressbar.vertical progress { margin: -1px 0; } + +progressbar.osd { min-width: 3px; min-height: 3px; } + +/* Level Bar */ + +levelbar.horizontal block { min-height: 8px; } + +levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + +levelbar.vertical block { min-width: 8px; } + +levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + +levelbar trough { padding: 0; } + +printdialog .dialog-action-box { margin: 12px; } + +printdialog paper { padding: 0; } + +/* Frames */ + +frame > border, .frame { margin: 0; padding: 0; } + +actionbar > revealer > box { padding: 6px; } + +scrolledwindow viewport.frame { border-style: none; } + +separator { min-width: 1px; min-height: 1px; } + +/* Overshoot */ + +scrolledwindow overshoot.top {background-image: radial-gradient(farthest-side at top, alpha(@accent_bg_color,0.2) 25%, alpha(@accent_bg_color,0.2)), radial-gradient(farthest-side at top, transparent, transparent); background-size: 100% 25%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none;} + +scrolledwindow overshoot.bottom {background-image: radial-gradient(farthest-side at top, alpha(@accent_bg_color,0.2) 25%, alpha(@accent_bg_color,0.2)), radial-gradient(farthest-side at bottom, transparent, transparent); background-size: 100% 25%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none;} + +scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(@accent_bg_color,0.2) 25%, alpha(@accent_bg_color,0.2)), radial-gradient(farthest-side at left, transparent, transparent); background-size: 25% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at left, alpha(@accent_bg_color,0.2) 25%, alpha(@accent_bg_color,0.2)), radial-gradient(farthest-side at right, transparent, transparent); background-size: 25% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +/* List */ + +list row { padding: 2px; } + +.source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } + +row.expander list.nested {border-top: 1px solid @transparent_borders;} + +.package-box { border-radius: 6.0px; } + +scrolledwindow list row, +popover scrolledwindow list row{border-radius: 0px} + +row label {padding: 0 12px;} + +/* App Notification */ + +.app-notification, .app-notification.frame { padding: 10px; } + +/* Expander */ + +expander title > arrow, +expander { min-width: 16px; min-height: 16px; } + +/* Message Dialog */ + +messagedialog .titlebar, messagedialog .titlebar:backdrop { min-height: 20px; } + +messagedialog.csd .dialog-action-area button { padding: 10px 14px; } + +/* File Chooser */ + +.sidebar row, .sidebar separator { margin: 0 4px; } + +stacksidebar row { padding: 10px 4px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +placessidebar row { min-height: 36px; padding: 0px; } + +placessidebar row > revealer { padding: 0 14px; } + +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; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; } + +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; } + +placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } + +paned > separator { min-width: 1px; min-height: 1px; } + +paned > separator.wide { min-width: 5px; min-height: 5px; } + +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; } + +paned.vertical > separator.wide { margin: 0; padding: 0; } + +/* Info Bar */ + +infobar .close { min-width: 18px; min-height: 18px; padding: 4px; } + +/* Tooltip */ + +tooltip, +tooltip * { padding: 2px; } + +/* Decoration */ + +decoration { border-radius: 6.0px 6.0px 0 0; border-width: 0px; box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @transparent_borders; margin: 10px; } + +decoration:backdrop { box-shadow: 0 3px 12px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 0 0 1px alpha(@transparent_borders,0.5); transition: 200ms ease-out; } + +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px @transparent_borders, 0 0 0 20px transparent; } + +.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px alpha(@transparent_borders,0.5), 0 0 0 20px transparent; } + +.popup decoration { box-shadow: none; } + +.ssd decoration { box-shadow: 0 0 0 1px @transparent_borders; } + +.ssd decoration:backdrop { box-shadow: 0 0 0 1px alpha(@transparent_borders,0.5); } + +.ssd.maximized decoration, .ssd.maximized decoration:backdrop { box-shadow: none; } + +.csd.popup decoration { border-radius: 6.0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px @transparent_borders; } + +tooltip.csd decoration { border-radius: 6.0px; box-shadow: none; } + +messagedialog.csd decoration { border-radius: 6.0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px @transparent_borders; } + +.solid-csd decoration { margin: 0; padding: 4px; background-color: mix(currentColor,@window_bg_color,0.853); border: solid 1px @transparent_borders; border-radius: 0; box-shadow: inset 0 0 0 5px mix(currentColor,@window_bg_color,0.853), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px mix(currentColor,@window_bg_color,0.853); } + +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px @window_bg_color; } + +/* Emoji Section */ + +popover.emoji-picker { padding-left: 0; padding-right: 0; } + +popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } + +button.emoji-section:first-child { margin-left: 7px; } + +button.emoji-section:last-child { margin-right: 7px; } + +button.emoji-section label { padding: 0; } + +popover.emoji-completion contents row box { padding: 2px 10px; } + +popover.emoji-picker .emoji { padding: 6px; } + +/* Content */ + +button.toggle:not(.image-button) { padding-left: 8px; padding-right: 8px; } + +scrolledwindow list separator.horizontal { margin: 6px; } + +.preferences scrolledwindow > .frame > clamp.large, .preferences scrolledwindow > .frame > clamp.medium, .preferences scrolledwindow > .frame > clamp.small { padding-bottom: 30px; } + +popover.background modelbutton.flat { padding-left: 16px; padding-right: 16px; } + +popover.menu > stack { margin: -6px; } + +popover.combo{ padding: 0px; } + +popover.combo list { min-width: 200px; } + +popover.combo list > row { padding: 0px 8px 0px 8px; min-height: 40px; } + +row.expander { padding: 0px; } + +row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } + +row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } + +popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } + +list.content > row { margin: 0; } + +/* View Switcher */ + +headerbar viewswitcher {padding: 4px 0px;} + +viewswitcher, viewswitcher button { margin: 0; padding: 0; } + +viewswitcher button > stack > box.narrow { padding-top: 4px; padding-bottom: 4px; } + +viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } + +headerbar viewswitcher button.radio.vertical .narrow image{ color: transparent; margin: -9999px;} +headerbar viewswitcher button.radio.vertical .narrow label{ margin-top: -6.5px;} + +viewswitcher button > stack > box.wide { padding: 8px 12px; } + +viewswitcher button > stack > box.wide image:dir(rtl), +viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } + +viewswitcher button > stack > box.wide image:dir(ltr), +viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } + +viewswitcherbar actionbar > revealer > box { padding: 0; } + +viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } + +viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } + +viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@accent_bg_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } + +statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } + +statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } + +statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } + +row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } + +row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } + +/* Tab Bar */ + +tabbar .box { min-height: 38px; } + +tabbar tab, .tab-drag-icon tab { padding: 6px; } + +.tab-drag-icon tab { min-height: 26px; margin: 25px; } + +tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; } + +tabbar .box { min-height: 38px; } + +tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; } + +tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; } + +tabbar tab { margin: 4px 3px; } + +tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } + +tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } + +/* Flap */ + +flap > border, deck > border, leaflet > border, +flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; } + +flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } + +window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; } + +window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { margin-top: 24px; } + +preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } + +preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } + +/* Pantheon */ + +GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 12px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid @view_bg_color; background: @view_bg_color; color: @window_fg_color; } + +.h4 { padding-top: 0.5em; padding-bottom: 0.5em; } + +list .h4 { padding-left: 0.5em; } + +.storage-bar .trough, +.storage-bar .fill-block { padding: 8px 6px; } + +.storage-bar .legend { padding: 8px; } + +.storage-bar .disk-bar { padding: 0; } + +.source-list .badge { padding: 0 6px; margin: 0 3px; } + +.source-list row, .source-list .list-row { padding: 0; } + +.source-list row > GtkLabel, .source-list row > label, .source-list .list-row > GtkLabel, .source-list .list-row > label { padding-left: 6px; padding-right: 6px; } + +.overlay-bar { padding: 4px; } + +.dynamic-notebook tab.reorderable-page { padding: 8px; } + +label.terminal { padding: 1em; } + +button.back-button, button.back-button.text-button { padding-right: 8px; padding-left: 36px; } + +.titlebar button.back-button, .titlebar button.back-button.text-button { padding-left: 36px; } + +button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: 0.5em 0.6em; padding-right: 36px; padding-left: 8px; } + +/* Gedit */ + +.org-gnome-gedit notebook tab.reorderable-page, .nautilus-window notebook tab.reorderable-page { min-height: 37px; padding: 4px 0 0 0; } + +.org-gnome-gedit notebook tab.reorderable-page > box, .nautilus-window notebook tab.reorderable-page > box { margin: 0 3px 3px 3px; padding-right: 8px; } + +.org-gnome-gedit notebook tab.reorderable-page > box > label, .nautilus-window notebook tab.reorderable-page > box > label { padding-left: 8px; } + +.org-gnome-gedit notebook tab.reorderable-page > box button, .nautilus-window notebook tab.reorderable-page > box button { margin: 8px 0; } + +.gedit-search-slider { padding: 4px 8px; } + +.gedit-search-slider button { padding-top: 7px; padding-bottom: 7px; } + +.gedit-document-panel row.activatable { padding: 6px; } + +.gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; margin: 0; } + +/* Nautilus */ + +.nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { padding-right: 6px; } + +.nautilus-window headerbar .nautilus-path-bar, .nautilus-window .titlebar .nautilus-path-bar { min-height: 34px; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton), .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton) { margin: 0; padding-left: 8px; padding-right: 8px; } + +.nautilus-window .path-buttons-box button { min-height: 22px; } + +.nautilus-window entry.search > :not(.csd) { margin: 5px; } + +.floating-bar { padding: 3px; } + +.floating-bar button { padding: 0px; } + +list.tweak-categories separator.horizontal { margin: 2px 0; } + +.org-gnome-Todo taskrow.activatable.new-task-row button.popup.toggle { padding-left: 10px; padding-right: 10px; } + +/* Xfce */ + +.xfce4-panel.background .tasklist button, .xfce4-panel.background #actions-button, .xfce4-panel.background #clock-button { margin: 2px; } + +.xfce4-panel.background .tasklist image { margin-left: 2px; margin-right: 2px; } + +.xfce4-panel.background button label { padding-left: 6px; padding-right: 6px; } + +.xfce4-panel.background button { padding: 0 6px; min-height: 12px; min-width: 12px; } + +/* Nemo */ + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: mix(@window_bg_color,@window_fg_color,0.3); + -NemoPlacesTreeView-disk-full-fg-color: @window_fg_color; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 0; + -NemoPlacesTreeView-disk-full-bottom-padding: 1px; + -NemoPlacesTreeView-disk-full-max-length: 80px; +} + +.nemo-properties-dialog .dialog-action-box .dialog-action-area { margin: 2px 6px 4px; } + +.nemo-properties-dialog toolbar stackswitcher.linked button { margin-right: 0; } + +.nemo-window toolbar.horizontal.primary-toolbar .linked button { margin-right: 0; } + +.nemo-window toolbar.horizontal.primary-toolbar toolitem box widget * { min-height: 0; min-width: 0; } + +#dialog-action_area3 { margin: 5px; } + +/* Firefox */ + +#MozillaGtkWidget.background menuitem check, #MozillaGtkWidget.background menuitem radio { min-height: 12px; min-width: 12px; } + +button .download_progress trough { min-height: 2px; } + +/* Builder */ + +.org-gnome-Builder .dzlmenubuttonitem { min-height: 32px; } + +terminal-window notebook > header.top tabs:not(:only-child):first-child, terminal-window notebook > header.bottom tabs:not(:only-child):first-child { margin-left: 0px; } + +terminal-window notebook > header.top tabs:not(:only-child):last-child, terminal-window notebook > header.bottom tabs:not(:only-child):last-child { margin-right: 0px; } + +terminal-window notebook scrollbar slider { margin: 0; } + +/* Caja */ + +.caja-pathbar button { min-width: 32px; margin-right: -3px; } + +/* Geary */ + +.geary-folder-popover-list-row { margin: 0; } + +/* Budgie */ + +.budgie-session-dialog, .budgie-polkit-dialog{-gtk-icon-style: regular;} + +/* Unity */ + +UnityDecoration .top { +min-height: 28px; +border: none; +padding: 1px 6px 1px 6px; +box-shadow: none; +background-color: transparent; +background-clip: border-box; +background-image: image(@headerbar_bg_color); +color: @headerbar_fg_color; +text-shadow: none; +border-top-left-radius: 6.0px; +border-top-right-radius: 6.0px; +} + +UnityDecoration .top:backdrop { +background-image: image(@headerbar_backdrop_color); +color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); +} + +UnityDecoration { +/* Border properties (top, right, bottom, left) */ +-UnityDecoration-extents: 28px 0px 0px 0px; /* the size of the decorations. +new version of unity dont have support for border color */ +} + +UnityPanelWidget, +.unity-panel { +background-clip: border-box; +background-color: @headerbar_bg_color; +background-image: none; +border-bottom: 1px solid alpha(white,0.2); +color: @headerbar_fg_color; +text-shadow: none; +} + +.unity-panel.menubar, +.unity-panel .menubar { background: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { background: alpha(currentcolor,0.1); } + diff --git a/Pink-Angel/general/gtk-4.css b/Pink-Angel/general/gtk-4.css new file mode 100755 index 0000000..df20f1b --- /dev/null +++ b/Pink-Angel/general/gtk-4.css @@ -0,0 +1,1358 @@ + +dnd { color: @window_fg_color; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +/* Text selection */ + +:not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } + +.navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } + +/* Outline for low res icons */ +.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); } + +/* Drop shadow for large icons */ +.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); } + +/* Calendar */ + +calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid @borders; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid @borders; font-weight: bold; } + +calendar > header > button { border-radius: 0; } + +calendar > grid > label.today { box-shadow: inset 0px -2px currentColor; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { background-color: @accent_bg_color; color: @accent_fg_color; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/* Check and radio */ + +checkbutton { border-spacing: 4px; padding: 2px; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +.osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; } + +/* Colorswatch */ + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 4px; outline-offset: -2px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); } + +colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } + +colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: 2px; } + +.dialog-action-area { margin: 6px; border-spacing: 6px; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid @borders; } + +window.dialog.print .frame header button{ border-top: none;} + +/**************** GtkAssistant * */ +window.assistant .sidebar { padding: 6px; background-clip: padding-box; } + +window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6.0px; } + +window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } + +/**************** GtkAboutDialog * */ +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +dropdown > popover.menu > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active { background: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { padding-top: 6px; } + +dropdown popover listview > row, combobox popover listview > row { min-width: 0; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid @transparent_borders; } + +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; } + +.emoji-toolbar { padding: 3px; } + +button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6.0px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.1); } + +popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } + +popover.emoji-picker scrolledwindow.view { background: none; color: inherit; } + +popover.emoji-picker scrolledwindow.view > undershoot.top { box-shadow: inset 0 1px @transparent_borders; } + +popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: inset 0 -1px @transparent_borders; } + +popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } + +emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6.0px; } + +emoji-completion-row:dir(ltr) { padding-right: 12px; } + +emoji-completion-row:dir(rtl) { padding-left: 12px; } + +emoji-completion-row > box { border-spacing: 6px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @view_fg_color; } + +emoji-completion-row:active { background-color: alpha(currentColor,0.16); } + +/* Entry */ + +spinbutton, entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border-spacing: 6px; caret-color: currentColor; } + +spinbutton, +entry, +spinbutton.error, +entry.error, +spinbutton.warning, +entry.warning, +spinbutton.success, +entry.success +{ outline: 0 solid transparent; outline-offset: -2px; } + +spinbutton:not(.vertical):focus-within, entry:focus-within { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } + +spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; } + +spinbutton.error > text > cursor-handle > contents, +entry.error > text > cursor-handle > contents, +spinbutton.warning > text > cursor-handle > contents, +entry.warning > text > cursor-handle > contents, +spinbutton.success > text > cursor-handle > contents, +entry.success > text > cursor-handle > contents +{ background-color: currentColor; } + +spinbutton.error > progress > trough > progress, +entry.error > progress > trough > progress, +spinbutton.warning > progress > trough > progress, +entry.warning > progress > trough > progress, +spinbutton.success > progress > trough > progress, +entry.success > progress > trough > progress +{ border-color: currentColor; } + +spinbutton.error:focus-within, +entry.error:focus-within, +spinbutton.warning:focus-within, +entry.warning:focus-within, +spinbutton.success:focus-within, +entry.success:focus-within +{ outline-color: currentColor; outline-width: 2px; outline-offset: -2px; } + +spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: @error_bg_color; } + +spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: @warning_bg_color; } + +spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: @success_bg_color; } + +spinbutton > image.left, entry > image.left { margin-right: 6px; } + +spinbutton > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } + +spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +spinbutton > progress, entry > progress { margin-bottom: 0px; } + +spinbutton progress:not(.pulse), entry progress:not(.pulse) { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: transparent; border-style: solid; box-shadow: none; } + +spinbutton progress.pulse, entry progress.pulse{ border-color: @accent_bg_color ;} + +.osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: currentcolor; } + +/* Button */ + +button.opaque { background-color: @button_bg_color; color: @window_fg_color; } + +notebook > header > tabs > arrow, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow:focus:focus-visible, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +.osd notebook > header > tabs > arrow:focus:focus-visible, .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } + +notebook > header > tabs > arrow.arrow-button, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } + +notebook > header > tabs > arrow.text-button.image-button > box, +colorswatch#add-color-button > overlay.text-button.image-button > box, +notebook > header > tabs > arrow.text-button.image-button > box > box, +colorswatch#add-color-button > overlay.text-button.image-button > box > box, +notebook > header > tabs > arrow.image-text-button > box, +colorswatch#add-color-button > overlay.image-text-button > box, +notebook > header > tabs > arrow.image-text-button > box > box, +colorswatch#add-color-button > overlay.image-text-button > box > box, +button.text-button.image-button > box, button.text-button.image-button > box > box, +button.image-text-button > box, button.image-text-button > box > box, +notebook > header > tabs > arrow.arrow-button > box, +colorswatch#add-color-button > overlay.arrow-button > box, +button.arrow-button > box, +notebook > header > tabs > arrow.arrow-button.text-button > box, +colorswatch#add-color-button > overlay.arrow-button.text-button > box, +button.arrow-button.text-button > box +{ border-spacing: 4px; } + +menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; } + +menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); outline-width: 2px; outline-offset: 1px; } + +actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: 1px; } + +.osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .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-color: rgba(255, 255, 255, 0.5); } + +infobar .close, searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), button.sidebar-button, notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; } + +infobar .close:focus:focus-visible, searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), button.sidebar-button:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +.osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd button.sidebar-button:focus:focus-visible, .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +button.font separator { background-color: transparent; } + +button.font > box { border-spacing: 6px; } + +button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; } + +button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } + +menubutton.pill > button, button.pill { min-width: 150px; border-radius: 9999px; } + +button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +button.card:hover { background-image: image(alpha(currentColor,0.03)); } + +button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } + +button.card:checked { background-color: @card_bg_color; background-image: image(alpha(currentColor,0.1)); } + +button.card:checked:hover { background-image: image(alpha(currentColor,0.13)); } + +button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(currentColor,0.19)); } + +button.card:checked.has-open-popup { background-image: image(alpha(currentColor,0.13)); } + +button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +button.color { padding: 5px; } + +button.color > colorswatch:only-child:disabled { filter: none; } + +button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } + +menubutton.osd { background: none; color: inherit; } + +menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } + +menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +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: 6.0px;} + +splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } + +splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } + +splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } + +splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +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:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } + +splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } + +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator,splitbutton.flat > separator, +headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, +actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator{ background: alpha(currentColor,0.5); } + +headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator, +actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator, +actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked +{ background: alpha(currentColor,0.1); } + +actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } + +headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, +headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button { border-radius: 6.0px; } + +splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } + +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 alpha(currentColor,0.3); } + +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 alpha(currentColor,0.3); } + +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; } + +placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +filechooser { box-shadow: 0 1px @borders; } + +/* Header Bar*/ + +#NautilusPathBar {background-clip: border-box;} + +#NautilusPathBar menubutton{ border-radius: 6.0px;} + +.nautilus-window headerbar .linked button:not(:only-child){ border-right-style: solid;} + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar > windowhandle > box, +headerbar.default-decoration > windowhandle > box { padding: 0 4px 0px 4px; } + +headerbar.default-decoration windowcontrols > .icon { margin: 7px; } + +headerbar.flat > windowhandle > box { padding-bottom: 0; } + +.solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-top: -1px; } + +.solid-csd headerbar:backdrop:dir(rtl) > windowhandle > box, .solid-csd headerbar:backdrop:dir(ltr) > windowhandle > box, .solid-csd headerbar:dir(rtl) > windowhandle > box, .solid-csd headerbar:dir(ltr) > windowhandle > box { padding-top: 0px; } + +.titlebar:not(headerbar) separator { background-color: @headerbar_border_color; } + +/* GtkWindowControls * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols > .icon { margin: 9px; } + +/* AdwWindowTitle * */ +headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("../general/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } + +/* View Switcher */ + +actionbar viewswitcher.narrow button { margin: 0; padding: 8px;} + +headerbar viewswitcher button.toggle { font-weight: bold; padding: 0; } + +headerbar viewswitcher button.toggle > stack > box.narrow { padding-top: 0px; padding-bottom: 0px; border-spacing: 4px; } + +headerbar viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; } + +headerbar viewswitcher button.toggle > stack > box.narrow image{ color: transparent; -gtk-icon-size: 0px; margin-bottom: -9999px;} + +headerbar viewswitcher button.toggle > stack > box.wide { padding: 0px 12px; border-spacing: 6px; } + +/*AdwViewSwitcherBar * */ +viewswitcherbar actionbar > revealer > box { padding: 0; } + +/* AdwViewSwitcherTitle * */ +viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } + +/* General Typography * */ + +label { caret-color: currentColor; } + +.dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } + +.accent { color: @accent_color; } + +.success { color: @success_color; } + +.warning { color: @warning_color; } + +.error { color: @error_color; } + +.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; } + +.monospace { font-family: monospace; } + +.numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical dropdown:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical dropdown:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +button.link > label { text-decoration: underline; } + +/* List */ + +listview > row, list > row { padding: 2px; background-clip: padding-box; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid @borders; } + +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 @borders; } + +row { background-clip: padding-box; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row.expander list.nested {border-bottom: 1px solid @transparent_borders;} + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 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: 50px; } + +row > box.header > .icon:disabled { filter: opacity(0.5); } + +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; } + +/*************** AdwEntryRow * */ + +row.entry.focused { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -1px; } + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } + +row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } + +row.entry .edit-icon:disabled { opacity: 0.3; } + +row.entry .indicator { opacity: 0.3; } + +row.entry.monospace { font-family: inherit; } + +row.entry.monospace text { font-family: monospace; } + +row.entry, +row.entry.error, +row.entry.warning, +row.entry.success { outline: 0 solid transparent; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.entry.warning.focused, +row.entry.error.focused, +row.entry.success.focused { outline-color: currentColor; outline-width: 2px; outline-offset: -1px; } + +row.entry.error text > selection:focus-within { background-color: @error_color; } +row.entry.warning text > selection:focus-within { background-color: @warning_color; } +row.entry.success text > selection:focus-within { background-color: @success_color; } + +row.entry.error text > cursor-handle > contents, +row.entry.warning text > cursor-handle > contents, +row.entry.success text > cursor-handle > contents { background-color: currentColor; } + +/*************** AdwComboRow * */ +row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } + +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; } + +row.expander { background: none; padding: 0px; } + +row.expander > box > list { background: none; color: inherit; } + +row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } + +row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } + +row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } + +row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } + +row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } + +row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } + +/* Menus */ + +.csd popover.background { border-color: transparent; } /* !!! this is use on gtk3 !!!*/ + +popover.background > arrow, +popover.background > contents { background-clip: padding-box; border: 1px solid @transparent_borders; box-shadow: 0 1px 2px @menu_shadow; } + +popover.menu{ border: none; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu > contents { padding: 0; } + +popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } + +popover.menu separator { margin: 6px 0; } + +popover.menu list separator { margin: 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; } + +popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } + +.osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } + +popover.menu radio { border: 2px solid currentColor; } + +popover.menu radio:disabled, +popover.menu check:disabled{color: alpha(currentcolor,0.5);} + +popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } + +popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; } + +popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +popover.menu list, popover.menu listview { background: none; color: inherit; } + +popover.menu list > row, popover.menu listview > row { border-radius: 6.0px; padding: 0 12px; min-height: 32px; min-width: 40px; } + +popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } + +popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } + +popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } + +popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; } + +menubar { padding: 0px; } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu popover.menu > contents { margin: 0; } + +popover.background { background-color: transparent; font: initial; } + +popover > contents { padding: 8px; } + +popover > contents > list, popover > contents > .view, popover > contents > toolbar { border-style: none; background-color: transparent; } + +.osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } + +.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +/******************** GtkMessageDialog * */ +window.dialog.message .titlebar { min-height: 20px; background: none; border-style: none; border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd .dialog-action-area { border-top: 1px solid @transparent_borders; margin: 0; border-spacing: 0; } + +window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid @transparent_borders; } + +window.dialog.message.csd .dialog-action-area > button:first-child, +window.dialog.message.csd { border-bottom-left-radius: 6.0px; border-left: none; } + +window.dialog.message.csd .dialog-action-area > button:last-child, +window.dialog.message.csd { border-bottom-right-radius: 6.0px; } + +/******************** AdwMessageDialog * */ +window.messagedialog { background-color: @dialog_bg_color; color: @dialog_fg_color; } + +window.messagedialog.csd { outline: none; } + +window.messagedialog .message-area { padding: 24px 30px; border-spacing: 10px; } + +window.messagedialog .response-area > box > button { padding: 10px 14px; border-radius: 0; } + +window.messagedialog .response-area > box > button.suggested { color: @accent_color; } + +window.messagedialog .response-area > box > button.destructive { color: @destructive_color; } + +window.messagedialog.csd:not(.solid-csd) { border-radius: 6.0px; } + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child { border-bottom-left-radius: 6.0px; margin-left: 0; } + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child { border-bottom-right-radius: 6.0px; margin-right: 0; } + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button { margin-top: -1px; margin-bottom: -1px; } + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child { border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; margin-bottom: 0; } + +/********** Frames * */ +frame, .frame { border: 1px solid @borders; } + +frame { border-radius: 6.0px; } + +frame > label { margin: 4px; } + +/************** Separators * */ +separator { background: @transparent_borders; min-width: 1px; min-height: 1px; } + +separator.spacer { background: none; } + +separator.spacer.horizontal { min-width: 12px; } + +separator.spacer.vertical { min-height: 12px; } + +/********************* App Notifications * */ +.app-notification { border-spacing: 10px; background-clip: padding-box; } + +.app-notification border { border: none; } + +/********** Toasts * */ +toast { margin: 12px; margin-bottom: 24px; border-radius: 6.0px; border-spacing: 6px; padding: 6px; } + +toast:dir(ltr) { padding-left: 12px; } + +toast:dir(rtl) { padding-right: 12px; } + +toast > widget { margin: 0 6px; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 6.0px; } + +/**************** GtkStatusBar * */ +statusbar { padding: 6px 10px 6px 10px; } + +/****************** AdwAboutWindow * */ +window.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } + +window.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } + +window.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } + +window.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } + +window.about .subpage > clamp > textview { background: none; color: inherit; } + +/***************** AdwStatusPage * */ +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.55); } + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } + +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; } + +paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } + +paned > separator.wide { min-width: 5px; min-height: 5px; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 @borders; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 @borders; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 @borders, inset -1px 0 @borders; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px @borders; } + +paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px @borders, inset 0 -1px @borders; } + +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: 34px; } + +/* Progress Bar */ + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } + +progressbar > text { font-size: smaller; } + +progressbar > trough.empty > progress { all: unset; } + +/* Level Bar */ + +levelbar.horizontal trough > block { min-height: 8px; } + +levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; } + +levelbar.horizontal.discrete > trough > block:last-child { margin-right: 0; } + +levelbar.vertical trough > block { min-width: 8px; } + +levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; } + +levelbar.vertical.discrete > trough > block:last-child { margin-bottom: 0; } + +levelbar > trough { padding: 0; } + +levelbar > trough > block.low { background-color: @warning_bg_color; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } + +levelbar > trough > block.full { background-color: @success_bg_color; } + +levelbar > trough > block.empty { background-color: transparent; } + +/* Scale Bar */ + +scale { padding: 12px; } + +scale > trough > slider { min-width: 20px; min-height: 20px; margin: -6px; } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator {min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical.marks-before { padding-left: 0; } + +scale.vertical.marks-after { padding-right: 0; } + +/* Scroll Bar */ + +scrollbar > range > trough { margin: 0px; transition: all 200ms linear; background:none; } + +scrollbar > range > trough > slider { + min-width: 10px; + min-height: 10px; + margin: 0px; + border: none; + border-radius: 0px; + background-clip: border-box; + transition: all 200ms linear; + background-color: mix(@window_bg_color,@window_fg_color,0.5); + } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: linear-gradient(to bottom right, @borders 1px, @view_bg_color 1px); } + +scrolledwindow > junction:dir(rtl) { background: linear-gradient(to bottom left, @borders 1px, @view_bg_color 1px); } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6.0px; font-size: smaller; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid @borders; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid @borders; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; color: inherit; } + +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; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: @transparent_borders; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 6px 0; } + +.navigation-sidebar, .navigation-sidebar.view { background-color: transparent; color: inherit; } + +.navigation-sidebar.background { background-color: @window_bg_color; color: @window_fg_color; } + +.navigation-sidebar > separator { margin: 6px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6.0px; margin: 0 6px 2px; } + +/******************** GtkPlacesSidebar * */ +row image.sidebar-icon { opacity: 0.7; } + +row .sidebar-button { opacity: 0.7; } + +row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +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; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +@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; } + +/* Spin Button */ + +spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } + +spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } + +spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } + +spinbutton.vertical > text { min-height: 30px; min-width: 30px; } + +spinbutton.vertical text {background-color: @view_bg_color; border: 1px solid @transparent_borders;} + +spinbutton.vertical text:disabled{background-color: transparent; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/* Switch */ + +switch { padding: 2px; } + +switch > image { color: transparent; } + +switch > slider { margin: 4px; min-width: 16px; min-height: 16px; } + +/* Tab Bar */ + +tabbar .box { min-height: 38px; } + +tabbar tabbox > tabboxchild { border-radius: 6.0px; margin-bottom: 5px; margin-top: 5px; } + +tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +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: 9px 6px; background: @accent_bg_color; } + +tabbar tab { transition: background 150ms ease-in-out; } + +tabbar tab:selected { background-color: alpha(currentColor,0.1); } + +tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } + +tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } + +tabbar tab:hover { background-color: alpha(currentColor,0.07); } + +tabbar tab:active { background-color: alpha(currentColor,0.16); } + +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: 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:not(.inline) .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; padding-bottom: 1px; box-shadow: inset 0 -1px @headerbar_shade_color; } + +tabbar:not(.inline):backdrop .box { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } + +tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } + +dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; 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: 6.0px; } + +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: @accent_bg_color; transform: translateY(4px); } + +tabview:drop(active), tabbox:drop(active) { box-shadow: none; } + +cursor-handle { all: unset; padding: 24px 20px; } + +cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } + +cursor-handle.top > contents { border-top-right-radius: 0; } + +cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } + +cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } + +magnifier { background-color: @view_bg_color; } + +actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } + +actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } + +actionbar > revealer > box menubutton > button, searchbar > revealer > box menubutton > button, .toolbar menubutton > button, headerbar menubutton > button, actionbar > revealer > box splitbutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, headerbar splitbutton > button, actionbar > revealer > box splitbutton > menubutton, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, headerbar splitbutton > menubutton, actionbar > revealer > box scalebutton > button, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button, headerbar scalebutton > button, +actionbar > revealer > box popover entry, searchbar > revealer > box popover entry, .toolbar popover entry, headerbar popover entry, actionbar > revealer > box popover spinbutton, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, headerbar popover spinbutton, actionbar > revealer > box popover splitbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, headerbar popover splitbutton, actionbar > revealer > box popover separator:not(.sidebar), searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), headerbar popover separator:not(.sidebar), actionbar > revealer > box popover button, searchbar > revealer > box popover button, .toolbar popover button, headerbar popover button, actionbar > revealer > box popover menubutton, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, headerbar popover menubutton, actionbar > revealer > box popover scalebutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, headerbar popover scalebutton, actionbar > revealer > box popover switch, searchbar > revealer > box popover switch, .toolbar popover switch, headerbar popover switch { margin-top: 0; margin-bottom: 0; } + +actionbar > revealer > box splitbutton > separator.vertical, +searchbar > revealer > box splitbutton > separator.vertical, +.toolbar splitbutton > separator.vertical, +actionbar > revealer > box entry, +searchbar > revealer > box entry, +.toolbar entry, headerbar entry, +actionbar > revealer > box spinbutton, +searchbar > revealer > box spinbutton, +.toolbar spinbutton, +actionbar > revealer > box splitbutton, +searchbar > revealer > box splitbutton, +.toolbar splitbutton, +actionbar > revealer > box separator:not(.sidebar), +searchbar > revealer > box separator:not(.sidebar), +.toolbar separator:not(.sidebar), +actionbar > revealer > box button, +searchbar > revealer > box button, +.toolbar button, headerbar button, +actionbar > revealer > box menubutton, +searchbar > revealer > box menubutton, +.toolbar menubutton, +actionbar > revealer > box scalebutton, +searchbar > revealer > box scalebutton, +.toolbar scalebutton, +actionbar > revealer > box popover.menu separator:not(.sidebar), +searchbar > revealer > box popover.menu separator:not(.sidebar), +.toolbar popover.menu separator:not(.sidebar) +{ margin-top: 4px; margin-bottom: 4px; } + +.toolbar { padding: 0 6px; border-spacing: 6px; border-top: 1px solid @borders; } + +.toolbar.osd { padding: 6px 12px; border-radius: 6.0px; } + +/**************** GtkSearchBar * */ +searchbar:not(.inline) > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding-bottom: 1px; } + +searchbar:not(.inline) > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } + +searchbar:not(.inline) > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } + +searchbar > revealer > box { padding: 0px 6px; border-spacing: 6px; } + +searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } + +/* Action Bar */ +actionbar > revealer > box { padding: 1px 6px 0px 6px; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +/* Info Bar */ + +infobar > revealer > box { padding: 6px; border-spacing: 6px; } + +infobar > revealer > box > box { border-spacing: 6px; } + +/* Tooltip */ + +tooltip { padding: 6px 10px; border-radius: 6.0px; box-shadow: none; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } + +tooltip > box { border-spacing: 6px; } + +flap > dimming, leaflet > dimming { background: @shade_color; } + +flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } + +flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } + +flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } + +flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } + +flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } + +treeview.view { border-left-color: @borders; border-top-color: @borders; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: @borders; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } + +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 { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, columnview.view.expander:active, treeview.view.expander:hover, treeview.view.expander:active { color: currentColor; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.expander:disabled, treeview.view.expander:disabled { color: alpha(currentColor,0.5); } + +columnview.view.progressbar, treeview.view.progressbar { box-shadow: none; } + +columnview.view.progressbar, columnview.view.progressbar:selected, treeview.view.progressbar, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } + +columnview.view.trough, treeview.view.trough { background-color: alpha(currentColor,0.1); } + +columnview.view > header > button, treeview.view > header > button { border-radius: 0; box-shadow: none; line-height: 100%; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } + +treeview.navigation-sidebar { padding: 0; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +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 > 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: @borders; } + +columnview > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid @borders; border-bottom: none; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +columnview ~ undershoot.top { box-shadow: inset 0 1px @borders; } + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid @accent_bg_color; } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } + +treeexpander { border-spacing: 4px; } + +.view:selected:focus, .view:selected, iconview:selected, textview > text:selected { background-color: alpha(currentColor,0.1); border-radius: 6.0px; } + +textview { caret-color: currentColor; } + +textview > text { background-color: transparent; } + +textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } + +textview:drop(active) { caret-color: @accent_bg_color; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } + +rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } + +flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6.0px; } + +flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: @accent_bg_color; outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(currentColor,0.1); } + +gridview > child.activatable:hover { background-color: alpha(currentColor,0.07); } + +gridview > child.activatable:active { background-color: alpha(currentColor,0.16); } + +gridview > child.activatable:selected:hover { background-color: alpha(currentColor,0.13); } + +gridview > child.activatable:selected:active { background-color: alpha(currentColor,0.19); } + +/* AdwIndicatorBin */ +indicatorbin > indicator, indicatorbin > mask { min-width: 4px; min-height: 4px; border-radius: 100px; } + +indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } + +indicatorbin > indicator > label { font-size: 0.6rem; font-weight: bold; padding: 1px 4px; color: white; } + +indicatorbin > mask { padding: 1px; background: black; } + +indicatorbin.needs-attention > indicator { background: @accent_color; } + +indicatorbin.needs-attention.badge > indicator { background: @accent_bg_color; } + +indicatorbin.needs-attention.badge > indicator > label { color: @accent_fg_color; } + +/* Decoration */ + +window { border-width: 0px; } + +window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px @transparent_borders; margin: 0px; border-radius: 6.0px; } + +window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px @transparent_borders; transition: box-shadow 200ms ease-out; } + +window.csd.dialog.message { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px @transparent_borders; } + +window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px @transparent_borders, 0 0 0 20px transparent; } + +window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px @transparent_borders, 0 0 0 20px transparent; } + +window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } + +window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px @transparent_borders, inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px @transparent_borders; } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px @transparent_borders, inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px @transparent_borders; } + +window.ssd { box-shadow: 0 0 0 1px @transparent_borders; } diff --git a/Pink-Angel/general/gtk-base.css b/Pink-Angel/general/gtk-base.css new file mode 100755 index 0000000..b0faacb --- /dev/null +++ b/Pink-Angel/general/gtk-base.css @@ -0,0 +1,3091 @@ +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3584e4; +@define-color blue_4 #1c71d8; +@define-color blue_5 #1a5fb4; +@define-color green_1 #8ff0a4; +@define-color green_2 #57e389; +@define-color green_3 #33d17a; +@define-color green_4 #2ec27e; +@define-color green_5 #26a269; +@define-color yellow_1 #f9f06b; +@define-color yellow_2 #f8e45c; +@define-color yellow_3 #f6d32d; +@define-color yellow_4 #f5c211; +@define-color yellow_5 #e5a50a; +@define-color orange_1 #ffbe6f; +@define-color orange_2 #ffa348; +@define-color orange_3 #ff7800; +@define-color orange_4 #e66100; +@define-color orange_5 #c64600; +@define-color red_1 #f66151; +@define-color red_2 #ed333b; +@define-color red_3 #e01b24; +@define-color red_4 #c01c28; +@define-color red_5 #a51d2d; +@define-color purple_1 #dc8add; +@define-color purple_2 #c061cb; +@define-color purple_3 #9141ac; +@define-color purple_4 #813d9c; +@define-color purple_5 #613583; +@define-color brown_1 #cdab8f; +@define-color brown_2 #b5835a; +@define-color brown_3 #986a44; +@define-color brown_4 #865e3c; +@define-color brown_5 #63452c; +@define-color light_1 #ffffff; +@define-color light_2 #f6f5f4; +@define-color light_3 #deddda; +@define-color light_4 #c0bfbc; +@define-color light_5 #9a9996; +@define-color dark_1 #77767b; +@define-color dark_2 #5e5c64; +@define-color dark_3 #3d3846; +@define-color dark_4 #241f31; +@define-color dark_5 #000000; + +@define-color accent_color #ff5a99; + +@define-color button_bg_color @view_bg_color; + +@define-color headerbar_border_color @transparent_borders; +@define-color headerbar_shade_color mix(@headerbar_bg_color,@transparent_borders,0.2); + +@define-color card_bg_color @view_bg_color; +@define-color card_fg_color @window_fg_color; +@define-color card_shade_color rgba(0, 0, 0, 0.07); + +@define-color dialog_bg_color @window_bg_color; +@define-color dialog_fg_color @window_fg_color; + +@define-color popover_bg_color @view_bg_color; +@define-color popover_fg_color @window_fg_color; + +@define-color thumbnail_bg_color @view_bg_color; +@define-color thumbnail_fg_color rgba(0, 0, 0, 0.8); + +@define-color shade_color rgba(0, 0, 0, 0.1); +@define-color scrollbar_outline_color white; + +@define-color theme_fg_color @window_fg_color; +@define-color theme_text_color @view_fg_color; +@define-color theme_bg_color @window_bg_color; +@define-color theme_base_color @view_bg_color; +@define-color theme_selected_bg_color @accent_bg_color; +@define-color theme_selected_fg_color @accent_fg_color; +@define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); +@define-color insensitive_fg_color mix(@window_fg_color,@window_bg_color,0.5); +@define-color insensitive_base_color @view_bg_color; +@define-color theme_unfocused_fg_color @insensitive_fg_color; +@define-color theme_unfocused_text_color @view_fg_color; +@define-color theme_unfocused_bg_color @window_bg_color; +@define-color theme_unfocused_base_color @window_bg_color; +@define-color theme_unfocused_selected_bg_color @accent_bg_color; +@define-color theme_unfocused_selected_fg_color @accent_fg_color; +@define-color unfocused_insensitive_color mix(@insensitive_fg_color,@window_bg_color,0.5); +@define-color unfocused_borders @borders; +@define-color wm_title shade(@window_fg_color, 1.8); +@define-color wm_unfocused_title @insensitive_fg_color; +@define-color wm_highlight alpha(white,0.5); +@define-color wm_borders_edge alpha(white,0.5); +@define-color wm_bg_a shade(@window_bg_color, 1.2); +@define-color wm_bg_b @window_bg_color; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(@window_bg_color, 1.3); +@define-color wm_button_hover_color_b @window_bg_color; +@define-color wm_button_active_color_a shade(@window_bg_color, 0.85); +@define-color wm_button_active_color_b shade(@window_bg_color, 0.89); +@define-color wm_button_active_color_c shade(@window_bg_color, 0.9); +@define-color content_view_bg @view_bg_color; +@define-color text_view_bg @view_bg_color; + +@define-color panel_bg_color @headerbar_bg_color; +@define-color panel_fg_color @headerbar_fg_color; + +@define-color metacity_theme @headerbar_bg_color; +@define-color metacity_theme_unfocused @headerbar_backdrop_color; +@define-color B_metacity mix(@headerbar_bg_color,@transparent_borders,0.25); +@define-color D_B_metacity mix(@window_bg_color,@transparent_borders,0.25); +@define-color H_metacity white; +@define-color wm_title @headerbar_fg_color; +@define-color wm_unfocused_title alpha(@headerbar_fg_color,0.5); +@define-color D_title @window_fg_color; +@define-color D_title_unfocused mix(@window_fg_color,@window_bg_color,0.5); +@define-color m_button_hover alpha(@headerbar_fg_color,0.1); +@define-color m_button_active alpha(@headerbar_fg_color,0.2); + +@define-color budgie_tasklist_indicator_color @panel_fg_color; +@define-color budgie_tasklist_indicator_color_active @panel_fg_color; +@define-color budgie_tasklist_indicator_color_active_window @accent_bg_color; +@define-color budgie_tasklist_indicator_color_attention @error_color; + +/* GTK 3/4 */ + +button label{ padding: 0 8px;} + +combobox arrow, +combo arrow, +button, +notebook > header tab, +treeview.view header button +{padding: 8px;} + +notebook > header > tabs > arrow, +button, +colorswatch#add-color-button > overlay, +windowcontrols > button, +combobox arrow, +notebook > header tab +{ min-height: 16px; min-width: 16px; } + +.titlebar:not(headerbar), headerbar { min-height: 40px; } + +headerbar splitbutton > separator.vertical, +headerbar spinbutton, +headerbar splitbutton, +headerbar separator:not(.sidebar), +headerbar menubutton, +headerbar scalebutton, +headerbar popover.menu separator:not(.sidebar), +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button +{ margin-top: 4px; margin-bottom: 4px; } + +popover.menu modelbutton, +modelbutton.flat, +.menuitem.button.flat, +popover.menu contents > list > row, +popover.menu contents > listview > row, +popover.menu scrolledwindow > viewport > list > row, +popover.menu scrolledwindow > listview > row, +menu menuitem, .menu menuitem, .context-menu menuitem +{ min-height: 30px; min-width: 64px; padding: 0px 8px; } + +.osd{ padding: 6px; } + +* {background-origin: border-box;} + +.background{ color: @window_fg_color; background-color: @window_bg_color; } + +/* this fix the size of comboboxes */ +combobox button cellview { padding: 0px 4px; min-height: 32px;} +combobox button{ padding: 0;} + +/* Background */ + +.view, +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child), +.nautilus-window notebook > stack:not(:only-child) searchbar, +iconview text, +textview text, +textview > text { color: @view_fg_color; background-color: @view_bg_color; } + +.view:disabled, +iconview:disabled, +.nautilus-window notebook:disabled, +.nautilus-window notebook > stack:disabled:not(:only-child), +.nautilus-window notebook > stack:not(:only-child) searchbar:disabled, +.view text:disabled, +iconview text:disabled, +textview text:disabled, +textview > text:disabled { color: @insensitive_fg_color; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +.gtkstyle-fallback { color: @window_fg_color; background-color: @window_bg_color; } + +.gtkstyle-fallback:hover { color: @window_fg_color; background-color: shade(@window_bg_color,1.1); } + +.gtkstyle-fallback:active { color: @window_fg_color; background-color: shade(@window_bg_color,0.9); } + +.gtkstyle-fallback:disabled { color: @insensitive_fg_color; background-color: mix(@window_bg_color,@view_bg_color,0.4); } + +.gtkstyle-fallback:selected { color: @accent_fg_color; background-color: @accent_bg_color; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .nautilus-window notebook:selected:focus, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .nautilus-window notebook:selected, .nautilus-window notebook > stack:selected:not(:only-child), .nautilus-window notebook > stack:not(:only-child) searchbar:selected, .view text:selected, iconview text:selected, textview text:selected { border-radius: 6.0px; } + +textview border { background-color: @borders; } + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { border: 1px solid shade(@accent_bg_color,0.7); background-color: alpha(@accent_bg_color,0.2); } + +flowbox flowboxchild:selected { outline-offset: -2px; } + +.content-view .tile { background-color: transparent; border-radius: 0; } + +.content-view .tile:backdrop { background-color: transparent; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +label { caret-color: currentColor; } + +label selection { background-color: @accent_bg_color; color: @accent_fg_color; } + +label:disabled { color: @insensitive_fg_color; } + +button label:disabled { color: inherit; } + +label:disabled:backdrop { color: @insensitive_fg_color; } + +button label:disabled:backdrop { color: inherit; } + +label.error { color: @error_bg_color; } + +label.error:disabled { color: alpha(@error_bg_color,0.5); } + +label.error:disabled:backdrop { color: alpha(@error_bg_color,0.4); } + +.dim-label, dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .subtitle, .welcome .dim-label, .welcome label.separator, .welcome headerbar .subtitle, headerbar .welcome .subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } + +assistant .sidebar { background-color: @view_bg_color; border-top: 1px solid @borders; } + +assistant.csd .sidebar { border-top-style: none; } + +assistant .sidebar label.highlight { background-color: @accent_bg_color; color: @accent_fg_color; } + +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:backdrop { color: @insensitive_fg_color; } + +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; } + +/* Accent */ + +treeview.view check:selected:focus, +treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { color: @accent_bg_color; background-color: @accent_fg_color; border-color: transparent; background-clip: border-box; } + +headerbar entry selection, .titlebar entry selection, .view:selected:focus, .view:selected, .nautilus-window notebook:selected:focus, .nautilus-window notebook:selected, .nautilus-window notebook > stack:selected:not(:only-child), .nautilus-window notebook > stack:not(:only-child) searchbar:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, calendar:selected,treeview.view:selected.chromium, +treeview.view:selected:focus.chromium,selection,selection:focus-within, +.thunar treeview.view:selected,.thunar treeview.view:selected:hover,.thunar treeview.view:selected:focus +{ background-color: @accent_bg_color; } + +label:selected, .selection-mode button.titlebutton, headerbar entry selection, .titlebar entry selection, .view:selected:focus, .view:selected, .nautilus-window notebook:selected:focus, .nautilus-window notebook:selected, .nautilus-window notebook > stack:selected:not(:only-child), .nautilus-window notebook > stack:not(:only-child) searchbar:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, calendar:selected, +treeview.view:selected.chromium,treeview.view:selected:focus.chromium,selection,selection:focus-within,.thunar treeview.view:selected,.thunar treeview.view:selected:hover,.thunar treeview.view:selected:focus{ color: @accent_fg_color; } + +label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .titlebar entry selection:disabled, .view:disabled:selected, .nautilus-window notebook:disabled:selected, .nautilus-window notebook > stack:disabled:selected:not(:only-child), .nautilus-window notebook > stack:not(:only-child) searchbar:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, calendar:disabled:selected { color: mix(@accent_fg_color,@accent_bg_color,0.5); } + +.nemo-window.background:not(.csd):not(.solid-csd) .frame treeview.view:selected:focus, +.nemo-window.background:not(.csd):not(.solid-csd) .frame treeview.view:selected, +.thunar treeview.view:selected, +.thunar treeview.view:selected:hover, +.thunar treeview.view:selected:focus +{color: @window_fg_color; background-image: image(alpha(@window_fg_color,0.1)); background-color: inherit;} + +.budgie-panel separator, +.raven scale highlight, +.titlebar scale highlight, +.titlebar progressbar progress, +.titlebar scale.marks-after slider, +.titlebar scale.marks-before slider, +headerbar scale highlight, +headerbar progressbar progress, +headerbar scale.marks-after slider, +headerbar scale.marks-before slider, +infobar scale highlight, +infobar progressbar progress, +infobar scale.marks-after slider, +infobar scale.marks-before slider, +.drop-shadow scale highlight, +.drop-shadow progressbar progress, +.drop-shadow scale.marks-after slider, +.drop-shadow scale.marks-before slider, +.osd scale highlight, +.titlebar scale:hover slider, +headerbar scale:hover slider, +infobar scale:hover slider, +.drop-shadow scale:hover slider, +.osd scale:hover slider, +.raven scale:hover slider, +.osd scale fill, +scale .osd fill, +.osd progressbar progress, +progressbar.osd progress +{background-color: currentcolor; color: inherit; border: none;} + +.titlebar scale trough, +.titlebar progressbar trough, +headerbar scale trough, +headerbar progressbar trough, +infobar progressbar trough, +.drop-shadow scale trough, +.drop-shadow progressbar trough, +.raven scale trough, +.osd progressbar trough, +progressbar.osd trough, +.osd scale trough, +scale .osd trough +{ background-color: alpha(currentcolor,0.2);} + +.osd progressbar trough:disabled, +progressbar.osd trough:disabled, +.osd scale fill:disabled, +scale .osd fill:disabled, +.osd scale trough:disabled, +scale .osd trough:disabled { background-color: alpha(currentcolor,0.5); } + +/* Entry */ + +spinbutton:not(.vertical), +entry{ + background-clip: padding-box; + border: 1px solid; + border-radius: 6.0px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: @view_fg_color; + border-color: @transparent_borders; + background-color: @view_bg_color; + box-shadow: inset 0 0 0 1px alpha(alpha(@accent_color,0.5),0); + caret-color: currentcolor; + } + +spinbutton.flat:not(.vertical), +entry.flat:focus, +entry.flat:backdrop, +entry.flat:disabled, +entry.flat { + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + +spinbutton:focus:not(.vertical), +entry:focus{ + box-shadow: inset 0 0 0 1px @accent_bg_color; + border-color: @accent_bg_color; + transition: 300ms ease-in-out; + transition-property: border, box-shadow; + } + +spinbutton:disabled:not(.vertical), +entry:disabled { + color: @insensitive_fg_color; + background-color: transparent; + } + +spinbutton.error:not(.vertical), entry.error { border-color: @error_bg_color; } + +spinbutton.error:not(.vertical) label, entry.error label, +spinbutton.error:not(.vertical) image, entry.error image { color: @error_bg_color; } + +spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px @error_bg_color; border-color: @error_bg_color; transition: 300ms ease-in-out; transition-property: border, box-shadow; } + +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: @error_bg_color; } + +spinbutton.warning:not(.vertical), entry.warning { color: @warning_bg_color; border-color: @warning_bg_color; } + +spinbutton.warning:not(.vertical) label, entry.warning label, +spinbutton.warning:not(.vertical) image, entry.warning image { color: @warning_bg_color; } + +spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px @warning_bg_color; border-color: @warning_bg_color; transition: 300ms ease-in-out; transition-property: border, box-shadow; } + +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: @warning_bg_color; } + +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +spinbutton:not(.vertical) progress, entry progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: @accent_bg_color; } + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: @error_bg_color; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: @transparent_borders; } + +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: @error_bg_color; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: @accent_bg_color; } + +spinbutton.error:not(.vertical), entry.error { color: @error_bg_color; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } + +treeview entry.flat:focus, treeview entry:focus { border-color: @accent_bg_color; } + +.entry-tag { border-style: none; color: @accent_fg_color; background-color: @accent_bg_color; } + +.entry-tag:hover { background-color: mix(white,@accent_bg_color,0.9); } + +:backdrop .entry-tag { color: @window_bg_color; background-color: @accent_bg_color; } + +.entry-tag.button { background-color: transparent; color: alpha(@accent_fg_color,0.7); } + +:not(:backdrop) .entry-tag.button:hover { border: 1px solid @accent_bg_color; color: @accent_fg_color; } + +:not(:backdrop) .entry-tag.button:active { background-color: @accent_bg_color; color: alpha(@accent_fg_color,0.7); } + +/* Button */ + +button, +.org-gnome-Builder tabbar button:not(.flat) +{border-radius: 6.0px;} + +button, +notebook > header > tabs > arrow, +.inline-toolbar toolbutton > button, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) +{ + background-clip: padding-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-color: @transparent_borders; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: currentcolor; + outline-color: alpha(@window_fg_color,0.3); + background-color: @button_bg_color; + box-shadow: 0px 1px alpha(black,0.05); + } + +headerbar entry, +.titlebar entry{ background-color: @titlebar_button_bg_color; } + +.org-gnome-Calendar .titlebar .text-button, +.nautilus-window .linked entry ~ .image-button:not(:hover):not(:checked):not(:active):not(.model), +.nautilus-window .search + .toggle.popup, +headerbar .linked entry ~ .image-button, +.titlebar .linked entry ~ .image-button, +headerbar .linked.raised button, +headerbar .linked button:not(:only-child), +headerbar > .stack-switcher.linked > button, +.titlebar .linked.raised button, +.titlebar .linked button:not(:only-child), +.titlebar > .stack-switcher.linked > button, +headerbar button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), +.titlebar button.text-button:not(.suggested-action):not(.destructive-action):not(:disabled), +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action), +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action), +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action), +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action), +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive), +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) +{ + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-clip: padding-box; + border-color: @transparent_borders; + background-color: @titlebar_button_bg_color; + box-shadow: 0px 1px alpha(black,0.05); + } + +notebook > header > tabs > arrow:hover, +button:hover, +.org-gnome-Calendar .titlebar .text-button:hover, +.nautilus-window .linked entry ~ .image-button:hover:not(:hover):not(:checked):not(:active):not(.model), +.nautilus-window .search + .toggle.popup:hover, +headerbar .linked entry ~ .image-button:hover, +.titlebar .linked entry ~ .image-button:hover, +headerbar .linked.raised button:hover, +headerbar .linked button:hover:not(:only-child), +headerbar > .stack-switcher.linked > button:hover, +.titlebar .linked.raised button:hover, +.titlebar .linked button:hover:not(:only-child), +.titlebar > .stack-switcher.linked > button:hover, +headerbar button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), +.titlebar button.text-button:hover:not(.suggested-action):not(.destructive-action):not(:disabled), +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):hover, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):hover, +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):hover, +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):hover, +.inline-toolbar toolbutton > button:hover, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):hover, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):hover, +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):hover +{ + outline-color: alpha(@window_fg_color,0.3); + background-image: none; + box-shadow: 0px 1px alpha(black,0.05), inset 0 0 0 1px alpha(currentcolor,0.3); + } + +/* Button Flat */ + +button.sidebar-button, +notebook > header > tabs > arrow, +notebook > header > tabs > arrow.flat, +button.flat, +headerbar button:not(.titlebutton):not(.suggested-action):not(.destructive-action), +.titlebar button:not(.titlebutton):not(.suggested-action):not(.destructive-action), +button.titlebutton, +button.titlebutton:disabled, +actionbar viewswitcher button, +.osd button.flat, +button.osd.flat, +calendar > header > button, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +.nautilus-window .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action), +.nautilus-window .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):hover, +.nautilus-window .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +.nautilus-window .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, +splitbutton.flat > button, +splitbutton.flat > menubutton > button, +.org-gnome-Builder tabbar button:not(.flat), +button.link, +button.flat.link, +button.link:hover, +button.flat.link:hover, +button.link:active, +button.flat.link:active, +button.link:checked, +button.flat.link:checked, +infobar button.flat +{ + background-clip: border-box; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: none; + } + +button.sidebar-button:hover, +button.flat:hover, +button.titlebutton:hover, +.nautilus-window .linked.raised button.image-button:hover:not(:only-child), +.nautilus-window .titlebar :not(.raised) .linked > button:hover, +headerbar button:hover:not(.titlebutton):not(.suggested-action):not(.destructive-action), +.titlebar button:hover:not(.titlebutton):not(.suggested-action):not(.destructive-action), +actionbar viewswitcher button:hover, +button.osd:hover, +.app-notification button:hover, +popover.background.touch-selection button:hover, +popover.background.magnifier button:hover, +.osd button:hover, +spinbutton:not(.vertical) button:hover, +spinbutton.vertical button:hover, +treeview.view header button:hover, +list row button.image-button:not(.flat):hover, +notebook > header > tabs > arrow:hover, +notebook > header tab:hover, +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover, +calendar > header > button:hover, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):hover, +#NautilusPathBar menubutton:hover, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):hover, +.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):hover, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, +splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover, +.org-gnome-Builder tabbar button:not(.flat):hover, +window.dialog.message.csd .dialog-action-area > button:not(.suggested-action):not(.destructive-action):hover, +infobar button.flat:hover, +toast button:not(.flat):hover, +.search-view button:hover, +.budgie-panel button.launcher.flat:hover, +.budgie-session-dialog .linked button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog .linked button:not(.suggested-action):not(.destructive-action):hover, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button:hover, +.nautilus-list-view columnview header button:hover +{ + outline-color: alpha(@window_fg_color,0.3); + background-image: image(alpha(currentcolor,0.1)); + box-shadow: none; + } + +notebook > header > tabs > arrow:active, +notebook > header > tabs > arrow:checked, +button:active, +button:checked, +button.sidebar-button:hover:active, +notebook > header > tabs > arrow:hover:active, +button.flat:active, +button.sidebar-button:hover:checked, +notebook > header > tabs > arrow:hover:checked, +button.flat:checked, +button.titlebutton:active, +button.titlebutton:checked, +spinbutton:not(.vertical) button:active, +.org-gnome-Calendar .titlebar .text-button:active, +.nautilus-window .linked entry ~ .image-button:active:not(:hover):not(:checked):not(:active):not(.model), +.nautilus-window .search + .toggle.popup:active, +headerbar .linked entry ~ .image-button:active, +.titlebar .linked entry ~ .image-button:active, +headerbar .linked.raised button:active, +headerbar .linked button:active:not(:only-child), +headerbar > .stack-switcher.linked > button:active, +.titlebar .linked.raised button:active, +.titlebar .linked button:active:not(:only-child), +.titlebar > .stack-switcher.linked > button:active, +headerbar button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), +.titlebar button.text-button:active:not(.suggested-action):not(.destructive-action):not(:disabled), +.org-gnome-Calendar .titlebar .text-button:checked, +.nautilus-window .linked entry ~ .image-button:checked:not(:hover):not(:checked):not(:active):not(.model), +.nautilus-window .search + .toggle.popup:checked, +headerbar .linked entry ~ .image-button:checked, +.titlebar .linked entry ~ .image-button:checked, +headerbar .linked.raised button:checked, +headerbar .linked button:checked:not(:only-child), +headerbar > .stack-switcher.linked > button:checked, +.titlebar .linked.raised button:checked, +.titlebar .linked button:checked:not(:only-child), +.titlebar > .stack-switcher.linked > button:checked, +headerbar button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), +.titlebar button.text-button:checked:not(.suggested-action):not(.destructive-action):not(:disabled), +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):active, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):active, +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):checked, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):checked, +actionbar viewswitcher button:active, +actionbar viewswitcher button:checked, +headerbar button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +.titlebar button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +headerbar button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +.titlebar button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +button.osd:active, +button.osd:checked, +.app-notification button:active, +popover.background.touch-selection button:active, +popover.background.magnifier button:active, +.app-notification button:checked, +popover.background.touch-selection button:checked, +popover.background.magnifier button:checked, +.osd button:active:backdrop, +.osd button:active, +.osd button:checked:backdrop, +.osd button:checked, +spinbutton.vertical button:active, +spinbutton.vertical button:checked, +treeview.view header button:active, +treeview.view header button:checked, +list row button.image-button:not(.flat):active, +list row button.image-button:not(.flat):checked, +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +.inline-toolbar toolbutton > button:active, +.inline-toolbar toolbutton > button:checked, +notebook > header > tabs > arrow:active, +notebook > header > tabs > arrow:checked, +notebook > header tab:active, +notebook > header tab:checked, +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked, +calendar > header > button:active, +calendar > header > button:checked, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):active, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):checked, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):active, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):checked, +#NautilusPathBar menubutton:active, +#NautilusPathBar menubutton:checked, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):active, +.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):active, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, +splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active, +.toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):checked, +.toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):checked, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, +actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, +searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, +.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, +splitbutton.flat > button:checked, +splitbutton.flat > menubutton > button:checked, +.org-gnome-Builder tabbar button:not(.flat):active, +.org-gnome-Builder tabbar button:not(.flat):checked, +window.dialog.message.csd .dialog-action-area > button:not(.suggested-action):not(.destructive-action):active, +window.dialog.message.csd .dialog-action-area > button:not(.suggested-action):not(.destructive-action):checked, +infobar button.flat:active, +infobar button.flat:checked, +toast button:not(.flat):active, +toast button:not(.flat):checked, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):active, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):checked, +.search-view button:active, +.search-view button:checked, +.budgie-panel button.launcher.flat:active, +.budgie-panel button.launcher.flat:checked, +.budgie-session-dialog .linked button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog .linked button:not(.suggested-action):not(.destructive-action):active, +.budgie-session-dialog .linked button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog .linked button:not(.suggested-action):not(.destructive-action):checked, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button:active, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button:checked, +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active, +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked, +.nautilus-list-view columnview header button:active, +.nautilus-list-view columnview header button:checked +{ + outline-color: alpha(@window_fg_color,0.3); + background-image: image(alpha(currentcolor,0.15)); + box-shadow: none; + } + +/* Disabled State */ + +notebook > header > tabs > arrow:disabled, +button:disabled, +button.sidebar-button:disabled, +notebook > header > tabs > arrow:disabled, +button.flat:disabled, +spinbutton:not(.vertical) button:disabled, +.org-gnome-Calendar .titlebar .text-button:disabled, +.nautilus-window .linked entry ~ .image-button:disabled:not(:hover):not(:checked):not(:active):not(.model), +.nautilus-window .search + .toggle.popup:disabled, +headerbar .linked entry ~ .image-button:disabled, +.titlebar .linked entry ~ .image-button:disabled, +headerbar .linked.raised button:disabled, +headerbar .linked button:disabled:not(:only-child), +headerbar > .stack-switcher.linked > button:disabled, +.titlebar .linked.raised button:disabled, +.titlebar .linked button:disabled:not(:only-child), +.titlebar > .stack-switcher.linked > button:disabled, +headerbar button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), +.titlebar button.text-button:disabled:not(.suggested-action):not(.destructive-action):not(:disabled), +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):disabled, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):disabled, +actionbar viewswitcher button:disabled, +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled, +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled, +.inline-toolbar toolbutton > button:disabled, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):disabled, +.org-gnome-Builder tabbar button:not(.flat):disabled, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled +{ + color: alpha(currentcolor,0.5); + background-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + } + +notebook > header > tabs > arrow:disabled:active, +notebook > header > tabs > arrow:disabled:checked, +button:disabled:active, +button:disabled:checked, +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):disabled:checked, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):disabled:checked, +actionbar viewswitcher button:disabled:checked, +headerbar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked, +.titlebar .linked button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked, +.inline-toolbar toolbutton > button:disabled:checked, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):disabled:checked, +.titlebar viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked +{ + color: alpha(currentcolor,0.5); + background-image: image(alpha(currentcolor,0.2)); + box-shadow: none; + } + +combobox:drop(active) button.combo, +notebook > header > tabs > arrow:drop(active), +button:drop(active) { + color: @accent_bg_color; + border-color: @accent_bg_color; + box-shadow: inset 0 0 0 1px @accent_bg_color; + } + +/* Contextual */ + +row button { background-clip: padding-box;} + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) +{ color: @window_fg_color; border-color: transparent; } + +button.osd, +.app-notification button, +.app-notification.frame button, +.csd popover.background.touch-selection button, +.csd popover.background.magnifier button, +popover.background.touch-selection button, +popover.background.magnifier button, +.osd button, +.osd spinbutton:not(.vertical), +.osd entry, +toast button:not(.flat), +.search-view button +{ + background-clip: border-box; + border-radius: 6.0px; + border-color: transparent; + background-color: alpha(currentcolor,0.1); + outline-color: rgba(255, 255, 255, 0.2); + box-shadow: none; + } + +button.osd:disabled, +.app-notification button:disabled, +popover.background.touch-selection button:disabled, +popover.background.magnifier button:disabled, +.osd button:disabled +{ color: alpha(currentcolor,0.5); background-color: transparent; border-color: alpha(currentcolor,0.2); } + +infobar button:not(.flat){background-color: alpha(currentcolor,0.1); border: none; } + +/* Action Button */ + +button.suggested-action, +button.destructive-action{background-clip: border-box; font-weight: bold; border-color: transparent; } + +button.suggested-action{ + color: @accent_fg_color; + background-color: mix(#0f6ee3,@window_fg_color,0.2); + } + +button.destructive-action { + color: white; + background-color: @destructive_bg_color; + } + +button.suggested-action:hover, +button.destructive-action:hover{background-image: image(alpha(white,0.15)); box-shadow: none;} + +button.suggested-action:active, +button.destructive-action:active, +button.suggested-action:checked, +button.destructive-action:checked{background-image: image(alpha(black,0.15)); box-shadow: none;} + +button.suggested-action:disabled, +button.destructive-action:disabled{ + color: @insensitive_fg_color; + background-color: mix(currentColor,@window_bg_color,0.5); + } + +button.suggested-action:disabled:active, +button.suggested-action:disabled:checked { color: alpha(currentcolor,0.5); background-color: alpha(@accent_bg_color,0.5); box-shadow: none; } + +button.destructive-action:disabled:active, +button.destructive-action:disabled:checked { color: alpha(currentcolor,0.5); background-color: alpha(@destructive_bg_color,0.5); box-shadow: none; } + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } + +button.font separator, button.file separator { background-color: transparent; } + +button.font > box > box > label { font-weight: bold; } + +button.circular, +.circular.popup button { border-radius: 9999px; } + +stacksidebar row.needs-attention > label, +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); + background-size: 6px 6px; + background-repeat: no-repeat; + background-position: right 3px; } + +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; } + +/* Border Radius */ + +.linked:not(.vertical) > combobox > box > button.combo, +filechooser .path-bar.linked > button, +.xfce4-panel.background button menu .linked button, +.nautilus-window .titlebar :not(.raised) .linked > button, +headerbar .linked.raised button:not(:only-child), +headerbar .linked button:not(:only-child), +headerbar > .stack-switcher.linked > button:not(:only-child), +.titlebar .linked.raised button:not(:only-child), +.titlebar .linked button:not(:only-child), +.titlebar > .stack-switcher.linked > button:not(:only-child), +.linked:not(.vertical) > spinbutton:not(.vertical), +.linked:not(.vertical) > entry, +.inline-toolbar button, +.linked > button, +toolbar.inline-toolbar toolbutton > button.flat, +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):not(:only-child), +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):not(:only-child), +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):not(:only-child), +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(:only-child) +{ border-right-style: none; border-radius: 0; } + +.linked:not(.vertical) > combobox:first-child > box > button.combo, +combobox.linked button:nth-child(2):dir(rtl), +filechooser .path-bar.linked > button:dir(rtl):last-child, +filechooser .path-bar.linked > button:dir(ltr):first-child, +.xfce4-panel.background button menu .linked button:first-child, +.nautilus-window .titlebar :not(.raised) .linked > button:first-child, +headerbar .linked button:first-child:not(:only-child), +.titlebar .linked button:first-child:not(:only-child), +.linked:not(.vertical) > spinbutton:first-child:not(.vertical), +.linked:not(.vertical) > entry:first-child, +.inline-toolbar button:first-child, +.linked > button:first-child, +toolbar.inline-toolbar toolbutton:first-child > button.flat, +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):first-child, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):first-child, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):first-child, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child +{ border-top-left-radius: 6.0px; border-bottom-left-radius: 6.0px; } + +.linked:not(.vertical) > combobox:last-child > box > button.combo, +combobox.linked button:nth-child(2):dir(ltr), +filechooser .path-bar.linked > button:dir(rtl):first-child, +filechooser .path-bar.linked > button:dir(ltr):last-child, +.xfce4-panel.background button menu .linked button:last-child, +.nautilus-window .titlebar :not(.raised) .linked > button:last-child, +headerbar .linked button:last-child:not(:only-child), +.titlebar .linked button:last-child:not(:only-child), +.linked:not(.vertical) > spinbutton:last-child:not(.vertical), +.linked:not(.vertical) > entry:last-child, +.inline-toolbar button:last-child, +.linked > button:last-child, +toolbar.inline-toolbar toolbutton:last-child > button.flat, +headerbar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):last-child, +.titlebar viewswitcher button.radio:not(.suggested-action):not(.destructive-action):last-child, +headerbar viewswitcher button.flat:not(.suggested-action):not(.destructive):last-child, +.toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child +{ border-right-style: solid; border-top-right-radius: 6.0px; border-bottom-right-radius: 6.0px; } + +.linked:not(.vertical) > combobox:only-child > box > button.combo, +filechooser .path-bar.linked > button:only-child, +.xfce4-panel.background button menu .linked button:only-child, +.nautilus-window .titlebar :not(.raised) .linked > button:only-child, +headerbar .linked button:only-child:not(:only-child), +.titlebar .linked button:only-child:not(:only-child), +.linked:not(.vertical) > spinbutton:only-child:not(.vertical), +.linked:not(.vertical) > entry:only-child, +.inline-toolbar button:only-child, +.linked > button:only-child, +toolbar.inline-toolbar toolbutton:only-child > button.flat +{ border-style: solid; border-radius: 6.0px; } + +.linked.vertical > combobox > box > button.combo, +.linked.vertical > spinbutton:not(.vertical), +.linked.vertical > entry, +.linked.vertical > button +{ border-style: solid solid none solid; border-radius: 0; } + +.linked.vertical > combobox:first-child > box > button.combo, +.linked.vertical > spinbutton:first-child:not(.vertical), +.linked.vertical > entry:first-child, +.linked.vertical > button:first-child, +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: 6.0px; border-top-right-radius: 6.0px; } + +.linked.vertical > combobox:last-child > box > button.combo, +.linked.vertical > spinbutton:last-child:not(.vertical), +.linked.vertical > entry:last-child, +.linked.vertical > button:last-child, +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.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 +{ border-bottom-style: solid; border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; } + +.linked.vertical > combobox:only-child > box > button.combo, +.linked.vertical > spinbutton:only-child:not(.vertical), +.linked.vertical > entry:only-child, +.linked.vertical > button:only-child +{ border-style: solid; border-radius: 6.0px;} + +modelbutton.flat, .menuitem.button.flat { border-radius: 6.0px; outline-offset: -2px; } + +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: alpha(currentColor,0.1); } + +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 colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } + +.osd button.color colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* Link Button */ + +button:link > label, +button:visited > label, +button:link, +button:visited, +*:link, +button:link > label:hover, +button:visited > label:hover, +button:hover:link, +button:hover:visited, +*:link:hover +{border: none;} + +button:link > label, +button:link, +*:link, +button:link > label:hover, +*:link:hover, +button:link > label:active, +button:visited > label:active, +button:active:link, +button:active:visited, +*:link:active, +*:selected button:link > label:active, +*:selected button:visited > label:active, +*:selected button:active:link, +*:selected button:active:visited, +*:selected *:link:active, +button:hover:link, +*:selected button:link > label:hover, +*:selected button:hover:link, +*:selected *:link:hover +{ color: @blue_3; } + +button:link > label:visited, +button:visited > label:visited, +button:visited, +*:link:visited, +*:selected button:link > label:visited, +*:selected button:visited > label:visited, +*:selected button:visited, +*:selected *:link:visited, +button:visited > label:hover, +button:hover:visited, +*:selected button:visited > label:hover, +*:selected button:hover:visited, +button:visited > label, button:visited, +.selection-mode .titlebar:not(headerbar) .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +.selection-mode headerbar .subtitle:link, +headerbar.selection-mode .subtitle:link, +button:link > label:selected, +button:visited > label:selected, +button:selected:link, +button:selected:visited, +*:selected button:link > label, +*:selected button:visited > label, +*:selected button:link, +*:selected button:visited, +*:link:selected, +*:selected *:link +{ color: mix(@red_3,@blue_3,0.5); } + +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: @window_fg_color; } + +button:link, button:visited { text-shadow: none; font-weight: 400; } + +button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } + +button:link > label, button:visited > label { text-decoration-line: underline; } + +/* SpinButton */ + +spinbutton { font-feature-settings: "tnum"; } + +.osd spinbutton:not(.vertical) entry, +spinbutton:not(.vertical) entry +{ + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + } + +spinbutton:not(.vertical) button { + color: currentcolor; + background-color: transparent; + border-style: none none none solid; + border-color: @transparent_borders; + border-radius: 0; + box-shadow: none; + } + +spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6.0px 6.0px 0; } + +spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6.0px 0 0 6.0px; } + +spinbutton.vertical:disabled { color: @insensitive_fg_color; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical entry { border-radius: 0; } + +spinbutton.vertical button.up { border-radius: 6.0px 6.0px 0 0; border-style: solid solid none solid; } + +spinbutton.vertical button.down { border-radius: 0 0 6.0px 6.0px; border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { border-style: none; border-radius: 0; } + +combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +combobox:drop(active) { box-shadow: none; } + +/* Tool Bar */ + +toolbar { + border-style: solid; + border-color: @borders; + border-width: 1px 0 1px 0; + background-color: @window_bg_color; +} + +searchbar > revealer > box, +.location-bar, +.inline-toolbar, +actionbar, +scrolledwindow.view list, +.frame.sidebar .view, +.nemo-places-sidebar .view, +.NemoSidebar, +.sidebar list, +.budgie-settings-window list.sidebar, +.source-list, +.sidebar .view, +assistant .sidebar, +.unified grid paned .sidebar.vertical, +window.unified.csd .sidebar headerbar.titlebar.flat, +list.navigation-sidebar, +placessidebar .sidebar + { background-color: @altbar_bg_color; } + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } + +.inline-toolbar { border-color: @transparent_borders; border-style: solid; border-width: 0 1px 1px; border-radius: 0 0 6.0px 6.0px; } + +searchbar > revealer > box, .location-bar { border-width: 0 0 1px; border-style: solid; border-color: @transparent_borders; } + +/* Header Bar */ + +.titlebar:not(headerbar), headerbar { + background-clip: border-box; + border-width: 0 0 1px; + border-style: solid; + border-color: @transparent_borders; + border-radius: 0; + background: @headerbar_bg_color linear-gradient(to top, @headerbar_bg_color, @headerbar_bg_color); } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-color: @headerbar_backdrop_color; background-image: none; transition: 200ms ease-out; } + +headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } + +window.csd > .titlebar:not(headerbar) { background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } + +.titlebar:not(headerbar) separator { background-color: mix(@headerbar_bg_color,@borders,0.5); } + +window.devel headerbar.titlebar:not(.selection-mode) { background: @window_bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, alpha(@accent_bg_color,0.2)), linear-gradient(to top, mix(black,@headerbar_bg_color,0.97), @headerbar_bg_color 3px, mix(white,@headerbar_bg_color,0.94)); } + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: @headerbar_backdrop_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(@headerbar_backdrop_color); } + +.default-decoration .title { color: @headerbar_fg_color; } + +.default-decoration .title:backdrop { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); } + +headerbar:not(.selection-mode), +headerbar:not(.selection-mode) entry, +.titlebar:not(.selection-mode), +.titlebar:not(.selection-mode) entry, +headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action), +.titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action) +{ color: @headerbar_fg_color; } + +headerbar:not(.selection-mode):backdrop, +headerbar:not(.selection-mode) entry:backdrop, +.titlebar:not(.selection-mode):backdrop, +.titlebar:not(.selection-mode) entry:backdrop, +headerbar:not(.selection-mode) entry:disabled, +.titlebar:not(.selection-mode) entry:disabled, +headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):backdrop, +.titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):backdrop, +headerbar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):disabled, +.titlebar:not(.selection-mode) button:not(.suggested-action):not(.destructive-action):disabled +{ color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); } + +headerbar:not(.selection-mode) switch image, .titlebar:not(.selection-mode) switch image { color: transparent; } + +headerbar .linked.raised button:not(:only-child):not(:first-child), +headerbar .linked button:not(:only-child):not(:first-child), +headerbar > .stack-switcher.linked > button:not(:only-child):not(:first-child), +.titlebar .linked.raised button:not(:only-child):not(:first-child), +.titlebar .linked button:not(:only-child):not(:first-child), +.titlebar > .stack-switcher.linked > button:not(:only-child):not(:first-child), +headerbar .linked.raised button:not(:only-child):first-child, +headerbar .linked button:not(:only-child):first-child, +headerbar > .stack-switcher.linked > button:not(:only-child):first-child, +.titlebar .linked.raised button:not(:only-child):first-child, +.titlebar .linked button:not(:only-child):first-child, +.titlebar > .stack-switcher.linked > button:not(:only-child):first-child, +headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked + button, +headerbar .linked.raised button:not(:only-child):first-child:not(:backdrop):active + button, +headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +headerbar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active + button, +headerbar .linked button:not(:only-child):first-child:not(:backdrop):checked + button, +headerbar .linked button:not(:only-child):first-child:not(:backdrop):active + button, +headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +headerbar .linked button:not(:only-child):not(:last-child):not(:backdrop):active + button, +headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked + button, +headerbar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active + button, +headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active + button, +.titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):checked + button, +.titlebar .linked.raised button:not(:only-child):first-child:not(:backdrop):active + button, +.titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +.titlebar .linked.raised button:not(:only-child):not(:last-child):not(:backdrop):active + button, +.titlebar .linked button:not(:only-child):first-child:not(:backdrop):checked + button, +.titlebar .linked button:not(:only-child):first-child:not(:backdrop):active + button, +.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +.titlebar .linked button:not(:only-child):not(:last-child):not(:backdrop):active + button, +.titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):checked + button, +.titlebar > .stack-switcher.linked > button:not(:only-child):first-child:not(:backdrop):active + button, +.titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):checked + button, +.titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child):not(:backdrop):active + button +{ border-left-color: @transparent_borders; } + +headerbar .linked.raised button:not(:only-child):not(:last-child), +headerbar .linked button:not(:only-child):not(:last-child), +headerbar > .stack-switcher.linked > button:not(:only-child):not(:last-child), +.titlebar .linked.raised button:not(:only-child):not(:last-child), +.titlebar .linked button:not(:only-child):not(:last-child), +.titlebar > .stack-switcher.linked > button:not(:only-child):not(:last-child), +headerbar .linked.raised button:not(:only-child):last-child, +headerbar .linked button:not(:only-child):last-child, +headerbar > .stack-switcher.linked > button:not(:only-child):last-child, +.titlebar .linked.raised button:not(:only-child):last-child, +.titlebar .linked button:not(:only-child):last-child, +.titlebar > .stack-switcher.linked > button:not(:only-child):last-child +{ border-right-color: @transparent_borders; } + +headerbar entry image, .titlebar entry image { color: currentcolor; } + +headerbar entry.error, .titlebar entry.error { color: @error_bg_color; border-color: @error_bg_color; } + +headerbar entry.error:focus, .titlebar entry.error:focus { box-shadow: inset 0 0 0 1px @error_bg_color; border-color: @error_bg_color; transition: 300ms ease-in-out; transition-property: border, box-shadow; } + +headerbar entry.error selection, .titlebar entry.error selection { background-color: @error_bg_color; } + +headerbar entry.warning, .titlebar entry.warning { color: @warning_bg_color; border-color: @warning_bg_color; } + +headerbar entry.warning:focus, .titlebar entry.warning:focus { box-shadow: inset 0 0 0 1px @warning_bg_color; border-color: @warning_bg_color; transition: 300ms ease-in-out; transition-property: border, box-shadow; } + +headerbar entry.warning selection, .titlebar entry.warning selection { background-color: @warning_bg_color; } + +headerbar entry.flat:focus, headerbar entry.flat:backdrop, headerbar entry.flat:disabled, headerbar entry.flat:backdrop:disabled, headerbar entry.flat, .titlebar entry.flat:focus, .titlebar entry.flat:backdrop, .titlebar entry.flat:disabled, .titlebar entry.flat:backdrop:disabled, .titlebar entry.flat { background-color: transparent; border-color: transparent; border-radius: 0; } + +headerbar entry:drop(active):focus, headerbar entry:drop(active), .titlebar entry:drop(active):focus, .titlebar entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +headerbar entry progress, .titlebar entry progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } + +headerbar entry progress:backdrop, .titlebar entry progress:backdrop { background-color: transparent; } + +headerbar .linked entry:not(:first-child), .titlebar .linked entry:not(:first-child) { border-left-color: @transparent_borders; } + +headerbar .linked entry:not(:first-child):backdrop, .titlebar .linked entry:not(:first-child):backdrop { border-left-color: @transparent_borders; } + +headerbar:not(:backdrop), .titlebar:not(:backdrop) { transition: 50ms ease-in; transition-property: background-color, background-image, box-shadow, border-color, color, text-shadow; } + +headerbar.flat{border-bottom: none; background: @window_bg_color; box-shadow: none;} + +/* Treeview */ + +treeview.view { border-left-color: @borders; border-top-color: @borders; } + +treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } + +treeview.view:selected:backdrop, treeview.view:selected { border-left-color: mix(@accent_fg_color,@accent_bg_color,0.5); border-top-color: alpha(@window_fg_color,0.1); } + +treeview.view:disabled { color: @insensitive_fg_color; } + +treeview.view:disabled:selected { color: mix(@accent_fg_color,@accent_bg_color,0.6); } + +treeview.view:disabled:selected:backdrop { color: mix(@window_bg_color,@accent_bg_color,0.7); } + +treeview.view.separator { color: @window_bg_color; } + +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: mix(black,@accent_bg_color,0.85); } + +treeview.view:drop(active).after { border-top-style: none; } + +treeview.view:drop(active).before { border-bottom-style: none; } + +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { color: @view_bg_color; background-image: none; background-color: @accent_bg_color; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px @view_bg_color; text-shadow: none; transition: none; } + +treeview.view.progressbar { color: @accent_fg_color; background-color: @accent_bg_color; background-image: image(@accent_bg_color); box-shadow: none; } + +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: @accent_bg_color; background-image: image(@accent_fg_color); } + +treeview.view.trough { background-color: alpha(@window_fg_color,0.1); } + +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: alpha(@accent_fg_color,0.3); } + +treeview.view.progressbar, +treeview.view.trough, +treeview.view.trough:selected, +treeview.view.trough:selected:focus, +treeview.view.progressbar:selected:focus, +treeview.view.progressbar:selected{border-radius: 9999px; } + +treeview.view acceleditor > label { background-color: @accent_bg_color; } + +treeview.view header button, +treeview.view header button:hover, +treeview.view header button:active, +.nautilus-list-view columnview header button { + padding: 6px; + border-style: none solid solid none; + border-color: @borders; + border-radius: 0; + text-shadow: none; +} + +treeview.view header button:disabled, +.nautilus-list-view columnview header button:disabled { border-color: @borders; background-image: none; } + +treeview.view header button:last-child, +.nautilus-list-view columnview header button:last-child { border-right-style: none; } + +/* Menus */ + +menubar, +.menubar, +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { color: @headerbar_fg_color; border-radius: 0px; background-color: @headerbar_bg_color; } + +menubar:backdrop, +.menubar:backdrop +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal:backdrop{ background-color: @headerbar_backdrop_color; color: mix(@headerbar_fg_color,@headerbar_bg_color,0.5); } + +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: @insensitive_fg_color; box-shadow: none; } + +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 6.0px; } + +.background.popup { background-color: transparent; } + +menu, .menu, .context-menu { background-color: @popover_bg_color; border: 1px solid @transparent_borders; } + +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 6.0px; } + +menu menuitem, .menu menuitem, .context-menu menuitem { text-shadow: none; font-weight: normal; border-radius: 6.0px; } + +menu menuitem:hover, +.menu menuitem:hover, +.context-menu menuitem:hover, +popover.menu modelbutton:hover, +popover.menu modelbutton:selected, +popover.background modelbutton.flat:backdrop:hover, +popover.background .menuitem.button.flat:backdrop:hover, +popover.menu list > row:hover, +popover.menu list > row:hover:selected.activatable, +popover.menu listview > row:hover, +popover.menu listview > row:hover:selected.activatable, +popover.menu list > row.has-open-popup, +popover.menu list > row.has-open-popup:selected.activatable, +popover.menu listview > row.has-open-popup, +popover.menu listview > row.has-open-popup:selected.activatable, +menubar > item:selected, +menubar > menuitem:hover, +.menubar > menuitem:hover, +.budgie-popover button.flat:hover, +.budgie-menu .categories button.flat:checked, +.budgie-popover row.activatable:selected, +.budgie-popover row.activatable:selected:hover, +.budgie-popover .sidebar .frame row.activatable:hover, +.budgie-popover .sidebar .frame row.activatable:selected, +.budgie-popover list .menuitem:hover +{ color: currentcolor; background-color: alpha(currentColor,0.1); } + +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: @insensitive_fg_color; } + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } + +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; background-color: @popover_bg_color; border-radius: 0; } + +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } + +menuitem accelerator { color: alpha(currentColor,0.55); } + +popover.background, +popover.background > arrow, +popover.background > contents { background-color: @popover_bg_color; } + +.csd popover.background, popover.background, +popover.background > arrow, +popover.background > contents { border-radius: 6.0px; } + +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar, +popover.background > flowbox { border-style: none; background-color: transparent; } + +/* Notebook */ + +notebook > header tabs { margin: 0px; } + +tabbox tab, +notebook tab{ margin: 4px; } + +notebook > header { border-color: @borders; border-width: 0px; background-color: @window_bg_color; box-shadow: none; } + +notebook > header.top { box-shadow: inset 0 -1px @borders; } + +notebook > header.bottom { box-shadow: inset 0 1px @borders; } + +notebook > header.left { box-shadow: inset -1px 0 @borders; } + +notebook > header.right { box-shadow: inset 1px 0 @borders; } + +notebook > header tab { outline-offset: -5px; color: @window_fg_color; font-weight: bold; border-width: 0px; border-color: transparent; border-radius: 6.0px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -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.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { border-radius: 0px; } + +notebook > header tab button.flat { border-radius: 100%; } + +notebook > header tab button.flat:hover { color: currentColor; background-color: transparent; } + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: none solid; } + +notebook > stack:not(:only-child) { background-color: @view_bg_color; } + +/* Scroll Bar */ + +scrollbar { background-color: transparent; transition: all 200ms linear; } + +scrollbar slider { + color: @window_fg_color; + border: none; + border-radius: 0px; + background-clip: padding-box; + background-color: mix(@window_bg_color,@window_fg_color,0.5); + transition: all 200ms linear; + } + +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 { outline-offset: -4px; border-radius: 9999px; color: @window_fg_color; background-color: @insensitive_fg_color; } + +switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } + +switch:checked:disabled { background-color: alpha(@accent_bg_color,0.5); } + +switch:disabled { color: @insensitive_fg_color; border-color: transparent; background-color: mix(@window_fg_color,@window_bg_color,0.8); text-shadow: none; } + +switch slider { background-color: @accent_fg_color; border: none; border-radius: 9999px; box-shadow: none; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch image { color: transparent; } + +switch:disabled slider { background-color: mix(@view_bg_color,mix(white,@view_bg_color,0.2),0.5); box-shadow: none; } + +row:selected switch { box-shadow: none; border-color: mix(black,@accent_bg_color,0.8); } + +row:selected switch:backdrop { border-color: mix(black,@accent_bg_color,0.8); } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: mix(black,@accent_bg_color,0.8); } + +/* Check and Radio */ + +.view.content-view.check:not(list), +iconview.content-view.check:not(list), +.content-view:not(list) check +{ + color: transparent; + background-color: @accent_bg_color; + border-radius: 2px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; + } + +.view.content-view.check:active:not(list), +iconview.content-view.check:active:not(list), +.content-view:not(list) check:active, +.view.content-view.check:checked:not(list), +iconview.content-view.check:checked:not(list), +.content-view:not(list) check:checked +{ + color: rgba(255, 255, 255, 0.9); + background-color: @accent_bg_color; + border-radius: 2px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; + } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { color: rgba(255, 255, 255, 0.9); background-color: @accent_bg_color; border-radius: 2px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { color: rgba(255, 255, 255, 0.9); background-color: @accent_bg_color; border-radius: 2px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { color: rgba(255, 255, 255, 0.7); background-color: alpha(@window_fg_color,0.5); border-radius: 2px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton.text-button, radiobutton.text-button { outline-offset: 0; } + +check, radio { border: 2px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; border-color: currentcolor; box-shadow: none; color: @window_fg_color; } + +radio:disabled, +radio:checked:disabled, +radio:indeterminate:disabled, +popover.background radio:disabled, +popover.background radio:checked:disabled, +menu menuitem radio:disabled, +menu menuitem radio:checked:disabled, +menu menuitem radio:indeterminate:disabled, +radio:checked:disabled, +check:checked:disabled, +check:indeterminate:disabled, +check:disabled{ box-shadow: none; color: mix(@window_fg_color,@view_bg_color,0.3); background-color: transparent; border-color: currentcolor; } + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { background-clip: border-box; background-color: @accent_bg_color; border-color: transparent; box-shadow: none; color: @accent_fg_color; } + +check, +treeview.view check:selected:focus, +treeview.view check:selected +{ border-radius: 2px; } + +check:checked { -gtk-icon-source: image(-gtk-recolor(url("../general/check-symbolic.svg"))); } + +check:indeterminate,radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../general/dash-symbolic.svg"))); } + +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem check:not(:checked), +menu menuitem check:not(:checked):hover, +menu menuitem check:checked, +menu menuitem check:checked:hover, +menu menuitem check:indeterminate, +menu menuitem check:indeterminate:hover, +popover.background check, +popover.background check:indeterminate, +popover.background radio, +popover.background radio:indeterminate, +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:disabled, +menu menuitem radio:not(:checked), +menu menuitem radio:not(:checked):hover, +menu menuitem radio:checked, +menu menuitem radio:checked:hover, +menu menuitem radio:indeterminate, +menu menuitem radio:indeterminate:hover{color: inherit;} + +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem check:not(:checked), +menu menuitem check:not(:checked):hover, +menu menuitem check:checked, +menu menuitem check:checked:hover, +menu menuitem check:indeterminate, +menu menuitem check:indeterminate:hover, +popover.background check, +popover.background check:indeterminate +{ border-color: transparent; } + +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:not(:checked), +menu menuitem radio:not(:checked):hover, +menu menuitem radio:checked, +menu menuitem radio:checked:hover, +menu menuitem radio:indeterminate, +menu menuitem radio:indeterminate:hover, +popover.background check:checked:disabled, +popover.background radio:checked:disabled, +popover.background check:indeterminate:disabled, +popover.background radio:indeterminate:disabled, +menu menuitem check:indeterminate, +menu menuitem check:indeterminate:hover, +menu menuitem check:indeterminate:disabled +{ border-color: currentcolor; } + +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:disabled, +menu menuitem radio:not(:checked), +menu menuitem radio:not(:checked):hover, +menu menuitem radio:checked, +menu menuitem radio:checked:hover, +menu menuitem radio:indeterminate, +menu menuitem radio:indeterminate:hover, +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem check:not(:checked), +menu menuitem check:not(:checked):hover, +menu menuitem check:checked, +menu menuitem check:checked:hover, +menu menuitem check:checked:disabled, +menu menuitem check:indeterminate, +menu menuitem check:indeterminate:hover, +menu menuitem check:indeterminate:disabled, +popover.background check, +popover.background check:indeterminate, +popover.background radio, +popover.background radio:indeterminate, +menu menuitem radio:not(:checked):disabled, +menu menuitem radio:checked:disabled, +menu menuitem radio:indeterminate:disabled, +popover.background check:checked:disabled, +popover.background radio:checked:disabled, +popover.background check:indeterminate:disabled, +popover.background radio:indeterminate:disabled +{ background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none;} + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("../general/bullet-symbolic.svg"))); } + +/* Scale Bar */ + +scale slider{ background-color: transparent; box-shadow: none; border-radius: 9999px; border-width: 0px; border-style: none; border-color: transparent;} + +scale:hover slider, +scale.marks-after slider, +scale.marks-before slider{background-color: @accent_bg_color; } + +scale.color slider +{ + background-color: transparent; + border: 4px solid white; + box-shadow: 0 0 0 1px alpha(black,0.25), inset 0 0 0 1px alpha(black,0.25); +} + +scale.vertical > marks indicator { background-color: currentColor; } + +scale.color trough { background-image: image(@transparent_borders); background-repeat: no-repeat; } + +scale.color.horizontal trough { background-position: 0 -3px;} + +scale.color.fine-tune.vertical:dir(rtl) trough { background-position: -6px 0; } + +/* Progress Bar */ + +progressbar { font-size: smaller; color: alpha(@window_fg_color,0.4); font-feature-settings: "tnum"; } + +progressbar trough, scale fill, scale trough { border-radius: 6.0px; background-color: alpha(@view_fg_color,0.15); } + +progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: alpha(alpha(@view_fg_color,0.15),0.5); } + +row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: mix(black,@accent_bg_color,0.85); } + +progressbar progress, scale highlight { border-radius: 6.0px; background-color: @accent_bg_color; color: @accent_fg_color; } + +progressbar progress:disabled, scale highlight:disabled { background-color: mix(@accent_bg_color,@view_bg_color,0.5); border-color: transparent; } + +progressbar trough.empty progress { all: unset; } + +/* Level Bar */ + +levelbar.horizontal.continuous block:first-child, levelbar.horizontal.continuous block:last-child { border-radius: 6.0px; } + +levelbar.horizontal.discrete block:first-child { border-radius: 6.0px 0 0 6.0px; } + +levelbar.horizontal.discrete block:last-child { border-radius: 0 6.0px 6.0px 0; } + +levelbar.vertical.continuous block:first-child, levelbar.vertical.continuous block:last-child { border-radius: 6.0px; } + +levelbar.vertical.discrete block:first-child { border-radius: 6.0px 6.0px 0 0; } + +levelbar.vertical.discrete block:last-child { border-radius: 0 0 6.0px 6.0px; } + +levelbar trough { border: 0px solid; border-radius: 6.0px; background-color: alpha(@view_fg_color,0.15); } + +levelbar block { border: 0px solid; border-radius: 0; } + +levelbar block.low { border-color: shade(@warning_bg_color,0.8); background-color: @warning_bg_color; } + +levelbar block.high, levelbar block:not(.empty) { border-color: shade(@accent_bg_color,0.8); background-color: @accent_bg_color; } + +levelbar block.full { border-color: shade(@success_bg_color,0.8); background-color: @success_bg_color; } + +levelbar block.empty { background-color: transparent; border-color: alpha(@window_fg_color,0.2); } + +printdialog paper { color: @window_fg_color; border: 1px solid @transparent_borders; background: white; } + +/* Frames */ + +frame > border, .frame { box-shadow: none; border: 1px solid @borders; } + +frame > border.flat, .frame.flat { border-style: none; } + +actionbar > revealer > box { border-top: 1px solid @borders; } + +scrolledwindow viewport.frame { border-style: none; } + +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, @borders 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: @view_bg_color; } + +scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } + +separator { background: @borders; } + +/* List */ + +list { color: @view_fg_color; background-color: @view_bg_color; border-color: @transparent_borders; } + +list.content > row, list.boxed-list > row, list.boxed-list > row.expander row.header { border-bottom: 1px solid @transparent_borders; } + +list.content > row.expander row.header, +row.expander list.nested > row{border: none;} + +row.activatable.has-open-popup, +row.activatable:hover, +list.content > row:not(:selected).activatable:hover, +list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, +row.expander list.nested > row:not(:selected).activatable:hover, +list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), +list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {} + +row.activatable:selected, +list.content > row:not(:selected).activatable.has-open-popup, +list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, +row.expander list.nested > row:not(:selected).activatable.has-open-popup, +list.content > row:not(:selected).activatable:active, +list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, +row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.1); } + +list.content > row.expander, list.boxed-list > row.expander { border: none; } + +list.content > row:last-child, 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.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 { border-bottom-width: 0; } + +row.expander { background-color: transparent; } + +row.expander list.nested > row { background-color: transparent; border-radius: 0; border: none; } + +row.expander list.nested { background-color: alpha(@card_fg_color,0.05); color: inherit; border-radius: 0; } + +row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } + +row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } + +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 image.expander-row-arrow:disabled { color: @insensitive_fg_color; } + +list.content { background-color: transparent; color: @card_fg_color; border-radius: 6.0px; } + +list.content list { background-color: transparent; border-radius: 6.0px; } + +list.content > row { background-color: @card_bg_color; color: @card_fg_color; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +list.content > row:not(:last-child) { border-bottom: 1px solid @transparent_borders; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +list.content > row:not(:first-child):not(:last-child) { border-radius: 0; border-left: 1px solid @transparent_borders; border-right: 1px solid @transparent_borders; } + +list.content > row:first-child { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; border-top: 1px solid @transparent_borders; border-left: 1px solid @transparent_borders; border-right: 1px solid @transparent_borders; } + +list.content > row:last-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; border-bottom: 1px solid @transparent_borders; border-left: 1px solid @transparent_borders; border-right: 1px solid @transparent_borders; } + +list.content > row:only-child { border: 1px solid @transparent_borders; border-radius: 6.0px; } + +/* Cards */ +shortcut > .keycap, +list.content, +list.boxed-list, +.card +{ + background-color: @card_bg_color; + color: @card_fg_color; + border-radius: 6.0px; + } + +shortcut > .keycap, +list.boxed-list, +.card +{ border: 1px solid @transparent_borders; } + +/* App Notification */ + +.osd{ border-radius: 6.0px; } + +.app-notification, +.app-notification.frame { border-radius: 0 0 6.0px 6.0px; } + +.app-notification, +.app-notification.frame, +toast, +.osd toolbar, +.osd.toolbar +{ + color: white; + background-color: alpha(black, 0.7); + background-image: none; + background-clip: padding-box; + border: none; + } + +.app-notification border, +.app-notification.frame border { border: none; } + +/* Expander */ + +expander title > arrow, +expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander title > arrow:dir(rtl), +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander title > arrow:disabled, +expander:disabled { color: @insensitive_fg_color; } + +expander title > arrow:checked, +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/* Calendar */ + +calendar { color: @view_fg_color; border: 1px solid @borders; } + +calendar:selected { border-radius: 6.0px; } + +calendar.header { border-bottom-color: @borders; } + +calendar.button { color: alpha(@window_fg_color,0.45); } + +calendar.button:hover { color: @window_fg_color; } + +calendar.button:disabled { color: alpha(@insensitive_fg_color,0.45); } + +calendar.highlight { color: alpha(currentColor,0.5); } + +calendar:indeterminate { color: alpha(currentColor,0.3); } + +button.circular.day{border-color: transparent; box-shadow: none; background-clip: border-box;} + +/* Dialog */ + +dialog buttonbox, +.dialog-action-area +{padding: 8px; } + +messagedialog .dialog-action-area, +window.dialog.message.csd .dialog-action-area +{padding: 0px; } + +/* Message Dialog */ + +messagedialog .titlebar, +messagedialog .titlebar:backdrop { background-image: none; background: @dialog_bg_color; color: @dialog_fg_color; border-style: none; border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +messagedialog.csd.background, +messagedialog.background .dialog-vbox.vertical { border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; background-color: @dialog_bg_color; color: @dialog_fg_color; } + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action), +messagedialog.csd .dialog-action-area button.suggested-action, +messagedialog.csd .dialog-action-area button.destructive-action, +.budgie-session-dialog .linked button, +.budgie-polkit-dialog .linked button, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button +{ border-right-style: none; border-bottom-style: none; border-radius: 0; border-top: 1px solid @transparent_borders; border-left: 1px solid @transparent_borders; } + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):first-child, +messagedialog.csd .dialog-action-area button.suggested-action:first-child, +messagedialog.csd .dialog-action-area button.destructive-action:first-child, +.budgie-session-dialog .linked button:first-child, +.budgie-polkit-dialog .linked button:first-child, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button:first-child +{ border-left-style: none; border-bottom-left-radius: 6.0px; } + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):last-child, +messagedialog.csd .dialog-action-area button.suggested-action:last-child, +messagedialog.csd .dialog-action-area button.destructive-action:last-child, +.budgie-session-dialog .linked.horizontal button:last-child, +.budgie-polkit-dialog .linked.horizontal button:last-child, +messagedialog.background .dialog-vbox.vertical buttonbox.linked button:last-child +{ border-bottom-right-radius: 6.0px; } + +messagedialog.background .dialog-vbox.vertical buttonbox.linked button {padding: 12px;} + +.budgie-session-dialog .linked button, +.budgie-polkit-dialog .linked button{padding: 10px;} + +/* File Chooser */ + +filechooser .dialog-action-box { border-top: 1px solid @transparent_borders; } + +filechooser #pathbarbox { border-bottom: 1px solid @transparent_borders; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +.sidebar { border-style: none; background-color: @window_bg_color; } + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid @borders; border-left-style: none; } + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid @borders; 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; } + +.sidebar row { border-radius: 6.0px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +separator.sidebar { background-color: @borders; } + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: shade(@accent_bg_color,0.8); } + +row image.sidebar-icon { opacity: 0.7; } + +placessidebar > viewport.frame { border-style: none; } + +placessidebar row:disabled { color: @insensitive_fg_color; } + +button.sidebar-button { border-radius: 100%; } + +button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } + +placessidebar row.sidebar-placeholder-row { background-image: image(@accent_bg_color); background-clip: content-box; } + +placessidebar row.sidebar-new-bookmark-row { color: @accent_bg_color; } + +placessidebar row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } + +placessidebar row:drop(active):not(:disabled):selected { color: @accent_fg_color; background-color: @accent_bg_color; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { background-color: transparent; } + +paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(@borders); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(@accent_bg_color); } + +paned > separator.wide { background-color: @window_bg_color; background-image: image(@borders), image(@borders); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/* Info Bar */ + +infobar label{font-weight: bold;} + +infobar { border-style: none; } + +infobar:not(.info):not(.warning):not(.error):not(.question) +{background-color: transparent;} + +infobar.info, +infobar.warning, +infobar.question, +infobar.error{background-color: mix(@window_bg_color,currentcolor,0.15); box-shadow: inset 4px 0px currentcolor; padding: 0px 4px;} + +infobar.info > label, infobar.info, infobar.info button {color: @success_bg_color;} +infobar.warning > label, infobar.warning, infobar.warning button {color: @warning_bg_color;} +infobar.question > label, infobar.question, infobar.question button{color: @accent_bg_color;} +infobar.error > label, infobar.error, infobar.error button {color: @error_bg_color;} + +infobar label:disabled{color: alpha(currentcolor,0.5);} + +infobar .close { border-radius: 50%; } + +/* Tooltip */ + +tooltip { border-radius: 6.0px; box-shadow: none; text-shadow: 0 1px black; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } + +tooltip decoration { background-color: transparent; } + +tooltip * { background-color: transparent; color: white; } + +/* Colorswatch */ + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch {box-shadow: 1px 2px @menu_shadow, 0 0 0 1px @button_shadow; margin: 2px;} + +colorswatch overlay, +colorswatch{ border-radius: 6.0px; } + +colorswatch.dark overlay { color: white; } + +colorswatch.light overlay { color: black; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch:drop(active).light overlay { border-color: @accent_bg_color; box-shadow: inset 0 0 0 2px shade(@accent_bg_color,0.93), inset 0 0 0 1px @accent_bg_color; } + +colorswatch:drop(active).dark overlay { border-color: @accent_bg_color; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px @accent_bg_color; } + +colorswatch#add-color-button overlay{ + border-style: none; + color: white; + background-image: linear-gradient(to right, @red_3 25%, @orange_3 25%, @orange_3 50%, @green_3 50%, @green_3 75%, @blue_3 75%); +} + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px @accent_fg_color; } + +.content-view { background-color: shade(@window_bg_color,0.93); } + +.osd .scale-popup button.flat { border-style: none; border-radius: 6.0px; } + +button.titlebutton { box-shadow: none; text-shadow: none; } + +.monospace { font-family: monospace; } + +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } + +.context-menu { font: initial; } + +.keycap { + color: @window_fg_color; + background-color: @view_bg_color; + border: 1px solid; + border-color: @transparent_borders; + border-radius: 4px; + box-shadow: inset 0 -3px alpha(black,0.2); + font-size: smaller; + } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } + +.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 Section */ + +button.emoji-section { + border-color: transparent; + border-width: 1px; + border-style: none; + border-radius: 6.0px; + background: none; + box-shadow: none; + text-shadow: none; + outline-offset: -5px; + } + +button.emoji-section:backdrop:not(:checked) { border-color: transparent; } + +button.emoji-section:hover { border-color: @transparent_borders; } + +button.emoji-section:checked { border-color: @accent_bg_color; } + +button.emoji-section label { opacity: 0.55; } + +button.emoji-section:hover label { opacity: 0.775; } + +button.emoji-section:checked label { opacity: 1; } + +popover.emoji-picker .emoji { font-size: x-large; } + +popover.emoji-picker .emoji :hover { background: @accent_bg_color; border-radius: 6.0px; } + +popover.emoji-completion arrow { border: none; background: none; } + +popover.emoji-completion .emoji:hover { background: alpha(currentColor,0.07); } + +/* Content */ + +.nautilus-window .thumbnail, +.checkerboard { + background-position: 0px 0px, 10px 10px; + background-size: 20px 20px; + background-image: linear-gradient(45deg, @transparent_borders 25%, transparent 25%, transparent 75%, @transparent_borders 75%, @transparent_borders 100%), linear-gradient(45deg, @transparent_borders 25%, @view_bg_color 25%, @view_bg_color 75%, @transparent_borders 75%, @transparent_borders 100%); + } + +.flat.popup:not(.title) { font-weight: normal; } + +statusbar { font-size: small; } + +list.content .horizontal spinbutton entry { border-top-left-radius: 6.0px; border-bottom-left-radius: 6.0px; } + +list.view.frame { border-radius: 6.0px; } + +list.view.frame, list.view.frame:backdrop { background-color: @card_bg_color; } + +.primary-toolbar, .toolbar { background-color: @window_bg_color; } + +popover.background modelbutton.flat, popover.background .menuitem.button.flat { color: @popover_fg_color; } + +popover.background modelbutton.flat:disabled label, popover.background .menuitem.button.flat:disabled label { color: mix(@popover_fg_color,@popover_bg_color,0.5); } + +window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 6.0px; } + +popover.combo list { border-style: none; background-color: transparent; } + +popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(@transparent_borders, 0.5); } + +popover.combo list > row:first-child { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +popover.combo list > row:last-child { border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; } + +popover.combo overshoot.top { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +popover.combo overshoot.bottom { border-bottom-left-radius: 6.0px; border-bottom-right-radius: 6.0px; } + +popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 6.0px; border-bottom-right-radius: 6.0px; } + +popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 6.0px; border-bottom-left-radius: 6.0px; } + +button.list-button:not(:active):not(:checked):not(:hover) { color: @card_fg_color; outline-color: alpha(@card_fg_color,0.3); background-color: mix(currentColor,@card_bg_color,0.9); } + +keypad .digit { font-size: 200%; font-weight: bold; } + +keypad .letters { font-size: 70%; } + +keypad .symbol { font-size: 160%; } + +/* View Switcher */ + +.stack-switcher, +stackswitcher, +viewswitcher{font-weight: bold;} + +viewswitcher button, +viewswitcher button > stack > box.narrow { font-size: 1rem; } + +viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } + +viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } + +actionbar viewswitcher button{ border-radius: 0px; border: none; } + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: alpha(@window_fg_color,0.5); } + +row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } + +headerbar .sources-button button{border-radius: 0px; padding: 0px; } + +/* Tab Bar */ + +tabbar .box { background: @headerbar_bg_color; border-bottom: 1px solid @headerbar_shade_color; } + +tabbar .box:backdrop { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); background-color: @headerbar_backdrop_color; } + +tabbar scrolledwindow.pinned undershoot { border: 0 solid mix(black,@window_bg_color,0.76); } + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } + +tabbar scrolledwindow.pinned tabbox:dir(ltr) { box-shadow: inset -1px 0 @transparent_borders; } + +tabbar scrolledwindow.pinned tabbox:dir(rtl) { box-shadow: inset 1px 0 @transparent_borders; } + +tabbar undershoot { transition: none; } + +tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } + +tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } + +tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, alpha(@accent_bg_color,0.7), alpha(@accent_bg_color,0.5) 1px, alpha(@accent_bg_color,0) 20px); } + +tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, alpha(@accent_bg_color,0.7), alpha(@accent_bg_color,0.5) 1px, alpha(@accent_bg_color,0) 20px); } + +tabbar tab { border-style: none; border-radius: 6.0px; transition: background-color 150ms ease-in-out; background-image: -gtk-scaled(url("../general/tab-border-light.png"), url("../general/tab-border-light@2.png")); background-position: left; background-repeat: no-repeat; } + +tabbar tab:first-child { background-image: none; } + +tabbar tab:hover { background-color: alpha(currentColor,0.07); } + +tabbar tab:hover, tabbar tab:hover + tab { background-image: none; } + +tabbar tab:checked { background-color: alpha(currentColor,0.1); } + +tabbar tab:checked, tabbar tab:checked + tab { background-image: none; } + +tabbar tab:checked:hover { background-color: alpha(currentColor,0.13); } + +tabbar .start-action, tabbar .end-action { background-color: @headerbar_bg_color; border-color: transparent; border-style: solid; transition: background-color 150ms ease-in-out; } + +tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: transparent; background-color: @headerbar_backdrop_color; } + +tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } + +tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } + +tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } + +.tab-drag-icon tab { background-color: mix(currentColor,@window_bg_color,0.923); box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px alpha(white,0.5); } + +tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(@accent_bg_color,0.2) 15%, alpha(@accent_bg_color,0) 15%); } + +tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { border-radius: 9999px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } + +tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(@window_fg_color, 0.15); } + +tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } + +/* Flap */ + +flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.12); } + +flap > border, deck > border, leaflet > border { background: rgba(0, 0, 0, 0.05); } + +flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } + +flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } + +flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } + +flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } + +flap > outline, deck > outline, leaflet > outline { background: rgba(255, 255, 255, 0.2); } + +/* Avatar */ + +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: #fff; } + +avatar.image { background: none; } + +tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } + +window.rounded, window.rounded actionbar { border-radius: 0 0 6.0px 6.0px; } + +window.rounded decoration, window.rounded actionbar decoration { border-radius: 6.0px; } + +window.flat headerbar { box-shadow: none; } + +/* Pantheon */ + +.accent { color: @accent_bg_color; } + +.h1 { font-size: 20pt; font-weight: 300; } + +.h2 { font-size: 16pt; font-weight: 200; } + +.h3 { font-size: 11pt; } + +.h4, .category-label { color: shade(@window_fg_color,1.2); font-weight: 700; } + +.storage-bar .trough { border: none; border-radius: 6.0px 6.0px 0 0; background-image: none; 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); } + +.storage-bar .fill-block { border: 1px solid rgba(0, 0, 0, 0.35); border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; border-radius: 0; border-bottom-color: shade(@borders,0.75); background-color: shade(@view_bg_color,0.85); } + +.storage-bar .fill-block:first-child { border-radius: 6.0px 0 0; } + +.storage-bar .fill-block:last-child { border-radius: 0 6.0px 0 0; } + +.storage-bar .fill-block:only-child { border-radius: 6.0px 6.0px 0 0; } + +.storage-bar .fill-block image { -gtk-icon-style: symbolic; } + +.storage-bar .empty-block { border-bottom-width: 1px; border-bottom-color: shade(@borders,0.6); background-color: shade(@view_bg_color,0.95); } + +.storage-bar .empty-block image { color: black; } + +.storage-bar .app { border-bottom-width: 1px; border-bottom-color: shade(#dc8add,0.7); background-color: #dc8add; } + +.storage-bar .app image { color: white; } + +.storage-bar .audio { border-bottom-width: 1px; border-bottom-color: shade(#ffa348,0.8); background-color: #ffa348; } + +.storage-bar .audio image { color: black; } + +.storage-bar .files { border-bottom-width: 1px; border-bottom-color: shade(#99c1f1,0.8); background-color: #99c1f1; } + +.storage-bar .files image { color: black; } + +.storage-bar .photo { border-bottom-width: 1px; border-bottom-color: shade(#57e389,0.7); background-color: #57e389; } + +.storage-bar .photo image { color: black; } + +.storage-bar .video { border-bottom-width: 1px; border-bottom-color: shade(#f66151,0.8); background-color: #f66151; } + +.storage-bar .video image { color: white; } + +.storage-bar .legend { border-radius: 50%; } + +.storage-bar .legend image { color: black; } + +.storage-bar .disk-bar { border-radius: 6.0px; background-color: #cdab8f; } + +.storage-bar .ext2, .storage-bar .ext3, .storage-bar .ext4, .storage-bar .fat16, .storage-bar .fat32, .storage-bar .btrfs, .storage-bar .xfs, .storage-bar .ntfs, .storage-bar .luks, .storage-bar .lvm, .storage-bar .none, .storage-bar .swap, .storage-bar .unused { border: none; box-shadow: inset 0 -2px rgba(94, 92, 100, 0.5), inset 1px 0 rgba(94, 92, 100, 0.5), inset -1px 0 rgba(94, 92, 100, 0.5); } + +.storage-bar .swap { background-color: #a51d2d; } + +.storage-bar .swap image { color: white; } + +.storage-bar .ext4 { background-color: #57e389; } + +.storage-bar .ext4 image { color: black; } + +.storage-bar .ext3 { background-color: #26a269; } + +.storage-bar .ext3 image { color: white; } + +.storage-bar .ext2 { background-color: #8ff0a4; } + +.storage-bar .ext2 image { color: black; } + +.storage-bar .fat16, .storage-bar .fat32 { background-color: #f8e45c; } + +.storage-bar .fat16 image, .storage-bar .fat32 image { color: black; } + +.storage-bar .btrfs { background-color: #1a5fb4; } + +.storage-bar .btrfs image { color: white; } + +.storage-bar .xfs { background-color: #99c1f1; } + +.storage-bar .xfs image { color: black; } + +.storage-bar .ntfs { background-color: #ffa348; } + +.storage-bar .ntfs image { color: black; } + +.storage-bar .luks { background-color: #c061cb; } + +.storage-bar .luks image { color: black; } + +.storage-bar .lvm { background-color: #dc8add; } + +.storage-bar .lvm image { color: black; } + +.storage-bar .none { background-color: #99c1f1; } + +.storage-bar .none image { color: black; } + +.storage-bar .unused { background-color: #cdab8f; } + +.storage-bar .unused image { color: black; } + +.storage-bar .legend { box-shadow: none; } + +GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } + +GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: @accent_bg_color; } + +GraniteWidgetsPopOver > .frame { border: none; } + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } + +GraniteWidgetsStaticNotebook .frame { border: none; } + +.popover_bg { background-color: @view_bg_color; background-image: none; border: 1px solid @view_bg_color; color: @window_fg_color; } + +.deck { background-color: @view_bg_color; } + +paper, +.card { + transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1); + border: 1px solid @transparent_borders; + background-color: @view_bg_color; + box-shadow: none; } + +paper, paper.rounded, .card, .card.rounded { border-radius: 6.0px; } + +paper.collapsed, .card.collapsed { background-color: @window_bg_color; } + +.source-list { background-color: @window_bg_color; border: solid @transparent_borders; color: @window_fg_color; border-right-width: 1px; } + +.source-list .category-expander { color: transparent; } + +.source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: @window_bg_color; border-radius: 6.0px; border-width: 0; } + +.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: shade(@window_bg_color,0.95); } + +.source-list row, .source-list .list-row { border: none; } + +.avatar { border-radius: 9999px; box-shadow: none; } + +scale.temperature trough { background-image: linear-gradient(to right, rgba(153, 193, 241, 0.4), #c0bfbc, #f9f06b); } + +scale.temperature:dir(rtl) trough { background-image: linear-gradient(to left, rgba(153, 193, 241, 0.4), #c0bfbc, #f9f06b); } + +scale.warmth trough { background-image: linear-gradient(to right, rgba(249, 240, 107, 0.4), rgba(229, 165, 10, 0.6)); } + +scale.warmth:dir(rtl) trough { background-image: linear-gradient(to left, rgba(249, 240, 107, 0.4), rgba(229, 165, 10, 0.6)); } + +.terminal, .terminal text { background-color: #3d3846; color: white; font-family: monospace; } + +.terminal selection, .terminal text selection { background-color: @accent_bg_color; color: white; } + +.terminal:backdrop, .terminal text:backdrop { background-color: #5e5c64; color: white; } + +.welcome { font-size: 10pt; text-shadow: none; } + +.welcome .h1, .welcome .h3 { color: shade(@window_fg_color,1.2); } + +.checkerboard { box-shadow: 0px 1px 2px 0px alpha(@transparent_borders,0.5), 0px 0px 0px 1px alpha(@transparent_borders,0.5), 0px 2px 0px 0px alpha(@transparent_borders,0.5); border-radius: 6.0px; } + +/* Gedit */ + +.gedit-search-slider { background: @window_bg_color; border: 1px solid @transparent_borders; border-top-style: none; border-radius: 0 0 6.0px 6.0px; } + +.gedit-document-panel { background-color: @window_bg_color; } + +.gedit-document-panel row button { border: none; } + +.gedit-document-panel row:hover button:hover { background-color: @transparent_borders; } + +.gedit-document-panel row:hover button:active { background-color: alpha(currentColor,0.3); } + +.gedit-document-panel row:hover:selected button:hover { color: @window_fg_color; } + +/* Nautilus */ + +/* this remove unnecesary padding */ +.nautilus-list-view columnview { margin-left: -24px; margin-right: -24px; } + +.nautilus-list-view .view{background-color: @window_base_color; background-image: image(@window_base_color);} + +.nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { border-radius: 6.0px; border: none; color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@headerbar_bg_color,0.9); } + +.nautilus-window headerbar .path-bar-box:backdrop, .nautilus-window .titlebar .path-bar-box:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } + +.nautilus-window headerbar .nautilus-path-bar, .nautilus-window .titlebar .nautilus-path-bar { border-radius: 6.0px; color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@headerbar_bg_color,0.9); } + +.nautilus-window headerbar .nautilus-path-bar:backdrop, .nautilus-window .titlebar .nautilus-path-bar:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).current-dir, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).current-dir { border-width: 0px; border-radius: 6.0px; background-color: transparent; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton):not(.current-dir), .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton):not(.current-dir) { border-width: 0px; border-radius: 6.0px; background-color: transparent; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover { color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@window_bg_color,0.7); box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover:hover, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover:hover { background-color: mix(currentColor,@window_bg_color,0.65); } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover *, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover * { opacity: 1; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover:backdrop, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton):not(.current-dir):hover:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),shade(mix(@headerbar_backdrop_color,@view_bg_color,0.15),0.92),0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.7); } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup { color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@headerbar_bg_color,0.9); border-radius: 0 6.0px 6.0px 0; border-left: 1px solid @transparent_borders; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup image, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup image { color: @headerbar_fg_color; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup:hover, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup:hover { color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@headerbar_bg_color,0.853); box-shadow: none; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup:checked, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup:checked { color: @headerbar_fg_color; outline-color: alpha(@headerbar_fg_color,0.3); background-color: mix(currentColor,@headerbar_bg_color,0.7); box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup:checked:hover, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup:checked:hover { background-color: mix(currentColor,@headerbar_bg_color,0.65); } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup:backdrop, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; border-left: 1px solid @transparent_borders; } + +.nautilus-window headerbar .nautilus-path-bar button:not(.titlebutton).toggle.popup:backdrop:hover, .nautilus-window .titlebar .nautilus-path-bar button:not(.titlebutton).toggle.popup:backdrop:hover { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); outline-color: alpha(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),0.3); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); } + +.nautilus-window .path-buttons-box { border: 2px solid transparent; } + +.nautilus-window .linked.raised button.image-button:not(:only-child), .nautilus-window .linked.raised button.image-button:not(:only-child):backdrop, .nautilus-window .linked.raised button.image-button:not(:only-child):disabled, .nautilus-window .linked.raised button.image-button:not(:only-child):backdrop:disabled { border: none; } + +.nautilus-window .linked button.disclosure-button:not(:hover):not(:checked):not(:active), .nautilus-window .linked button.disclosure-button:not(:hover):not(:checked):not(:active):backdrop, .nautilus-window .linked .image-button:not(:hover):not(:checked):not(:active):not(.model), .nautilus-window .linked .image-button:not(:hover):not(:checked):not(:active):not(.model):backdrop { background-color: transparent; } + +.nautilus-window .search + .toggle.popup { border-left-color: @transparent_borders; } + +.nautilus-window .view .dim-label, .nautilus-window .view dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .subtitle, dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .nautilus-window .view .subtitle, .nautilus-window iconview .dim-label, .nautilus-window iconview dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .subtitle, dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .nautilus-window iconview .subtitle, .nautilus-window .view label.separator, .nautilus-window iconview label.separator, .nautilus-window .view headerbar .subtitle, headerbar .nautilus-window .view .subtitle, .nautilus-window iconview headerbar .subtitle, headerbar .nautilus-window iconview .subtitle, .nautilus-window .view .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .view .subtitle, .nautilus-window iconview .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window iconview .subtitle { color: alpha(@window_fg_color,0.55); } + +.nautilus-window .thumbnail { box-shadow: 0px 1px 2px 0px alpha(@transparent_borders,0.5), 0px 0px 0px 1px alpha(@transparent_borders,0.5), 0px 2px 0px 0px alpha(@transparent_borders,0.5); border-radius: 6.0px; } + +.nautilus-window .operations-list, .nautilus-window .operations-list > :hover { background: none; } + +.nautilus-window .nautilus-canvas-item { border-radius: 0px; } + +.nautilus-window .nautilus-canvas-item.label-text { border-radius: 6.0px; } + +.nautilus-window .nautilus-list-view .view:selected, .nautilus-window .nautilus-list-view iconview:selected { background-color: alpha(currentColor,0.1); color: @view_fg_color; } + +.nautilus-window .nautilus-list-view .view:selected:hover, .nautilus-window .nautilus-list-view iconview:selected:hover { background-color: alpha(currentColor,0.13); } + +.nautilus-window .nautilus-list-view .view:hover, .nautilus-window .nautilus-list-view iconview:hover { background-color: transparent; } + +.floating-bar { background-color: @view_bg_color; border-width: 1px; border-style: solid solid none; border-color: @transparent_borders; border-radius: 6.0px 0 0 0; } + +.floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } + +.floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; } + +.disk-space-display { border-style: solid; border-width: 2px; } + +.disk-space-display.unknown { background-color: #888a85; border-color: shade(#888a85, 0.7); color: #888a85; } + +.disk-space-display.unknown.border { color: shade(#888a85, 0.7); } + +.disk-space-display.used { background-color: #729fcf; border-color: shade(#729fcf, 0.7); color: #729fcf; } + +.disk-space-display.used.border { color: shade(#729fcf, 0.7); } + +.disk-space-display.free { background-color: #eeeeec; border-color: shade(#eeeeec, 0.7); color: #eeeeec; } + +.disk-space-display.free.border { color: shade(#eeeeec, 0.7); } + +list.tweak-categories separator.horizontal { background: transparent; } + +.tweak-group .tweak list { border-radius: 6.0px; border: 1px solid @borders; } + +.org-gnome-Todo taskrow.activatable.new-task-row button.popup.toggle { border-radius: 0px; border: none; border-left: 1px solid @transparent_borders; } + +.org-gnome-Todo viewport.view, .org-gnome-Todo listbox.transparent { background-color: shade(@view_bg_color,0.95); } + +.org-gnome-Todo viewport.view:backdrop, .org-gnome-Todo listbox.transparent:backdrop { background-color: @window_bg_color; } + +window#guake-terminal notebook header { background: @headerbar_bg_color; } + +/* Xfce */ + +XfdesktopIconView.view { background: transparent; color: rgba(255, 255, 255, 0.9); border-radius: 6.0px; } + +XfdesktopIconView.view:active { background: alpha(mix(black,@accent_bg_color,0.85),0.5); text-shadow: 0 1px 1px black; } + +XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; } + +XfdesktopIconView.view .rubberband { border-radius: 0; } + +.xfce4-panel.background { border: none; background-color: @panel_bg_color; color: @panel_fg_color; transition-duration: 250ms; } + +.xfce4-panel.background button { border-radius: 9999px; color: @panel_fg_color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.xfce4-panel.background button:disabled { background-color: transparent; color: alpha(@panel_fg_color,0.2); } + +.xfce4-panel.background button:hover:not(:active):not(:checked) { color: @panel_fg_color; background-color: alpha(@panel_fg_color,0.25); background-image: none; } + +.xfce4-panel.background button:checked { background-color: alpha(@panel_fg_color,0.2); color: @panel_fg_color; } + +.xfce4-panel.background button:checked:hover { background-color: alpha(@panel_fg_color,0.35); } + +.xfce4-panel.background button:checked:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: alpha(@panel_fg_color,0.2); } + +.xfce4-panel.background button entry { caret-color: @view_fg_color; } + +.xfce4-panel.background button menu { text-shadow: none; } + +.xfce4-panel.background button menu .linked button { color: @view_fg_color; outline-color: alpha(@view_fg_color,0.3); background-color: mix(currentColor,@popover_bg_color,0.9); } + +.xfce4-panel.background button menu .linked button:disabled { color: @insensitive_fg_color; background-color: mix(currentColor,@window_bg_color,0.9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; border-color: alpha(@transparent_borders,0.5); } + +/* Nemo */ + +.caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: @accent_fg_color; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } + +.nemo-properties-dialog toolbar stackswitcher.linked button:backdrop { color: @insensitive_fg_color; background-color: @window_bg_color; } + +.nemo-window .sidebar scrolledwindow.frame.nemo-places-sidebar { border: none; } + +.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview { background-image: image(@window_bg_color); border-radius: 0; } + +.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview:selected { background: @accent_bg_color; } + +.nemo-window .sidebar viewport.frame box.vertical treeview.view.places-treeview:not(:selected):not(:backdrop):hover { background-image: image(alpha(@window_fg_color,0.05)); } + +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { background-color: @window_bg_color; } + +.nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 6.0px; color: @window_fg_color; border-color: @accent_bg_color; background-color: @window_bg_color; } + +.nemo-window .nemo-window-pane widget.entry:selected { border: 1px solid; border-radius: 6.0px; color: @accent_fg_color; border-color: @accent_bg_color; background-color: @accent_bg_color; } + +.nemo-window toolbar.horizontal.primary-toolbar { border-bottom: 1px solid @transparent_borders; } + +.nemo-window toolbar.horizontal.primary-toolbar widget.linked.raised button:first-child widget { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +.nemo-window toolbar.horizontal.primary-toolbar widget.linked.raised button:last-child widget { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +.view.places-treeview{ padding: 4px 0;} + +/* Chromium */ + +window.background.chromium { background-color: @window_bg_color; } + +window.background.chromium entry, window.background.chromium > button { border-color: mix(currentColor,@window_bg_color,0.73); background-color: mix(currentColor,@window_bg_color,0.8); } + +window.background.chromium textview.view { background-color: @view_bg_color; } + +menubar.chromium {background-color: @window_bg_color; color:@window_fg_color;} +menu.chromium{ box-shadow: none;} + +/* Firefox */ + +#MozillaGtkWidget.background button { font-weight: initial; } + +#MozillaGtkWidget.background scrollbar slider { background-color: alpha(currentColor,0.4); } + +#MozillaGtkWidget.background scrollbar slider:hover { background-color: alpha(currentColor,0.6); } + +#MozillaGtkWidget.background menuitem, +menuitem.chromium{ border-radius: 0px;} + +/* Builder */ + +.titlebar .navigation-box.linked button:not(:only-child):not(:hover):not(:active), .titlebar .navigation-box.linked button:not(:only-child):disabled:not(:hover):not(:active), .titlebar .navigation-box.linked button:not(:only-child):backdrop:not(:hover):not(:active) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +.titlebar .navigation-box.linked button:not(:only-child):last-child, .titlebar .navigation-box.linked button:not(:only-child):disabled:last-child, .titlebar .navigation-box.linked button:not(:only-child):backdrop:last-child { border-left-color: transparent; } + +dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected, dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected:hover { background-color: @accent_bg_color; } + +dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected .subtitle { color: @accent_fg_color; } + +dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected image { color: @accent_fg_color; } + +.org-gnome-Builder .dzlmenubuttonitem { font-weight: normal; } + +terminal-window notebook scrollbar slider { border-width: 3px; } + +/* Mate */ + +.mate-panel-menu-bar { background-color: @panel_bg_color;} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar button, +#PanelApplet-window-menu-applet-button +{ background-color: transparent; color: @panel_fg_color; box-shadow: none;} + +window.background.caja-navigation-window #Toolbar { border-bottom: 1px solid @borders; } + +.caja-pathbar button { border-radius: 0; border-right-width: 0; } + +.caja-pathbar button.slider-button:nth-child(odd) { border-radius: 6.0px 0px 0px 6.0px; } + +.caja-pathbar button.slider-button:nth-child(even) { border-radius: 0 6.0px 6.0px 0; border-right-width: 1px; } + +.caja-side-pane .frame { border-style: solid none none none; } + +.caja-notebook .view, .caja-notebook iconview, .caja-notebook .view.frame, .caja-notebook .frame { border-left: 0; border-right: 0; } + +.caja-side-pane + separator + box:backdrop { background: @window_bg_color; } + +.caja-navigation-window widget.view widget.entry, .caja-desktop-window widget.view widget.entry { background: mix(currentColor,@window_bg_color,0.95); color: @window_fg_color; border-color: @transparent_borders; } + +.caja-navigation-window widget.view widget.entry:selected, .caja-desktop-window widget.view widget.entry:selected { background: @accent_bg_color; color: @accent_fg_color; } + +#gnc-id-main-window treeview.view:not(:selected):hover { background-color: mix(currentColor,@view_bg_color,0.93); } + +/* Geary */ + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content { background-color: @window_bg_color; border: none; border-radius: 0; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { border: 1px solid @transparent_borders; border-bottom-width: 0; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { border-top-left-radius: 6.0px; border-top-right-radius: 6.0px; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { border-radius: 0 0 6.0px 6.0px; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { background-color: transparent; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { border-radius: 0 0 6.0px 6.0px; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor > box.background { background-color: transparent; } + +geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content geary-composer-editor > box.background > actionbar > revealer > box { border-radius: 0 0 6.0px 6.0px; } + +geary-conversation-viewer#conversation_viewer searchbar > revealer > box { background-color: @view_bg_color; border-color: @transparent_borders; } + +.geary-folder-popover-list-row { border-radius: 0; } + +#DialogNotebook treeview.view:hover { background-color: alpha(@accent_bg_color,0.5); } + +/* Budgie */ + +.budgie-settings-window buttonbox.inline-toolbar { border-left: none; border-right: none; background-image: none; background-color: @gtk_sidebar_color; padding: 6px;} + +.budgie-popover border, +.budgie-popover frame +{ border-style: none;} + +.budgie-panel button{border-radius: 0px;} + +.budgie-popover modelbutton, +.budgie-popover.sound-popover .linked button.flat, +.budgie-popover.sound-popover .linked button.flat:first-child, +.budgie-popover.sound-popover .linked button.flat:last-child, +.budgie-popover.sound-popover .linked button.flat:only-child, +.budgie-popover button.flat, +.budgie-menu .categories button.flat, +.budgie-popover row.activatable, +.budgie-popover .sidebar .frame row.activatable, +.budgie-popover list .menuitem, +.budgie-popover, +.budgie-popover button.flat:hover, +.budgie-menu .categories button.flat:checked, +.budgie-popover row.activatable:selected, +.budgie-popover row.activatable:selected:hover, +.budgie-popover .sidebar .frame row.activatable:hover, +.budgie-popover .sidebar .frame row.activatable:selected, +.budgie-popover list .menuitem:hover, +.budgie-run-dialog, +.budgie-run-dialog list, +.budgie-session-dialog decoration, +.budgie-polkit-dialog decoration, +.budgie-run-dialog decoration, +.budgie-session-dialog.background.csd, +.budgie-polkit-dialog.background.csd, +.budgie-run-dialog.background.csd, +.drop-shadow flowbox flowboxchild +{border-radius: 6.0px;} + +.drop-shadow, +.raven .raven-background, +.raven-notifications-view list box.vertical row, +.raven button:not(.flat), +.drop-shadow button:not(.flat), +.budgie-panel button:not(.launcher):not(.flat) +{background-color: mix(@panel_bg_color,white,0.2);} + +.raven { + background-color: alpha(shade(@panel_bg_color,0.9),0.9); + box-shadow: 0 0 0 1px @transparent_borders; + color: @panel_fg_color; + border-radius: 0px; + margin: 0px; +} + +.budgie-container, +.budgie-notification-window, +.budgie-switcher-window, +.budgie-osd-window, +.devices-list, +.budgie-popover .view:not(calendar), +.budgie-popover list, +.budgie-run-dialog list +{background-color: transparent;} + +.raven stack .frame, +.raven-background stackswitcher.linked{ padding: 8px;} +.raven .raven-header.top stackswitcher.linked{ padding-top: 8px;} + +.raven-header{font-weight: bold;} + +.drop-shadow, +.raven-notifications-view list box.vertical row, +.raven .raven-background +{ color: @panel_fg_color;} + +.raven .raven-header.top stackswitcher.linked button, +.raven .raven-header.top stackswitcher.linked button:checked{ font-weight: bold;} + +frame.raven-frame > border {border: none;} + +.raven .raven-background{ border-radius: 6.0px;} +widget.raven-background{ border: 1px solid @transparent_borders;} + +.raven button.flat{} + +calendar.raven-calendar { color: inherit; border-radius: 0px; border-color: transparent; background-color: transparent; border-style: solid;} + +calendar.raven-calendar :selected {color: @panel_bg_color; background-color: @panel_fg_color; border-radius: 6.0px;} + +.raven-mpris {background-color: alpha(@panel_fg_color,0.6); color: @panel_bg_color; margin: 0px; border-radius: 0 0 6.0px 6.0px;} +.raven-mpris button{ color: @panel_bg_color;} + +.raven .powerstrip{box-shadow: inset 0 1px @transparent_borders;} +.raven .powerstrip button{padding: 8px;} +.raven > box {margin-bottom: -12px;} + +.drop-shadow flowbox flowboxchild:selected{background-color: alpha(@window_fg_color,0.2);} + +.drop-shadow, +.raven-notifications-view list box.vertical row +{ + border-radius: 6.0px ; + box-shadow: 0 0 0 1px @transparent_borders; + border: none; +} + +.drop-shadow, +.budgie-session-dialog button, +.budgie-polkit-dialog button{padding: 8px; } + +.notification-clone{ padding-left: 16px;} + +scrolledwindow.raven-background list row{ margin: 4px 0px;} + +/* this fix the space on notifications */ +.raven-notifications-group { margin: 2px;} +.raven-notifications-group list{ margin: 0 0 0 -4px;} +.raven-notifications-view list box.vertical row{margin: 4px 0;} +.raven list box.vertical row button.flat{ margin: 4px; } +.raven-notifications-group-header button{ margin: 4px 0;} + +/* this removes the "useless" icon on notifications header */ +.raven-notifications-view .raven-header{margin: 0 4px 0 -24px;} +.raven-notifications-view .raven-header image{ color: transparent;} +.raven-notifications-view .raven-header button image{ color: currentcolor;} + +.raven-notifications-view .raven-background, +.raven-notifications-view .raven-background list, +window box.vertical scrolledwindow .frame .raven-background stack list +{ background-color: transparent; background-image: none; border: none; box-shadow: none; } + +.raven-notifications-view row.activatable:selected, +.raven-notifications-view row.activatable:hover { background-image: none; color: inherit;} + +.budgie-notification .notification-title, +.budgie-switcher .notification-title, +.budgie-osd .budgie-osd-text, +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { font-size: 120%;} + +.budgie-run-dialog { border-radius: 6.0px; box-shadow: none; } + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 8px 12px; + border-image: none; + box-shadow: none; + background-color: transparent; + border-color: transparent; +} + +.budgie-polkit-dialog .message { color: @insensitive_fg_color;} + +.budgie-polkit-dialog .failure { color: @error_color;} + +.raven scrollbar slider {background-color: @panel_fg_color;} + +/* Budgie Panel */ + +button.flat.launcher, +.budgie-panel button.budgie-menu-launcher{-gtk-icon-shadow: 0 1px 2px @shadow;} + +.budgie-panel button.toggle:not(.image-button) { padding: 0px; } + +.budgie-panel label, +.budgie-panel image, +.budgie-panel separator +{color: @panel_fg_color;} + +.budgie-panel{background-color: alpha(@panel_bg_color,0.9); transition: all 600ms ease-out; text-shadow: none; -gtk-icon-shadow: none; } + +.budgie-panel.transparent {background-color: transparent; text-shadow: 0px 1px 1px @panel_bg_color; -gtk-icon-shadow: 0px 1px 1px @panel_bg_color; } + +.bottom .budgie-panel.transparent{background-image: linear-gradient(to bottom, transparent, alpha(@panel_bg_color,0.3));} +.top .budgie-panel.transparent{background-image: linear-gradient(to top, transparent, alpha(@panel_bg_color,0.3));} +.left .budgie-panel.transparent{background-image: linear-gradient(to left, transparent, alpha(@panel_bg_color,0.3));} +.right .budgie-panel.transparent{background-image: linear-gradient(to right, transparent, alpha(@panel_bg_color,0.3));} + +.bottom .budgie-panel{box-shadow: 0 -1px @transparent_borders;} +.top .budgie-panel{box-shadow: 0 1px @transparent_borders;} +.left .budgie-panel{box-shadow: 1px 0 @transparent_borders;} +.right .budgie-panel{box-shadow: -1px 0 @transparent_borders;} + +.bottom .budgie-panel.transparent, +.top .budgie-panel.transparent, +.left .budgie-panel.transparent, +.right .budgie-panel.transparent +, +.bottom .dock-mode, +.top .dock-mode, +.left .dock-mode, +.right .dock-mode +{box-shadow:none;} + +.budgie-panel .alert {color: @error_color;} + +.budgie-panel image{padding: 0 8px;} + +.budgie-panel .end-region image, +.budgie-panel button.budgie-menu-launcher image{padding:0;} + +.budgie-panel label{padding: 0 4px;font-weight: bold;} + +.budgie-panel button.budgie-menu-launcher image{ -gtk-icon-transform: scale(0.67); } + +.budgie-panel .end-region{ + margin: 0px; + border-radius: 0px; + box-shadow: none; + background-color: transparent; + } + +.budgie-panel button.flat{background: none; box-shadow: none; padding: 0; margin: 0;} + +.dock-mode{ + margin: 4px; + border-radius: 6.0px; + border: 1px solid @transparent_borders; +} + +.budgie-panel button:not(.launcher):not(.flat){ color: @panel_fg_color; margin: 2px;} + +.budgie-panel button.launcher.flat, +.budgie-panel button.budgie-menu-launcher +{ + background: none; + border: none; + border-radius: 0; + color: @panel_fg_color; + background-clip: border-box; +} + +/* Budgie Popover */ + +.budgie-popover .container { color: @window_fg_color; } + +.budgie-popover{ box-shadow: 0 0 0 1px currentcolor, 0 1px 2px @menu_shadow; color: @transparent_borders;}/* this give the popover look*/ + +.budgie-popover button.flat.switcher, .switcher{color: inherit; background: none;}/* budgie application-menu applet*/ + +.budgie-popover row:hover, +.budgie-popover button.flat:hover, +.budgie-menu .categories button.flat:checked, +.budgie-popover row.activatable:selected, +.budgie-popover .sidebar .frame row.activatable:hover, +.budgie-popover .sidebar .frame row.activatable:selected {box-shadow: none;} + +.budgie-popover separator{ margin: 4px 0;} + +.budgie-popover modelbutton, +.budgie-popover list .menuitem, +.budgie-popover .container, +.budgie-popover.user-menu .container {padding: 6px;} + +.budgie-menu .container{padding: 3px;} + +.budgie-popover.sound-popover .container, +.budgie-popover row {padding: 0;} + +.budgie-popover .sidebar, +.budgie-popover .sidebar row{ border: none; padding: 6px 0;} + +.budgie-menu .categories button.flat, +.budgie-popover .sidebar .frame row.activatable{padding: 8px 0; margin: 2px 4px; border: none;} + +.budgie-popover.budgie-menu entry.search {font-size: 120%; margin: 6px;} + +.budgie-menu .sidebar .frame{background-color: transparent;} + +.budgie-popover row.activatable, +.budgie-popover scrolledwindow list, +.budgie-popover .sidebar .frame, +.budgie-popover button.flat {animation: none; transition: none; background-color: transparent; background-image: none;} diff --git a/Pink-Angel/general/gtk-dark.css b/Pink-Angel/general/gtk-dark.css new file mode 100755 index 0000000..bf06a69 --- /dev/null +++ b/Pink-Angel/general/gtk-dark.css @@ -0,0 +1,38 @@ + +@import url("gtk-base.css"); +@import url("gtk-version.css"); +@import url("titlebar-dark.css"); + +@define-color window_bg_color #333; +@define-color window_fg_color mix(white,@window_bg_color,0.2); + +@define-color altbar_bg_color mix(@window_bg_color,black,0.2); + +@define-color view_bg_color mix(@window_bg_color,white,0.1); +@define-color view_fg_color @window_fg_color; + +@define-color accent_bg_color mix(@accent_color,white,0.3); +@define-color accent_fg_color black; + +@define-color borders mix(black,@window_bg_color,0.5); +@define-color transparent_borders alpha(black,0.5); + +@define-color shadow alpha(black,0.5); +@define-color button_shadow alpha(black,0.1); +@define-color menu_shadow alpha(black,0.1); + +@define-color destructive_bg_color mix(@red_2,white,0.15); +@define-color destructive_fg_color white; +@define-color destructive_color @destructive_bg_color; + +@define-color success_bg_color @green_2; +@define-color success_fg_color white; +@define-color success_color @success_bg_color; + +@define-color warning_bg_color @orange_2; +@define-color warning_fg_color black; +@define-color warning_color @warning_bg_color; + +@define-color error_bg_color @destructive_bg_color; +@define-color error_fg_color @destructive_fg_color; +@define-color error_color @destructive_bg_color; diff --git a/Pink-Angel/general/gtk-light.css b/Pink-Angel/general/gtk-light.css new file mode 100755 index 0000000..50d2840 --- /dev/null +++ b/Pink-Angel/general/gtk-light.css @@ -0,0 +1,38 @@ + +@import url("gtk-base.css"); +@import url("gtk-version.css"); +@import url("titlebar.css"); + +@define-color window_bg_color #eee; +@define-color window_fg_color mix(black,@window_bg_color,0.2); + +@define-color altbar_bg_color mix(@window_bg_color,black,0.05); + +@define-color view_bg_color mix(@window_bg_color,white,0.5); +@define-color view_fg_color @window_fg_color; + +@define-color accent_bg_color @accent_color; +@define-color accent_fg_color white; + +@define-color borders mix(black,@window_bg_color,0.8); +@define-color transparent_borders alpha(black,0.2); + +@define-color shadow alpha(black,0.5); +@define-color button_shadow alpha(black,0.1); +@define-color menu_shadow alpha(black,0.1); + +@define-color destructive_bg_color @red_2; +@define-color destructive_fg_color white; +@define-color destructive_color @destructive_bg_color; + +@define-color success_bg_color @green_5; +@define-color success_fg_color white; +@define-color success_color @success_bg_color; + +@define-color warning_bg_color @orange_3; +@define-color warning_fg_color black; +@define-color warning_color @warning_bg_color; + +@define-color error_bg_color @destructive_bg_color; +@define-color error_fg_color @destructive_fg_color; +@define-color error_color @destructive_bg_color; diff --git a/Pink-Angel/general/gtkrc-dark b/Pink-Angel/general/gtkrc-dark new file mode 100755 index 0000000..c4c96ff --- /dev/null +++ b/Pink-Angel/general/gtkrc-dark @@ -0,0 +1,245 @@ +gtk_color_scheme = "fg_color:#fff\nbg_color:#2f2f2f\nbase_color:#444\ntext_color:#fff\nselected_bg_color:#fb87b1\nselected_fg_color:#000\ntooltip_bg_color:#000\ntooltip_fg_color:#fff" + +style "default" +{ + xthickness = 2 + ythickness = 2 + + GtkEntry::cursor_color = @fg_color + GtkEntry::cursor_aspect_ratio = 0.05 + + GtkRange::stepper-size = 20 + GtkScale ::slider-length = 20 + GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider + + GtkTextView::cursor_aspect_ratio = 0.1 + GtkTextView::cursor_color = @fg_color + + GtkTreeView::expander-size = 16 + + GtkWidget::focus-padding = 0 + GtkWidget::interior_focus = 2 + GtkWidget::link-color = @selected_bg_color + GtkWidget::visited-link-color = shade(0.8,@selected_bg_color) + + GtkToolbar :: shadow-type = GTK_SHADOW_NONE + GtkMenuBar :: shadow-type = GTK_SHADOW_NONE + + GtkToolbar ::internal-padding = 4 + + GtkScrollbar ::has-backward-stepper = 0 + GtkScrollbar ::has-forward-stepper = 0 + + GtkCheckButton ::indicator-size = 16 + + GtkProgressBar ::min-vertical-bar-width = 6 + GtkProgressBar ::min-horizontal-bar-height = 6 + + fg[NORMAL] = @fg_color # this is the color of borders + text[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + text[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + text[ACTIVE] = @fg_color + fg[SELECTED] = @fg_color + text[SELECTED] = @fg_color + fg[INSENSITIVE] = mix(0.5, @base_color, @fg_color) + text[INSENSITIVE] = mix(0.5, @base_color, @fg_color) + + bg[NORMAL] = @bg_color + base[NORMAL] = @base_color + bg[PRELIGHT] = @bg_color + base[PRELIGHT] = @bg_color + bg[ACTIVE] = mix(0.25,@fg_color,@bg_color) + base[ACTIVE] = mix(0.1,@fg_color,@base_color) + bg[SELECTED] = @selected_bg_color + base[SELECTED] = mix(0.1,@fg_color,@base_color) + bg[INSENSITIVE] = @bg_color + base[INSENSITIVE] = @bg_color + + engine "murrine" +{ + contrast = 5.0 + arrowstyle = 2 #to draw filled arrows. + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight + gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1} + highlight_shade = 1.0 # set highlight amount for buttons or widgets + lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets + lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides + focusstyle = 1 + reliefstyle = 0 + menustyle = 0 + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + progressbarstyle = 0 + border_shades = { 1.0, 1.0 } # this for light borders +} + +} + +style "entry" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" {border_colors = { "#000", "#000"}} +} + +style "button" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" { roundness = 3 border_shades = { 1.0, 1.0 } } + + bg[NORMAL] = @base_color + bg[PRELIGHT] = mix(0.05, @fg_color,@base_color) + bg[ACTIVE] = mix(0.1, @fg_color,@base_color) +} + +style "radiocheck" +{ + text[NORMAL] = @selected_fg_color # Text in window + text[PRELIGHT] = @selected_fg_color # Text on Mouseover + text[ACTIVE] = @selected_fg_color # Text on click + + bg[SELECTED] = @selected_bg_color +} + +style "progressbar" +{ + xthickness = 0 + ythickness = 0 + + engine "murrine" {contrast = 0.0 } + + fg[PRELIGHT] = @selected_fg_color +} + +style "scale" +{ + GtkRange ::slider-width = 14 + GtkScale ::slider-length = 14 + GtkScale ::trough-side-details = 1 + + engine "murrine" {roundness = 9999 contrast = 0.0 } + + bg[NORMAL] = @selected_bg_color + bg[PRELIGHT] = @selected_bg_color +} + +style "menubar" +{ +} + +style "menubaritem" +{ + fg[NORMAL] = @fg_color +} + +style "menu" +{ + xthickness = 1 + ythickness = 4 + + bg[NORMAL] = @bg_color + +} + +style "menuitem" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" { contrast = 0.0} + + bg[SELECTED] = mix(0.1,@fg_color,@bg_color) + + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + fg[PRELIGHT] = @fg_color +} + +style "menu-separator" +{ + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + xthickness = 1 + ythickness = 2 + + engine "hcengine" { edge_thickness = 1} + fg[NORMAL] = "#000" +} + +style "separator" +{ + engine "hcengine" { edge_thickness = 1} + fg[NORMAL] = "#000" +} + +style "toolbar" +{ + +} + +style "scrollbar" +{ + engine "murrine" { contrast = 0.0 border_shades = { 0.7, 0.7 } gradient_shades = {1.0, 1.0, 1.0, 1.0} } + bg[SELECTED] = mix(0.5,@fg_color, @base_color) +} + +style "notebook" +{ + xthickness = 5 + ythickness = 2 + + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "tooltips" +{ + xthickness = 6 + ythickness = 6 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color +} + +class "GtkWidget" style "default" + +class "GtkEntry" style "entry" +widget_class "*" style "button" +class "GtkRadio*" style "radiocheck" +class "GtkCheck*" style "radiocheck" +widget_class "*" style "progressbar" +class "GtkScale" style "scale" + +class "GtkFrame" style "separator" +class "GtkSeparator" style "separator" +class "GtkVSeparator" style "separator" +class "GtkHSeparator" style "separator" +class "GtkSeparatorToolItem" style "separator" + +class "GtkMenuBar" style "menubar" +widget_class "*MenuBar.*" style "menubaritem" +class "GtkMenu" style "menu" +widget_class "**" style "menuitem" +widget_class "**" style "menu-separator" + +class "GtkToolbar" style "toolbar" +class "GtkScrollbar" style "scrollbar" +widget "gtk-tooltip*" style "tooltips" + +widget_class "**" style "notebook" +widget_class "**" style "notebook" +widget_class "**" style "notebook" +widget_class "***" style "notebook_viewport" +widget_class "*" style "notebook" diff --git a/Pink-Angel/general/gtkrc-light b/Pink-Angel/general/gtkrc-light new file mode 100755 index 0000000..021a2ff --- /dev/null +++ b/Pink-Angel/general/gtkrc-light @@ -0,0 +1,245 @@ +gtk_color_scheme = "fg_color:#000\nbg_color:#f0f0f0\nbase_color:#fff\ntext_color:#000\nselected_bg_color:#F9548F\nselected_fg_color:#fff\ntooltip_bg_color:#000\ntooltip_fg_color:#fff" + +style "default" +{ + xthickness = 2 + ythickness = 2 + + GtkEntry::cursor_color = @fg_color + GtkEntry::cursor_aspect_ratio = 0.05 + + GtkRange::stepper-size = 20 + GtkScale ::slider-length = 20 + GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider + + GtkTextView::cursor_aspect_ratio = 0.1 + GtkTextView::cursor_color = @fg_color + + GtkTreeView::expander-size = 16 + + GtkWidget::focus-padding = 0 + GtkWidget::interior_focus = 2 + GtkWidget::link-color = @selected_bg_color + GtkWidget::visited-link-color = shade(0.8,@selected_bg_color) + + GtkToolbar :: shadow-type = GTK_SHADOW_NONE + GtkMenuBar :: shadow-type = GTK_SHADOW_NONE + + GtkToolbar ::internal-padding = 4 + + GtkScrollbar ::has-backward-stepper = 0 + GtkScrollbar ::has-forward-stepper = 0 + + GtkCheckButton ::indicator-size = 16 + + GtkProgressBar ::min-vertical-bar-width = 6 + GtkProgressBar ::min-horizontal-bar-height = 6 + + fg[NORMAL] = @fg_color # this is the color of borders + text[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + text[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color + text[ACTIVE] = @fg_color + fg[SELECTED] = @fg_color + text[SELECTED] = @fg_color + fg[INSENSITIVE] = mix(0.5, @base_color, @fg_color) + text[INSENSITIVE] = mix(0.5, @base_color, @fg_color) + + bg[NORMAL] = @bg_color + base[NORMAL] = @base_color + bg[PRELIGHT] = @bg_color + base[PRELIGHT] = @bg_color + bg[ACTIVE] = mix(0.25,@fg_color,@bg_color) + base[ACTIVE] = mix(0.1,@fg_color,@base_color) + bg[SELECTED] = @selected_bg_color + base[SELECTED] = mix(0.1,@fg_color,@base_color) + bg[INSENSITIVE] = @bg_color + base[INSENSITIVE] = @bg_color + + engine "murrine" +{ + contrast = 1.0 + arrowstyle = 2 #to draw filled arrows. + glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight + gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1} + highlight_shade = 1.0 # set highlight amount for buttons or widgets + lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets + lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides + focusstyle = 1 + reliefstyle = 0 + menustyle = 0 + menubaritemstyle = 0 # 0 = menuitem look, 1 = button look + menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped + menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped + progressbarstyle = 0 + border_shades = { 1.0, 1.0 } # this for light borders +} + +} + +style "entry" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" {border_colors = { mix(0.25,@fg_color,@bg_color), mix(0.25,@fg_color,@bg_color)}} +} + +style "button" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" { roundness = 3 border_shades = { 1.0, 1.0 } } + + bg[NORMAL] = @base_color + bg[PRELIGHT] = mix(0.05, @fg_color,@base_color) + bg[ACTIVE] = mix(0.1, @fg_color,@base_color) +} + +style "radiocheck" +{ + text[NORMAL] = @selected_fg_color # Text in window + text[PRELIGHT] = @selected_fg_color # Text on Mouseover + text[ACTIVE] = @selected_fg_color # Text on click + + bg[SELECTED] = @selected_bg_color +} + +style "progressbar" +{ + xthickness = 0 + ythickness = 0 + + engine "murrine" {contrast = 0.0 } + + fg[PRELIGHT] = @selected_fg_color +} + +style "scale" +{ + GtkRange ::slider-width = 14 + GtkScale ::slider-length = 14 + GtkScale ::trough-side-details = 1 + + engine "murrine" {roundness = 9999 contrast = 0.0 } + + bg[NORMAL] = @selected_bg_color + bg[PRELIGHT] = @selected_bg_color +} + +style "menubar" +{ +} + +style "menubaritem" +{ + fg[NORMAL] = @fg_color +} + +style "menu" +{ + xthickness = 1 + ythickness = 4 + + bg[NORMAL] = @bg_color + +} + +style "menuitem" +{ + xthickness = 4 + ythickness = 4 + + engine "murrine" { contrast = 0.0} + + bg[SELECTED] = mix(0.1,@fg_color,@bg_color) + + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + fg[PRELIGHT] = @fg_color +} + +style "menu-separator" +{ + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + xthickness = 1 + ythickness = 2 + + engine "hcengine" { edge_thickness = 1} + fg[NORMAL] = mix(0.25,@fg_color,@bg_color) +} + +style "separator" +{ + engine "hcengine" { edge_thickness = 1} + fg[NORMAL] = mix(0.25,@fg_color,@bg_color) +} + +style "toolbar" +{ + +} + +style "scrollbar" +{ + engine "murrine" { contrast = 0.0 border_shades = { 0.7, 0.7 } gradient_shades = {1.0, 1.0, 1.0, 1.0} } + bg[SELECTED] = mix(0.5,@fg_color, @base_color) +} + +style "notebook" +{ + xthickness = 5 + ythickness = 2 + + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "tooltips" +{ + xthickness = 6 + ythickness = 6 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color +} + +class "GtkWidget" style "default" + +class "GtkEntry" style "entry" +widget_class "*" style "button" +class "GtkRadio*" style "radiocheck" +class "GtkCheck*" style "radiocheck" +widget_class "*" style "progressbar" +class "GtkScale" style "scale" + +class "GtkFrame" style "separator" +class "GtkSeparator" style "separator" +class "GtkVSeparator" style "separator" +class "GtkHSeparator" style "separator" +class "GtkSeparatorToolItem" style "separator" + +class "GtkMenuBar" style "menubar" +widget_class "*MenuBar.*" style "menubaritem" +class "GtkMenu" style "menu" +widget_class "**" style "menuitem" +widget_class "**" style "menu-separator" + +class "GtkToolbar" style "toolbar" +class "GtkScrollbar" style "scrollbar" +widget "gtk-tooltip*" style "tooltips" + +widget_class "**" style "notebook" +widget_class "**" style "notebook" +widget_class "**" style "notebook" +widget_class "***" style "notebook_viewport" +widget_class "*" style "notebook" diff --git a/Pink-Angel/general/radiobutton-off.svg b/Pink-Angel/general/radiobutton-off.svg new file mode 100755 index 0000000..0dbc671 --- /dev/null +++ b/Pink-Angel/general/radiobutton-off.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/radiobutton.svg b/Pink-Angel/general/radiobutton.svg new file mode 100755 index 0000000..736078d --- /dev/null +++ b/Pink-Angel/general/radiobutton.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Pink-Angel/general/switch-off.svg b/Pink-Angel/general/switch-off.svg new file mode 100755 index 0000000..33647a5 --- /dev/null +++ b/Pink-Angel/general/switch-off.svg @@ -0,0 +1,76 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Pink-Angel/general/switch-on.svg b/Pink-Angel/general/switch-on.svg new file mode 100755 index 0000000..51ef8d0 --- /dev/null +++ b/Pink-Angel/general/switch-on.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/Pink-Angel/general/titlebar-alt.css b/Pink-Angel/general/titlebar-alt.css new file mode 100755 index 0000000..874a8ed --- /dev/null +++ b/Pink-Angel/general/titlebar-alt.css @@ -0,0 +1,13 @@ +/* this is for alternative titlebars and panels */ + +@define-color titlebar_button_bg_color mix(@headerbar_bg_color,white,0.2); + +@define-color headerbar_bg_color #ff5a99; +@define-color headerbar_fg_color #ff5a99; + +@define-color headerbar_backdrop_color mix(@headerbar_bg_color,@headerbar_fg_color,0.07); + +/*.titlebar entry selection, +.titlebar button.suggested-action{background-color: @gtk_selected_fg_color; color: @gtk_selected_bg_color;} + +.titlebar button.suggested-action:disabled{background-color: alpha(@gtk_selected_fg_color,0.5);}*/ diff --git a/Pink-Angel/general/titlebar-color.css b/Pink-Angel/general/titlebar-color.css new file mode 100755 index 0000000..1bc71ad --- /dev/null +++ b/Pink-Angel/general/titlebar-color.css @@ -0,0 +1,13 @@ +/* this is for alternative titlebars and panels */ + +@define-color titlebar_button_bg_color mix(@headerbar_bg_color,white,0.2); + +@define-color headerbar_bg_color mix(@accent_bg_color,black,0.3); +@define-color headerbar_fg_color @accent_fg_color; + +@define-color headerbar_backdrop_color mix(@headerbar_bg_color,@headerbar_fg_color,0.07); + +.titlebar entry selection, +.titlebar button.suggested-action{background-color: @accent_fg_color; color: @accent_bg_color;} + +.titlebar button.suggested-action:disabled{background-color: alpha(@accent_fg_color,0.5);} diff --git a/Pink-Angel/general/titlebar-dark.css b/Pink-Angel/general/titlebar-dark.css new file mode 100755 index 0000000..730c94b --- /dev/null +++ b/Pink-Angel/general/titlebar-dark.css @@ -0,0 +1,13 @@ +/* this is for alternative titlebars and panels */ + +@define-color titlebar_button_bg_color @button_bg_color; + +@define-color headerbar_bg_color mix(@window_bg_color,black,0.3); +@define-color headerbar_fg_color @window_fg_color; + +@define-color headerbar_backdrop_color mix(@headerbar_bg_color,@headerbar_fg_color,0.07); + +/*.titlebar entry selection, +.titlebar button.suggested-action{background-color: @gtk_selected_fg_color; color: @gtk_selected_bg_color;} + +.titlebar button.suggested-action:disabled{background-color: alpha(@gtk_selected_fg_color,0.5);}*/ diff --git a/Pink-Angel/general/titlebar-light.css b/Pink-Angel/general/titlebar-light.css new file mode 100755 index 0000000..da88ae1 --- /dev/null +++ b/Pink-Angel/general/titlebar-light.css @@ -0,0 +1,13 @@ +/* this is for alternative titlebars and panels */ + +@define-color titlebar_button_bg_color @button_bg_color; + +@define-color headerbar_bg_color mix(@window_bg_color,black,0.1); +@define-color headerbar_fg_color @window_fg_color; + +@define-color headerbar_backdrop_color mix(@headerbar_bg_color,@headerbar_fg_color,0.07); + +/*.titlebar entry selection, +.titlebar button.suggested-action{background-color: @gtk_selected_fg_color; color: @gtk_selected_bg_color;} + +.titlebar button.suggested-action:disabled{background-color: alpha(@gtk_selected_fg_color,0.5);}*/ diff --git a/Pink-Angel/general/toggle-off.svg b/Pink-Angel/general/toggle-off.svg new file mode 100755 index 0000000..d95a77b --- /dev/null +++ b/Pink-Angel/general/toggle-off.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + diff --git a/Pink-Angel/general/toggle-on.svg b/Pink-Angel/general/toggle-on.svg new file mode 100755 index 0000000..601c8ef --- /dev/null +++ b/Pink-Angel/general/toggle-on.svg @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + diff --git a/Pink-Angel/gnome-shell/calendar-event-disabled.svg b/Pink-Angel/gnome-shell/calendar-event-disabled.svg new file mode 100755 index 0000000..384e3ba --- /dev/null +++ b/Pink-Angel/gnome-shell/calendar-event-disabled.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/calendar-event-today.svg b/Pink-Angel/gnome-shell/calendar-event-today.svg new file mode 100755 index 0000000..f4d34ff --- /dev/null +++ b/Pink-Angel/gnome-shell/calendar-event-today.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/calendar-event.svg b/Pink-Angel/gnome-shell/calendar-event.svg new file mode 100755 index 0000000..b3006ef --- /dev/null +++ b/Pink-Angel/gnome-shell/calendar-event.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/checkbox-focused.svg b/Pink-Angel/gnome-shell/checkbox-focused.svg new file mode 100755 index 0000000..e6adb6e --- /dev/null +++ b/Pink-Angel/gnome-shell/checkbox-focused.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/checkbox-off-focused.svg b/Pink-Angel/gnome-shell/checkbox-off-focused.svg new file mode 100755 index 0000000..9448d7c --- /dev/null +++ b/Pink-Angel/gnome-shell/checkbox-off-focused.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/checkbox-off.svg b/Pink-Angel/gnome-shell/checkbox-off.svg new file mode 100755 index 0000000..95fbcd0 --- /dev/null +++ b/Pink-Angel/gnome-shell/checkbox-off.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/checkbox.svg b/Pink-Angel/gnome-shell/checkbox.svg new file mode 100755 index 0000000..b274440 --- /dev/null +++ b/Pink-Angel/gnome-shell/checkbox.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/gnome-shell.css b/Pink-Angel/gnome-shell/gnome-shell.css new file mode 100755 index 0000000..b1d5e22 --- /dev/null +++ b/Pink-Angel/gnome-shell/gnome-shell.css @@ -0,0 +1,1924 @@ +/* Apps / Dash */ + +/* apps / folders / apps & folders in search */ +.app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.grid-search-result .overview-icon, +.app-folder.grid-search-result .overview-icon { + box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0); /* fix default dash focused box-shadow*/ + transition-duration: 100ms; + border-radius: 20px; + color: rgba(40, 7, 43, 0.87); +} + +/* Show Apps icon */ +.show-apps .overview-icon { + color: rgba(79, 73, 79, 1); +} + +/* folders */ +.app-well-app.app-folder .overview-icon { + background-color: rgba(227, 203, 230, 0.95); +} + + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(237, 219, 239, 0.9); +} + +/* app icons effects in dash */ +#dash .app-well-app:hover .overview-icon, +#dash .app-well-app:focus .overview-icon, +#dash .app-well-app:selected .overview-icon, +#dash .show-apps:hover .overview-icon, +#dash .show-apps:focus .overview-icon { + box-shadow: inset 0 0 4px 1px rgba(148, 102, 153, 0.4); + background-color: rgba(255, 255, 255, 0.1); +} + +/* effect when creating new folder */ +.app-well-app:drop .overview-icon, +.grid-search-result:drop .overview-icon, +.app-well-app.app-folder:drop .overview-icon, +.app-folder.grid-search-result:drop .overview-icon { + border: 2px solid rgba(148, 102, 153, 1); + background-color: rgba(240, 182, 246, 0.5); +} + + +/* Collapsed folders */ + +/* collapsed folder dialog */ +.app-folder-dialog { + border-radius: 32px; + background-color: rgba(250, 243, 251, 0.92); + border: none; + padding: 0; /* because of icon grid */ + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); +} + +/* folder title */ +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(40, 7, 43, 0.87); + font-weight: 700; + transition-duration: 100ms; +} + +/* folder title when editing */ +.app-folder-dialog .folder-name-container .folder-name-entry { + font-weight: 700; + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); + background-color: rgba(237, 219, 239, 0.9); + selection-background-color: rgba(207, 127, 214, 1); + selected-color: rgba(40, 7, 43, 0.87); +} + +/* edit folder name button */ +.app-folder-dialog .folder-name-container .edit-folder-button { + border-radius: 12px; + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(227, 203, 230, 0.95); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:focus { + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + + +.page-indicator .page-indicator-icon { + background-color: rgba(40, 7, 43, 0.6); +} + + +/* Page arrow */ +.page-navigation-arrow { + border-radius: 15px; + padding: 12px; + transition-duration: 100ms; +} + +.page-navigation-arrow > StIcon { + margin: 0; + color: rgba(40, 7, 43, 0.87); +} + +.page-navigation-arrow:hover { + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.page-navigation-arrow:hover > StIcon { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(0, 0, 0, 0); +} + +.page-navigation-arrow:active { + background-color: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + + +/* left and right hints on edges of the screen when dragging app icon */ +.page-navigation-hint.next:ltr, +.page-navigation-hint.previous:rtl { + background-gradient-start: rgba(91, 2, 99, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.page-navigation-hint.previous:ltr, +.page-navigation-hint.next:rtl { + background-gradient-end: rgba(91, 2, 99, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + + +/* Dash */ + +#dash .dash-background { + background-color: rgba(251, 247, 251, 0.8); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); + border: none; /* remove black border on ubuntu */ + padding: 4px 2px 4px 2px; + border-radius: 21px; +} + +/* if used Dash to Dock extension */ +#dashtodockContainer #dash .dash-background { + border: none; + border-radius: 18px; + transition-duration: 250ms; +} + +/* when dash in overview */ +#dashtodockContainer.overview #dash .dash-background { + box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.1); + background-color: rgba(242, 214, 244, 0.8); +} + +/* popup label when hovering the app in dash */ +.dash-label { + background-color: rgba(242, 225, 243, 0.8); + color: rgba(40, 7, 43, 0.87); + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); +} + + +/* pill below if app is running */ +.app-well-app-running-dot { + width: 10px; + height: 5px; + border-radius: 5px; + background: rgba(148, 102, 153, 1); + transition-duration: 100ms; +} + +#dash .app-well-app:hover .app-well-app-running-dot { + width: 15px; +} + +#dashtodockContainer .app-well-app.focused .app-well-app-running-dot { + width: 20px; +} + +/* pill when default dash (not dash to dock) */ +#dash .app-well-app-running-dot { + margin-bottom: 6px; +} + + +/* elements in dash */ +.dash-item-container .app-well-app .overview-icon, +.dash-item-container .show-apps .overview-icon { + border-radius: 21px; +} + + +/* pinned apps | running apps */ +.dash-separator { + box-shadow: 0 0 0 0.25px rgba(40, 7, 43, 0.38); +} + + +/* ubuntu fix */ +#dashtodockContainer #dash .app-well-app:hover .overview-icon, +#dashtodockContainer #dash .app-well-app:focus .overview-icon, +#dashtodockContainer #dash .app-well-app:selected .overview-icon, +#dashtodockContainer #dash .show-apps:hover .overview-icon, +#dashtodockContainer #dash .show-apps:focus .overview-icon, +#dashtodockContainer .show-apps:selected .overview-icon, +#dashtodockContainer .show-apps:selected:hover .overview-icon, +#dashtodockContainer .show-apps:active .overview-icon, +#dashtodockContainer .show-apps:checked .overview-icon, +#dashtodockContainer .app-well-app.focused .overview-icon { + border-radius: 15px; +} + +#dashtodockContainer .app-well-app.focused .overview-icon, +.show-apps:selected .overview-icon, +.show-apps:selected:hover .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon { + box-shadow: inset 0 0 4px 1px rgba(148, 102, 153, 0.4); +} + +/* ubuntu fix */ +#dashtodockContainer.bottom.extended #dash .dash-background, +#dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, +#dashtodockContainer.bottom.extended.shrink #dash .dash-background, +#dashtodockContainer.top.extended #dash .dash-background, +#dashtodockContainer.top.extended.dashtodock #dash .dash-background, +#dashtodockContainer.top.extended.shrink #dash .dash-background, +#dashtodockContainer.left.extended #dash .dash-background, +#dashtodockContainer.left.extended.dashtodock #dash .dash-background, +#dashtodockContainer.left.extended.shrink #dash .dash-background, +#dashtodockContainer.right.extended #dash .dash-background, +#dashtodockContainer.right.extended.dashtodock #dash .dash-background, +#dashtodockContainer.right.extended.shrink #dash .dash-background { + border-radius: 0; + background-color: rgba(251, 247, 251, 1); + box-shadow: none; + transition-duration: 250ms; +} + +/* animation fix when extended dash */ +#dashtodockContainer.bottom.extended.overview #dash .dash-background, +#dashtodockContainer.bottom.extended.overview.dashtodock #dash .dash-background, +#dashtodockContainer.bottom.extended.overview.shrink #dash .dash-background, +#dashtodockContainer.top.extended.overview #dash .dash-background, +#dashtodockContainer.top.extended.overview.dashtodock #dash .dash-background, +#dashtodockContainer.top.extended.overview.shrink #dash .dash-background, +#dashtodockContainer.left.extended.overview #dash .dash-background, +#dashtodockContainer.left.extended.overview.dashtodock #dash .dash-background, +#dashtodockContainer.left.extended.overview.shrink #dash .dash-background, +#dashtodockContainer.right.extended.overview #dash .dash-background, +#dashtodockContainer.right.extended.overview.dashtodock #dash .dash-background, +#dashtodockContainer.right.extended.overview.shrink #dash .dash-background { + background-color: rgba(250, 243, 251, 0.92); +} + +/* Aylur's widgets extension */ + +/* adjust media / message / slider container in quick settings */ +.quick-settings.tweaked .media, +.quick-settings.tweaked .message, +.quick-settings.tweaked .quick-container { + background-color: rgba(242, 84, 169, 0.2); + border-radius: 16px; + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +/* ajust sliders margins */ +.quick-settings.tweaked .quick-container .quick-slider { + margin: 2.5px 0 2.5px 0; +} + +.quick-settings.tweaked .quick-container .quick-slider:first-child { + margin: 0 0 2.5px 0; +} + +.quick-settings.tweaked .quick-container .quick-slider:last-child { + margin: 2.5px 0 0 0; +} + +.quick-settings.tweaked .quick-container .quick-slider:first-child:last-child { + margin: 0; +} + + +.quick-settings.tweaked .media { + font-weight: 500; +} + + +/* adjust roundness in quick toggle arrow */ +.quick-settings.adjusted .quick-toggle .quick-toggle-arrow:ltr { + border-radius: 0 36px 36px 0; +} + +.quick-settings.adjusted .quick-toggle .quick-toggle-arrow:rtl { + border-radius: 36px 0 0 36px; +} + + +/* system usage */ +.level-bar { + padding: 0; + background-color: rgba(237, 219, 239, 0.9); +} + +/* system usage levels */ +.usage-level StIcon { + width: 1.29em; +} + + +/* dynamic-panel */ +#panel.dynamic.floating .panel-button, +#panel.dynamic.floating .panel-button .clock, /* Date & clock */ +#panel.dynamic.floating .clock-display StIcon { /* DND / new messages icon */ + border-radius: 99px; +} + +/* Check Boxes */ + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + background-image: url("checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("checkbox-off-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("checkbox-focused.svg"); +} + + +/* Toggles */ + +.toggle-switch { + background-image: url("./toggle-off.svg"); + background-color: rgba(227, 203, 230, 0.95); + border-radius: 10px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.toggle-switch:checked { + background-image: url("./toggle-on.svg"); + background-color: rgba(255, 167, 199, 1); +} + + +/* Do Not Distrub toggle */ + +.dnd-button { + width: 48px; + border-radius: 10px; +} + +.dnd-button .toggle-switch { + background-color: rgba(237, 219, 239, 0.9); +} + +.dnd-button:hover .toggle-switch { + background-color: rgba(227, 203, 230, 0.95); +} + +.dnd-button .toggle-switch:checked { + background-color: rgba(207, 127, 214, 1); +} + +.dnd-button:hover .toggle-switch:checked { + background-color: rgba(255, 90, 153, 1); +} + +.dnd-button:focus { + border-color: transparent; +} + +.dnd-button:focus .toggle-switch { + box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important; +} + + +/* Buttons */ + +.button { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.button:insensitive { + box-shadow: none; + color: rgba(40, 7, 43, 0.6); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.button:hover, +.button:active { + background-color: rgba(227, 203, 230, 0.95); +} + +.button:focus { + background-color: rgba(240, 182, 246, 0.5); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +/* clear button */ +.message-list-clear-button { + color: rgba(237, 70, 95, 1); + background-color: rgba(238, 210, 211, 1); + padding: 3px 15px; + border-radius: 9px; +} + + +/* Sliders */ + +.slider, +.level { + -barlevel-height: 16px; + -barlevel-background-color: rgba(237, 219, 239, 0.9); + -barlevel-active-background-color: rgba(255, 90, 153, 1); + -barlevel-border-width: 0px; + /* overfill */ + -barlevel-overdrive-color: #c01c28; + -barlevel-overdrive-separator-width: 2px; + -slider-handle-radius: 7px; +} + + +/* Scroll bar */ + +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: rgba(191, 163, 193, 0.75); + border: 3px solid transparent; + transition-duration: 100ms; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(191, 163, 193, 1); +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: rgba(191, 163, 193, 0.87); +} +/* Date / Time menu */ + +/* overall menu */ +#calendarArea { + padding: 0; +} + +/* Calendar menu side column */ +.datemenu-calendar-column { + spacing: 5px; +} + +.datemenu-calendar-column:ltr { padding-left: 6px; } +.datemenu-calendar-column:rtl { padding-right: 6px; } + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 5px; +} + + +/* today header button */ +.datemenu-today-button { + color: rgba(40, 7, 43, 0.6); + background-color: none; + border-radius: 12px; +} + +.datemenu-today-button:hover { + transition-duration: 100ms; + background-color: rgba(242, 225, 243, 0.8); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important; +} + +.datemenu-today-button:focus { + transition-duration: 100ms; + background-color: rgba(240, 182, 246, 0.5); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +/* weekday label */ +.day-label { + font-weight: 600; +} + +/* date label */ +.date-label { + font-weight: 700; +} + + +/* Calendar */ + +.calendar { + border-radius: 14px; + background-color: rgba(242, 225, 243, 0.8); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + padding: 5px; +} + +/* month header */ +.calendar-month-label { + color: rgba(40, 7, 43, 0.87); +} + +/* day of week heading */ +.calendar-day.calendar-day-heading { + color: rgba(40, 7, 43, 0.6); +} + +/* day buttons, prev/next month button */ +.calendar-day, +.calendar-month-header .pager-button { + color: rgba(40, 7, 43, 0.87); + border-radius: 10px; + transition-duration: 100ms; +} + +.calendar-day:hover, +.calendar-day:selected:hover, +.calendar .calendar-month-header .pager-button:hover { + background-color: rgba(227, 203, 230, 0.95); + color: rgba(40, 7, 43, 0.87); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.calendar-day:focus, +.calendar .calendar-month-header .pager-button:focus { + background-color: rgba(240, 182, 246, 0.5); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +.calendar-day:selected { + background: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +/* today button */ +.calendar-today, +.calendar-today:selected { + background-color: rgba(207, 127, 214, 1); + color: rgba(40, 7, 43, 0.87) !important; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.calendar-today:hover, +.calendar-today:selected:hover, +.calendar-today:focus, +.calendar-today:selected:focus { + background-color: rgba(195, 101, 204, 1); +} + +/* if day has event */ +.calendar .calendar-day-with-events { + background-image: url("calendar-event.svg"); + background-size: contain; + font-weight: 700; +} + +.calendar .calendar-today.calendar-day-with-events { + background-image: url("calendar-event-today.svg"); + background-size: contain; +} + +/* weekend day button */ +.calendar .calendar-nonwork-day, /* up to 44 */ +.calendar-weekend { /* 45+ */ + color: rgba(40, 7, 43, 0.6); +} + +/* other month day button */ +.calendar .calendar-other-month-day, /* up to 44 */ +.calendar-other-month { /* 45+ */ + color: rgba(40, 7, 43, 0.38) !important; +} + +.calendar .calendar-other-month-day.calendar-day-with-events, /* up to 44 */ +.calendar-other-month.calendar-day-with-events { /* 45+ */ + background-image: url("calendar-event-disabled.svg"); + background-size: contain; +} + +.calendar .calendar-week-number { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.6); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + border-radius: 7px; +} + + +/* Events / World clocks / weather section */ + +.events-button, +.world-clocks-button, +.weather-button { + background-color: rgba(242, 225, 243, 0.8); + color: rgba(40, 7, 43, 0.6); + border-radius: 14px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.events-button:hover, +.world-clocks-button:hover, +.weather-button:hover { + background-color: rgba(237, 219, 239, 0.9); +} + +.events-button:focus, +.world-clocks-button:focus, +.weather-button:focus { + background-color: rgba(240, 182, 246, 0.5); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +.events-button:active, +.world-clock-button:active, +.weather-button:active { + background-color: rgba(227, 203, 230, 0.95); +} + +/* header */ +.weather-button .weather-header, +.events-button .events-title, +.world-clocks-button .world-clocks-header { + color: rgba(40, 7, 43, 0.6); +} + + +/* Events section */ +.events-button .events-list { + color: rgba(40, 7, 43, 0.87); +} +.events-button .event-time { + color: rgba(40, 7, 43, 0.6); +} + + +/* World clocks section */ +.world-clocks-button .world-clocks-time { + color: rgba(40, 7, 43, 0.87); +} + +.world-clocks-button .world-clocks-city, +.world-clocks-button .world-clocks-timezone { + color: rgba(40, 7, 43, 0.6); +} + + +/* Weather section */ +.weather-button .weather-forecast-time { + color: rgba(40, 7, 43, 0.6); +} + +/* Entries */ + +StEntry, +.search-entry { + border-radius: 13px; + padding: 8px; + transition-duration: 100ms; + border: 1px solid rgba(0, 0, 0, 0.05); + background-color: rgba(242, 225, 243, 0.8); + color: rgba(40, 7, 43, 0.6); + selection-background-color: rgba(207, 127, 214, 1); + selected-color: rgba(40, 7, 43, 0.87); +} + +/* icon in entry */ +StEntry StLabel { + color: rgba(40, 7, 43, 0.87); +} + +/* change icon color if entry not selected */ +StEntry StLabel:insensitive { + color: rgba(40, 7, 43, 0.6); +} + +StEntry:hover, +StEntry:focus, +StEntry:active { + border: 1px solid rgba(40, 7, 43, 0.38); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: none; +} + +StEntry:focus { + color: rgba(40, 7, 43, 0.87); +} +/* Lock Screen / Login screen */ + +#lockDialogGroup { + background-color: #000; +} + +.login-dialog { + background-color: rgba(250, 243, 251, 1); +} + + +.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: rgba(40, 7, 43, 0.6); +} + + +/* not listed button */ +.login-dialog-not-listed-label { + color: rgba(40, 7, 43, 0.6); +} +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, +.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: rgba(40, 7, 43, 0.87); +} +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label { + text-decoration: underline; +} + + +/* users button */ +.login-dialog-user-list .login-dialog-user-list-item { + background-color: rgba(242, 225, 243, 0.8); + border-radius: 20px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item { + transition-duration: 200ms; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(214, 107, 223, 1); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:focus, +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(214, 107, 223, 1); + /* color: rgba(40, 7, 43, 0.87); don't work*/ + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:focus:hover, +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { + background-color: rgba(202, 65, 214, 0.8); +} + + +/* login buttons */ +.login-dialog-button.cancel-button, +.login-dialog-button.switch-user-button, +.login-dialog-button.login-dialog-session-list-button { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + border-radius: 99px; + transition-duration: 100ms; +} + +.login-dialog-button.cancel-button:hover, +.login-dialog-button.switch-user-button:hover, +.login-dialog-button.login-dialog-session-list-button:hover { + background-color: rgba(227, 203, 230, 0.95); +} + +.login-dialog-button.cancel-button:focus, +.login-dialog-button.switch-user-button:focus, +.login-dialog-button.login-dialog-session-list-button:focus { + background-color: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +.login-dialog-button.cancel-button:focus:active, +.login-dialog-button.switch-user-button:focus:active, +.login-dialog-button.login-dialog-session-list-button:focus:active, +.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: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important; +} + +.login-dialog-button.cancel-button:active, +.login-dialog-button.switch-user-button:active, +.login-dialog-button.login-dialog-session-list-button:active { + background-color: rgba(227, 203, 230, 0.95); +} + + +/* password */ +.login-dialog-prompt-entry { + background-color: rgba(237, 219, 239, 0.9); + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.login-dialog-prompt-entry:focus { + background-color: rgba(237, 219, 239, 0.9) !important; + border: none; + box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important; + border-color: rgba(40, 7, 43, 0.38); +} + +.login-dialog-prompt-entry:insensitive { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.38); +} + + +/* Clock */ +.unlock-dialog-clock { + color: rgba(40, 7, 43, 0.87); + spacing: 1em; +} + +.unlock-dialog-clock .unlock-dialog-clock-time { + font-feature-settings: "normal"; + font-weight: 500; +} + +.unlock-dialog-clock .unlock-dialog-clock-date { + font-weight: 500; + font-size: 16pt; +} + +.unlock-dialog-clock .unlock-dialog-clock-hint { + margin-top: 1em; + font-weight: 600; + font-size: 10pt; + color: rgba(40, 7, 43, 0.6); +} + + +/* Notifications */ +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 16px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + border-radius: 16px; +} +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(195, 101, 204, 1); +} + +/* messages counter */ +.unlock-dialog-notification-count-text { + color: rgba(40, 7, 43, 0.6); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + border-radius: 99px; +} + + +/* User widget */ +.user-widget .user-widget-label { + color: rgba(40, 7, 43, 0.87); +} + +.user-widget.horizontal .user-icon StIcon, +.user-widget.vertical .user-icon StIcon { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} +/* Looking Glass | R.I.P. custom colors & light mode */ + +#LookingGlassDialog { + border-radius: 14px; + margin: 5px; + background-color: #191919; + border: 1px solid rgba(255, 255, 255, 0.06); + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); +} + +#LookingGlassDialog .notebook-tab, +#LookingGlassDialog > #Toolbar .lg-toolbar-button { + border-radius: 9px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button, +#LookingGlassDialog .notebook-tab:selected { + background-color: rgba(255, 255, 255, 0.08); +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover { + background-color: rgba(255, 255, 255, 0.13); +} + +.lg-dialog StEntry { + background-color: rgba(48, 48, 48, 0.6); + color: white; + border-color: rgba(255, 255, 255, 0.2); + min-height: 16px; + selection-background-color: rgba(207, 127, 214, 1); + selected-color: #fff; +} + +.lg-extension { + border-radius: 12px; +} + +.lg-debug-flag-button .toggle-switch { + margin: 5px; + border-radius: 10px; + height: 26px; + padding: 0; +} +/* Messages */ + +/* datemenu message-list */ +.message-list { + border-color: transparent; /* remove border between messages and calendar section */ + padding: 0 !important; +} + +/* "No Notifications" text */ +.message-list-placeholder { + color: rgba(40, 7, 43, 0.38); + font-weight: 700; +} + +/* remove right margin in message list section (datemenu) */ +.message-list-sections:ltr { margin-right: 0px; } +.message-list-sections:rtl { margin-left: 0px; } + + +/* popup messages */ +.message { + color: rgba(40, 7, 43, 0.87); + border-radius: 18px; +} + + +/* Message OSD */ +.notification-banner { + background-color: rgba(250, 243, 251, 0.92); + color: rgba(40, 7, 43, 0.87); + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); +} + + +/* messages in menus */ +.message-list .message, .popup-menu-content .message { + background-color: rgba(242, 225, 243, 0.8); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + transition-duration: 100ms; +} +.message-list .message:hover { + background-color: rgba(237, 219, 239, 0.9); +} +.message-list .message:focus { + background-color: rgba(240, 182, 246, 0.5); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + +/* text / header in message */ +.message .message-body, +.message-title { + color: rgba(40, 7, 43, 0.87); +} + +/* message time stamp */ +.message .message-secondary-bin > .event-time { + color: rgba(40, 7, 43, 0.6); +} + + +/* close button */ +.message-close-button { + border-radius: 9px; + color: rgba(40, 7, 43, 0.87); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + transition-duration: 100ms; +} + +.message-close-button:hover { + background-color: rgba(227, 203, 230, 0.95); +} + +.message-close-button:active { + color: rgba(40, 7, 43, 0.6); +} + + +/* Media Controls */ +.message-media-control { + border-radius: 12px; + padding: 0 14px; + margin: 20px 2px; + color: rgba(40, 7, 43, 0.87); + transition-duration: 100ms; +} + +.message-media-control:hover { + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + color: rgba(40, 7, 43, 0.87); +} + +.message-media-control:insensitive { color: rgba(40, 7, 43, 0.38); } + +/* fix margin for last button */ +.message-media-control:last-child:ltr { margin-right: 20px; } +.message-media-control:last-child:rtl { margin-left: 12px; } + + +/* album art */ +.media-message-cover-icon { + icon-size: 3.2em !important; + border-radius: 12px; +} + +/* when there is no artwork */ +.media-message-cover-icon.fallback { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(227, 203, 230, 0.95); + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 12px; + icon-size: 1.6em !important; + padding: 0.79em; +} + + +/* URLs in messages */ +.url-highlighter { link-color: rgba(148, 102, 153, 1); } +/* OSD */ + +.switcher-list, /* alt + tab */ +.resize-popup, /* i dunno what is that :( */ +.workspace-switcher, /* ctrl + alt + arr_left/arr_right */ +.osd-window /* volume/brightness/.. switcher */ { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(250, 243, 251, 0.92); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 20px; + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); +} + +/* alt + tab */ +.switcher-list { border-radius: 24px; } + +/* running apps in switcher list */ +.switcher-list .item-box { + border-radius: 20px; +} + +.switcher-list .item-box:hover, +.switcher-list .item-box:focus, +.switcher-list .item-box:selected, +.switcher-list .item-box:outlined { + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + + +/* arrow if app has multiple windows */ +.switcher-arrow { + color: rgba(40, 7, 43, 0.38); + border-color: transparent; +} + +.switcher-arrow:highlighted { + color: rgba(40, 7, 43, 0.6); +} + + +/* ctrl + alt + arr_left/arr_right */ +.ws-switcher-indicator { + background-color: rgba(40, 7, 43, 0.6); + border-radius: 99px; + padding: 2.5px; + margin: 7.5px 5px; +} + +.ws-switcher-indicator:active { + background-color: rgba(40, 7, 43, 0.87); + padding: 5px 20px; + margin: 5px; +} + + +/* Modal dialog */ +.modal-dialog { + border-radius: 20px; + background-color: rgba(250, 243, 251, 0.92); + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + color: rgba(40, 7, 43, 0.87); +} + + +/* user avatar */ +.user-icon.user-avatar { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); +} + + +/* password entry */ +.prompt-dialog-password-entry { + background-color: rgba(242, 225, 243, 0.8); +} + + +/* button in modals */ +.modal-dialog-linked-button, +.notification-button, +.hotplug-notification-item { + padding: 10px 0 !important; + border-radius: 12px !important; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + animation-duration: 100ms; +} + + +/* if first button: margin-right: 12px/2 */ +.modal-dialog-linked-button:ltr:first-child, +.notification-button:ltr:first-child, +.hotplug-notification-item:ltr:first-child, +.modal-dialog-linked-button:rtl:last-child, +.notification-button:rtl:last-child, +.hotplug-notification-item:rtl:last-child { + margin: 0 6px 12px 12px !important; +} + +/* if last button: margin-left: 12px/2 */ +.modal-dialog-linked-button:ltr:last-child, +.notification-button:ltr:last-child, +.hotplug-notification-item:ltr:last-child, +.modal-dialog-linked-button:rtl:first-child, +.notification-button:rtl:first-child, +.hotplug-notification-item:rtl:first-child { + margin: 0 12px 12px 6px !important; +} + +/* if only button: normal margin */ +.modal-dialog-linked-button:first-child:last-child, +.notification-button:first-child:last-child, +.hotplug-notification-item:first-child:last-child { + margin: 0 12px 12px 12px !important; +} + +/* else: margin-right/left: 12px/2 */ +.modal-dialog-linked-button, +.notification-button, +.hotplug-notification-item { + margin: 0 6px 12px 6px !important; +} + + +.modal-dialog-linked-button:hover, +.modal-dialog-linked-button:focus, +.notification-button:hover, +.notification-button:focus { + background: rgba(227, 203, 230, 0.95); + color: rgba(40, 7, 43, 0.87); +} + +.modal-dialog-linked-button:last-child { + background-color: rgba(207, 127, 214, 1); + color: rgba(40, 7, 43, 0.87); +} + +.modal-dialog-linked-button:last-child:hover, +.modal-dialog-linked-button:last-child:focus { + background-color: rgba(195, 101, 204, 1); +} + +.modal-dialog-linked-button:focus, +.hotplug-notification-item:focus, +.notification-button:focus { + animation-duration: 100ms; + box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important; +} + +.modal-dialog-linked-button:focus:hover, +.hotplug-notification-item:focus:hover, +.notification-button:focus:hover, +.modal-dialog-linked-button:focus:active, +.hotplug-notification-item:focus:active, +.notification-button:focus:active { + box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.6) !important; +} + +.modal-dialog .modal-dialog-linked-button:insensitive, +.hotplug-notification-item:insensitive, +.notification-banner .notification-button:insensitive { + color: rgba(40, 7, 43, 0.6); + background-color: rgba(182, 61, 193, 0.5); +} +/* Overview */ + +#overviewGroup, /* overview background */ +.workspace-animation { /* spacing between worspaces (ctrl+alt+arr_left/right / 3 fingers gesture) */ + background-color: rgba(250, 243, 251, 1); +} + +/* workspaces */ +.workspace-background { + border-radius: 20px; + box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); +} + +/* running app icon (in workspaces) */ +.icon-dropshadow { icon-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); } + +/* selected window titles (in workspaces) */ +.window-caption { + spacing: 20px; + border-radius: 12px; + color: rgba(40, 7, 43, 0.87); + background-color: rgba(242, 225, 243, 0.8); + border: 1px solid rgba(0, 0, 0, 0.05); + padding: 4px 8px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); +} + + +/* Activities Ripple (Settings - Multitasking - Hot Corner) */ +.ripple-box { + background-color: rgba(240, 182, 246, 0.5); + box-shadow: 0 0 2px 2px rgba(240, 182, 246, 0.5); +} + + +/* thumbnails on overview (workspaces list under search) */ +.workspace-thumbnail { + background-color: rgba(237, 219, 239, 0.9) !important; + border: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +/* drag and drop indicator */ +.workspace-thumbnails .placeholder { + background-image: url("workspace-placeholder.svg"); + background-size: contain; + width: 18px; +} + +/* selected indicator */ +.workspace-thumbnail-indicator { + background-color: rgba(240, 182, 246, 0.5); + border-color: rgba(40, 7, 43, 0.38); + border-width: 1px; + border-radius: 3px; +} + + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(240, 182, 246, 0.5); + border: 1px solid rgba(207, 127, 214, 1); +} + +/* .windows-close in screenshot.css */ +/* Panel */ + +#panel { + background-color: rgba(250, 243, 251, 1); + height: 36px; + font-size: 14px; + box-shadow: none; +} + +/* panel in overview, lock screen */ +#panel:overview, #panel.unlock-screen, #panel.login-screen { + background-color: transparent; + transition-duration: 0.25s; +} + + +/* panel buttons */ +.panel-button, +.panel-button .clock, /* Date & clock */ +.clock-display StIcon { /* DND / new messages icon */ + color: rgba(40, 7, 43, 0.87); + border-radius: 14px; + border: 4px solid transparent !important; + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.panel-button:hover, +.panel-button:hover .clock, +.panel-button:active, +.panel-button:active .clock { + background-color: rgba(227, 203, 230, 0.95); +} + +/* workspaces indicator in activities button (45+) */ +#panel .workspace-dot { + background-color: rgba(40, 7, 43, 0.87); + border-radius: 99px; +} + +/* indicator for active */ +#panel .screencast-indicator, +#panel .remote-access-indicator, +#panel .panel-button.screen-sharing-indicator { /* when sharing screen */ + background: #cd9309; +} + +#panel .panel-button.screen-sharing-indicator:hover { + background: rgba(205, 147, 9, 0.9); +} + +/* indicator when recording screen */ +#panel .panel-button.screen-recording-indicator { + background: #c01c28; +} + +#panel .panel-button.screen-recording-indicator:hover { + background: rgba(192, 28, 40, 0.9); +} + + +/* battery percentage */ +#panel .power-status.panel-status-indicators-box { + font-size: 12px; +} + +/* battery icon */ +#panel .power-status.panel-status-indicators-box StIcon { + font-size: 14px; +} + + +/* panel buttons in lock screen / overview */ +#panel.unlock-screen .panel-button, +#panel.login-screen .panel-button, +#panel:overview .panel-button { + color: rgba(40, 7, 43, 0.87) !important; +} + + +/* panel clock fix. remove additional background */ +.clock-display { + background-color: transparent !important; + box-shadow: none !important; +} + +/* additional background for DND / new messages icon */ +.clock-display StIcon { + padding: 8px; + margin: 0; +} +/* Popovers */ + +.popup-menu-content, /* popover content */ +.candidate-popup-content { /* IBus Candidate Popup (i dunno how to call it) */ + color: rgba(40, 7, 43, 0.87); + background: rgba(250, 243, 251, 0.92); + padding: 10px; + border-radius: 20px; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); +} + +.popup-menu-item, /* menu items */ +.app-menu { /* right-click (and panel) app menu */ + margin: 3px 0; + border-radius: 12px; + transition-duration: 150ms; +} + +.popup-menu-item:focus, +.popup-menu-item:hover, +.popup-menu-item:checked { + background-color: rgba(237, 219, 239, 0.9) !important; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + color: rgba(40, 7, 43, 0.87); +} + +.popup-menu-item:checked { + border-radius: 12px 12px 0 0; +} + +.popup-menu-item:active { + background-color: rgba(227, 203, 230, 0.95); + color: rgba(40, 7, 43, 0.87); +} + +/* 44 separator margin fix */ +.popup-separator-menu-item { + padding: 0 !important; +} + +/* separator in popup menu */ +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 6px 0; + background-color: rgba(0, 0, 0, 0.1); +} + +/* fix margins in separators */ +.popup-separator-menu-item-separator:ltr { margin-right: 4.5px; } +.popup-separator-menu-item-separator:rtl { margin-left: 4.5px; } + + +/* popover submenus */ +.popup-sub-menu { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + border-radius: 0 0 12px 12px; + margin: 0 0 2px 0; +} + +/* submenu items */ +.popup-sub-menu .popup-menu-item { + margin: 0; + color: rgba(40, 7, 43, 0.87); + background-color: transparent; + border-radius: 0; +} + +/* make rounded borders for last element */ +.popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 12px 12px; +} + +.popup-sub-menu .popup-menu-item:hover, +.popup-sub-menu .popup-menu-item:focus { + background-color: rgba(227, 203, 230, 0.95) !important; +} + +.popup-menu-item:insensitive { + color: rgba(40, 7, 43, 0.38); + margin: 0; +} + +/* all other graphical elements (sliders), OpenWeather Extension */ +.popup-inactive-menu-item { + color: rgba(40, 7, 43, 0.87); + background-color: transparent; +} + +.popup-inactive-menu-item:insensitive { + color: rgba(40, 7, 43, 0.6) !important; +} +/* Quick Settings */ + +/* QS section */ +.quick-settings { + padding: 18px; + border-radius: 24px; +} + + +/* screenshot / settings / lock / power options; part of quick-toggle-arrow [44+] */ +.icon-button { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + transition-duration: 100ms; + border-radius: 99px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.icon-button:hover { + background-color: rgba(227, 203, 230, 0.95); +} + +.icon-button:focus, +.quick-toggle:focus, +.slider-bin:focus { + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important; +} + + +/* toggles in QS */ +.quick-toggle, /* 43 */ +.quick-menu-toggle .quick-toggle { /* 44+ */ + color: rgba(40, 7, 43, 0.87); + border-radius: 15px; + background-color: rgba(237, 219, 239, 0.9); + transition-duration: 100ms; +} + +/* toggle name */ +.quick-toggle .quick-toggle-label { + font-weight: 600; +} + +/* adjust borders if quick toggle has expandable menu button (quick-toggle-arrow)[44+] */ +.quick-menu-toggle .quick-toggle:ltr { border-radius: 15px 0 0 15px; } +.quick-menu-toggle .quick-toggle:rtl { border-radius: 0 15px 15px 0; } + +/* if quick toggle has no expandable menu button (quick-toggle-arrow)[44+] */ +.quick-menu-toggle .quick-toggle:last-child { + border-radius: 15px; +} + +.quick-menu-toggle .quick-toggle-arrow { + border-color: transparent; +} + +/* adjust borders in expandable menu button */ +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 15px 15px 0; + border-left-width: 2px; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 15px 0 0 15px; + border-right-width: 2px; +} + +.quick-toggle:hover, +.quick-menu-toggle .quick-toggle:hover, +.quick-menu-toggle .quick-toggle-arrow:hover { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(227, 203, 230, 0.95); +} + +.quick-toggle:checked, +.quick-menu-toggle .quick-toggle:checked, +.quick-menu-toggle .quick-toggle-arrow:checked { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(207, 127, 214, 1); + border-color: transparent; +} + +.quick-toggle:checked:hover, +.quick-menu-toggle .quick-toggle:checked:hover, +.quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(195, 101, 204, 1); +} + + +/* quick slider section */ +/* fix margins in quick slider section */ +.quick-slider .slider-bin { + padding: 4px; + margin: 0; + color: rgba(40, 7, 43, 0.87); + border-radius: 99px; +} + +.quick-slider .slider-bin:focus { + background-color: rgba(237, 219, 239, 0.9); +} + +/* quick slider icon */ +.quick-slider .icon-button { + background-color: transparent; + box-shadow: none; + padding: 6px; + border-radius: 11px; + transition-duration: 150ms; +} + +.quick-slider .icon-button:hover { + background-color: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + + +/* expanded menu */ +/* overrides because of +https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */ +.quick-toggle-menu { + background-color: rgba(250, 243, 251, 0.92) !important; + color: rgba(40, 7, 43, 0.87) !important; + border-radius: 18px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + margin: 12px auto; +} + +/* header icon in expanded menu */ +.quick-toggle-menu .header .icon { + background-color: rgba(227, 203, 230, 0.95); + color: rgba(40, 7, 43, 0.87); + border-radius: 12px; + icon-size: 1.4em; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.quick-toggle-menu .header .icon.active { + background-color: rgba(207, 127, 214, 1); + color: rgba(40, 7, 43, 0.87); +} + +/* connect / disconnect text color (expanded menu) */ +.device-subtitle { + color: rgba(40, 7, 43, 0.6); +} + + +/* background apps */ + +/* make toggle transparent in QS */ +.background-apps-quick-toggle { + background-color: transparent; +} + +.background-apps-quick-toggle:hover { + background-color: rgba(237, 219, 239, 0.9); +} + +.background-apps-quick-toggle:focus { + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1); +} + +/* background app name */ +.background-app-item .title { + color: rgba(40, 7, 43, 0.87); + font-weight: 600; +} + +/* close button */ +.background-app-item .close-button { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(237, 219, 239, 0.9); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.background-app-item .close-button:hover { + background-color: rgba(227, 203, 230, 0.95); +} +/* Screenshot UI */ + +/* main screenshot panel section */ +.screenshot-ui-panel { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(250, 243, 251, 0.92); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 22px; + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); +} + +.screenshot-ui-show-pointer-button, /* show pointer */ +.screenshot-ui-type-button { /* Selection / Screen / Window */ + color: rgba(40, 7, 43, 0.87); + border-radius: 15px; + transition-duration: 100ms; +} + +.screenshot-ui-show-pointer-button:hover, +.screenshot-ui-type-button:hover, +.screenshot-ui-show-pointer-button:focus, +.screenshot-ui-type-button:focus { + background: rgba(237, 219, 239, 0.9); + color: rgba(40, 7, 43, 0.87); +} + +.screenshot-ui-show-pointer-button:hover, +.screenshot-ui-type-button:hover, +.screenshot-ui-show-pointer-button:active, +.screenshot-ui-type-button:active { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.screenshot-ui-show-pointer-button:checked, +.screenshot-ui-type-button:checked, +.screenshot-ui-show-pointer-button:checked:hover, +.screenshot-ui-type-button:checked:hover, +.screenshot-ui-show-pointer-button:checked:focus, +.screenshot-ui-type-button:checked:focus { + background-color: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + color: rgba(40, 7, 43, 0.87); +} + +.screenshot-ui-show-pointer-button:insensitive, +.screenshot-ui-type-button:insensitive { + color: rgba(40, 7, 43, 0.38); +} + + +/* window selection backround */ +.screenshot-ui-window-selector { + background-color: rgba(242, 225, 243, 0.8); +} + +.screenshot-ui-window-selector-window-border { + border-radius: 16px; +} + +/* window border when selecting */ +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: rgba(207, 127, 214, 1); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: rgba(207, 127, 214, 1); + background-color: rgba(240, 182, 246, 0.5); +} + +.screenshot-ui-window-selector-check { color: transparent; } + +/* check icon when selected window */ +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(207, 127, 214, 1); + border-radius: 99px; +} + + +/* circle around capture button */ +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 99px; + border: 4px rgba(148, 102, 153, 1); + padding: 4px; +} + +/* capture button */ +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: rgba(148, 102, 153, 1); + transition-duration: 100ms; + border-radius: 99px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: rgba(133, 91, 137, 1); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, +.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: rgba(133, 91, 137, 1); +} + +/* capture button when Screencast */ +.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 / screencast buttons section */ +.screenshot-ui-shot-cast-container { + background-color: rgba(237, 219, 239, 0.9); + border-radius: 99px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +/* screenshot / screencast buttons */ +.screenshot-ui-shot-cast-button { + background-color: transparent; + border-radius: 99px; + transition-duration: 100ms; +} + +.screenshot-ui-shot-cast-button:hover, +.screenshot-ui-shot-cast-button:focus, +.screenshot-ui-shot-cast-button:active { + background-color: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: rgba(148, 102, 153, 1); + color: rgba(249, 233, 250, 1); +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +/* screen selection borders */ +.screenshot-ui-area-selector-handle { + border-radius: 99px; + background-color: white; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05); +} + + +.screenshot-ui-screen-selector { + 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; +} + + + +/* tooltip for elements */ +.screenshot-ui-tooltip { + color: rgba(40, 7, 43, 0.87); + background-color: rgba(242, 225, 243, 0.8); + padding: 6px 12px; + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 12px; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); +} + + +.window-close, /* close button (Overview - Workspaces - Selected window) */ +.screenshot-ui-close-button { /* close button (Screenshot UI) */ + background-color: rgba(236, 220, 238, 1); + color: rgba(40, 7, 43, 0.87); + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 99px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + transition-duration: 100ms; +} + +.window-close:hover, +.screenshot-ui-close-button:hover { + background-color: rgba(227, 203, 230, 1); +} +/* Search */ + + +/* "no results" text */ +.search-statustext { + color: rgba(40, 7, 43, 0.38); + font-weight: 700; +} + + +/* founded results content section */ +.search-section-content { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); + border-radius: 15px; + border: none; + background-color: rgba(242, 225, 243, 0.8); + color: rgba(40, 7, 43, 0.87); +} + +/* provider section label */ +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + color: rgba(40, 7, 43, 0.87); +} + +/* search result listitem -> item title (with leading icon) */ +.list-search-result .list-search-result-title { + color: rgba(40, 7, 43, 0.87); +} +/* search result listitem -> item description */ +.list-search-result .list-search-result-description { + color: rgba(40, 7, 43, 0.6); +} + +.list-search-result:focus, +.search-provider-icon:focus, +.list-search-result:hover, +.search-provider-icon:hover, +.list-search-result:selected, +.search-provider-icon:selected { + background-color: rgba(227, 203, 230, 0.95); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +.list-search-result:active, +.search-provider-icon:active { + background-color: rgba(227, 203, 230, 0.95); + color: rgba(40, 7, 43, 0.87); +} diff --git a/Pink-Angel/gnome-shell/toggle-off.svg b/Pink-Angel/gnome-shell/toggle-off.svg new file mode 100755 index 0000000..57ff097 --- /dev/null +++ b/Pink-Angel/gnome-shell/toggle-off.svg @@ -0,0 +1,16 @@ + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/toggle-on.svg b/Pink-Angel/gnome-shell/toggle-on.svg new file mode 100755 index 0000000..cbed849 --- /dev/null +++ b/Pink-Angel/gnome-shell/toggle-on.svg @@ -0,0 +1,16 @@ + + + + + + + \ No newline at end of file diff --git a/Pink-Angel/gnome-shell/workspace-placeholder.svg b/Pink-Angel/gnome-shell/workspace-placeholder.svg new file mode 100755 index 0000000..9ff2e69 --- /dev/null +++ b/Pink-Angel/gnome-shell/workspace-placeholder.svg @@ -0,0 +1,119 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Pink-Angel/gtk-2.0/gtkrc b/Pink-Angel/gtk-2.0/gtkrc new file mode 120000 index 0000000..14250be --- /dev/null +++ b/Pink-Angel/gtk-2.0/gtkrc @@ -0,0 +1 @@ +../general/gtkrc-light \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/gtk-base.css b/Pink-Angel/gtk-3.0/gtk-base.css new file mode 120000 index 0000000..4a20f3c --- /dev/null +++ b/Pink-Angel/gtk-3.0/gtk-base.css @@ -0,0 +1 @@ +../general/gtk-base.css \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/gtk-dark.css b/Pink-Angel/gtk-3.0/gtk-dark.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/Pink-Angel/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/gtk-version.css b/Pink-Angel/gtk-3.0/gtk-version.css new file mode 120000 index 0000000..9903350 --- /dev/null +++ b/Pink-Angel/gtk-3.0/gtk-version.css @@ -0,0 +1 @@ +../general/gtk-3.css \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/gtk.css b/Pink-Angel/gtk-3.0/gtk.css new file mode 120000 index 0000000..c5fbc2d --- /dev/null +++ b/Pink-Angel/gtk-3.0/gtk.css @@ -0,0 +1 @@ +../general/gtk-light.css \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/titlebar-dark.css b/Pink-Angel/gtk-3.0/titlebar-dark.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/Pink-Angel/gtk-3.0/titlebar-dark.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/Pink-Angel/gtk-3.0/titlebar.css b/Pink-Angel/gtk-3.0/titlebar.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/Pink-Angel/gtk-3.0/titlebar.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/gtk-base.css b/Pink-Angel/gtk-4.0/gtk-base.css new file mode 120000 index 0000000..4a20f3c --- /dev/null +++ b/Pink-Angel/gtk-4.0/gtk-base.css @@ -0,0 +1 @@ +../general/gtk-base.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/gtk-dark.css b/Pink-Angel/gtk-4.0/gtk-dark.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/Pink-Angel/gtk-4.0/gtk-dark.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/gtk-version.css b/Pink-Angel/gtk-4.0/gtk-version.css new file mode 120000 index 0000000..99389a1 --- /dev/null +++ b/Pink-Angel/gtk-4.0/gtk-version.css @@ -0,0 +1 @@ +../general/gtk-4.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/gtk.css b/Pink-Angel/gtk-4.0/gtk.css new file mode 120000 index 0000000..c5fbc2d --- /dev/null +++ b/Pink-Angel/gtk-4.0/gtk.css @@ -0,0 +1 @@ +../general/gtk-light.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/titlebar-dark.css b/Pink-Angel/gtk-4.0/titlebar-dark.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/Pink-Angel/gtk-4.0/titlebar-dark.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/Pink-Angel/gtk-4.0/titlebar.css b/Pink-Angel/gtk-4.0/titlebar.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/Pink-Angel/gtk-4.0/titlebar.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/Pink-Angel/index.theme b/Pink-Angel/index.theme new file mode 100755 index 0000000..5c7cac8 --- /dev/null +++ b/Pink-Angel/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Pink-Angel +Comment=GTK Theme +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Pink-Angel +MetacityTheme=Pink-Angel +IconTheme=Pink-Angel +CursorTheme=Pink-Angel +CursorSize=24 diff --git a/Test.txt b/Test.txt deleted file mode 100755 index afcfdb1..0000000 --- a/Test.txt +++ /dev/null @@ -1 +0,0 @@ -Just a Test \ No newline at end of file