diff --git a/general/add-workspace.svg b/general/add-workspace.svg new file mode 100644 index 0000000..82ddf3f --- /dev/null +++ b/general/add-workspace.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/general/bullet-symbolic.svg b/general/bullet-symbolic.svg new file mode 100644 index 0000000..091be39 --- /dev/null +++ b/general/bullet-symbolic.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/general/calendar-arrow-left.svg b/general/calendar-arrow-left.svg new file mode 100644 index 0000000..3f176ec --- /dev/null +++ b/general/calendar-arrow-left.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/general/calendar-arrow-right.svg b/general/calendar-arrow-right.svg new file mode 100644 index 0000000..c2f1c3a --- /dev/null +++ b/general/calendar-arrow-right.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/general/check-symbolic.svg b/general/check-symbolic.svg new file mode 100644 index 0000000..c1baff0 --- /dev/null +++ b/general/check-symbolic.svg @@ -0,0 +1,106 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + diff --git a/general/checkbox-off.svg b/general/checkbox-off.svg new file mode 100644 index 0000000..b578b27 --- /dev/null +++ b/general/checkbox-off.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/checkbox-on.svg b/general/checkbox-on.svg new file mode 100644 index 0000000..d0574dc --- /dev/null +++ b/general/checkbox-on.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/general/checkbox.svg b/general/checkbox.svg new file mode 100644 index 0000000..d75b000 --- /dev/null +++ b/general/checkbox.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/close-window.svg b/general/close-window.svg new file mode 100644 index 0000000..8b1f96f --- /dev/null +++ b/general/close-window.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/general/corner-ripple.svg b/general/corner-ripple.svg new file mode 100644 index 0000000..1389fc1 --- /dev/null +++ b/general/corner-ripple.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/general/cursor-handle-symbolic.svg b/general/cursor-handle-symbolic.svg new file mode 100644 index 0000000..0f9da3f --- /dev/null +++ b/general/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/general/dark-add-workspace.svg b/general/dark-add-workspace.svg new file mode 100644 index 0000000..f3febaf --- /dev/null +++ b/general/dark-add-workspace.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/general/dark-calendar-arrow-left.svg b/general/dark-calendar-arrow-left.svg new file mode 100644 index 0000000..c85fc40 --- /dev/null +++ b/general/dark-calendar-arrow-left.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/general/dark-calendar-arrow-right.svg b/general/dark-calendar-arrow-right.svg new file mode 100644 index 0000000..07b0b40 --- /dev/null +++ b/general/dark-calendar-arrow-right.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/general/dark-checkbox-off.svg b/general/dark-checkbox-off.svg new file mode 100644 index 0000000..3fec1c1 --- /dev/null +++ b/general/dark-checkbox-off.svg @@ -0,0 +1,70 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/dark-checkbox.svg b/general/dark-checkbox.svg new file mode 100644 index 0000000..8a427b7 --- /dev/null +++ b/general/dark-checkbox.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/dark-close-window.svg b/general/dark-close-window.svg new file mode 100644 index 0000000..b105288 --- /dev/null +++ b/general/dark-close-window.svg @@ -0,0 +1,94 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/general/dark-radiobutton-off.svg b/general/dark-radiobutton-off.svg new file mode 100644 index 0000000..8d1fbf4 --- /dev/null +++ b/general/dark-radiobutton-off.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/dark-radiobutton.svg b/general/dark-radiobutton.svg new file mode 100644 index 0000000..a1c6f79 --- /dev/null +++ b/general/dark-radiobutton.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/general/dark-switch-off.svg b/general/dark-switch-off.svg new file mode 100644 index 0000000..a094d89 --- /dev/null +++ b/general/dark-switch-off.svg @@ -0,0 +1,76 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/general/dark-switch-on.svg b/general/dark-switch-on.svg new file mode 100644 index 0000000..333de1f --- /dev/null +++ b/general/dark-switch-on.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/dash-symbolic.svg b/general/dash-symbolic.svg new file mode 100644 index 0000000..72419ff --- /dev/null +++ b/general/dash-symbolic.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/general/gnome-shell.css b/general/gnome-shell.css new file mode 100644 index 0000000..eff3f4d --- /dev/null +++ b/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(0, 215, 145, 1.0) !important; box-shadow: none; } + +.quick-toggle:checked:insensitive { background-color: rgba(0, 215, 145, 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(0, 215, 145, 1.0) !important; } + +.slider { -barlevel-active-background-color: rgba(0, 215, 145, 1.0); } + +.quick-toggle:checked:hover, .quick-toggle:checked:focus { background-color: rgba(0, 215, 145, 1.0); box-shadow: inset 0 0 0 9999px rgba(85, 5, 44, 1); } + +StEntry { selection-background-color: rgba(249,84,143, 1.0); } + +StEntry:focus { border-color: rgba(249,84,143, 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(85, 5, 44, 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: rgbargba(85, 5, 44, 1);} + +.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(85, 5, 44, 1);} + +.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { background-color: rgba(85, 5, 44, 1); } + +.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/general/gtk-3.css b/general/gtk-3.css new file mode 100644 index 0000000..d58b307 --- /dev/null +++ b/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/general/gtk-4.css b/general/gtk-4.css new file mode 100644 index 0000000..df20f1b --- /dev/null +++ b/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/general/gtk-base.css b/general/gtk-base.css new file mode 100644 index 0000000..d03b420 --- /dev/null +++ b/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 #00d791; + +@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/general/gtk-dark.css b/general/gtk-dark.css new file mode 100644 index 0000000..645c198 --- /dev/null +++ b/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 #55052c; +@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/general/gtk-light.css b/general/gtk-light.css new file mode 100644 index 0000000..50d2840 --- /dev/null +++ b/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/general/gtkrc-dark b/general/gtkrc-dark new file mode 100644 index 0000000..c4c96ff --- /dev/null +++ b/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/general/gtkrc-light b/general/gtkrc-light new file mode 100644 index 0000000..021a2ff --- /dev/null +++ b/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/general/radiobutton-off.svg b/general/radiobutton-off.svg new file mode 100644 index 0000000..0dbc671 --- /dev/null +++ b/general/radiobutton-off.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/radiobutton.svg b/general/radiobutton.svg new file mode 100644 index 0000000..736078d --- /dev/null +++ b/general/radiobutton.svg @@ -0,0 +1,72 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/general/switch-off.svg b/general/switch-off.svg new file mode 100644 index 0000000..33647a5 --- /dev/null +++ b/general/switch-off.svg @@ -0,0 +1,76 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/general/switch-on.svg b/general/switch-on.svg new file mode 100644 index 0000000..51ef8d0 --- /dev/null +++ b/general/switch-on.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/general/titlebar-alt.css b/general/titlebar-alt.css new file mode 100644 index 0000000..643bfff --- /dev/null +++ b/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 #00d791; +@define-color headerbar_fg_color #00d791; + +@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/general/titlebar-color.css b/general/titlebar-color.css new file mode 100644 index 0000000..1bc71ad --- /dev/null +++ b/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/general/titlebar-dark.css b/general/titlebar-dark.css new file mode 100644 index 0000000..730c94b --- /dev/null +++ b/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/general/titlebar-light.css b/general/titlebar-light.css new file mode 100644 index 0000000..da88ae1 --- /dev/null +++ b/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/general/toggle-off.svg b/general/toggle-off.svg new file mode 100644 index 0000000..d95a77b --- /dev/null +++ b/general/toggle-off.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + diff --git a/general/toggle-on.svg b/general/toggle-on.svg new file mode 100644 index 0000000..1c98fed --- /dev/null +++ b/general/toggle-on.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + diff --git a/gnome-shell/calendar-event-disabled.svg b/gnome-shell/calendar-event-disabled.svg new file mode 100644 index 0000000..b58633a --- /dev/null +++ b/gnome-shell/calendar-event-disabled.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/gnome-shell/calendar-event-today.svg b/gnome-shell/calendar-event-today.svg new file mode 100644 index 0000000..aec8e1e --- /dev/null +++ b/gnome-shell/calendar-event-today.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/gnome-shell/calendar-event.svg b/gnome-shell/calendar-event.svg new file mode 100644 index 0000000..707212f --- /dev/null +++ b/gnome-shell/calendar-event.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/gnome-shell/checkbox-focused.svg b/gnome-shell/checkbox-focused.svg new file mode 100644 index 0000000..fed6a73 --- /dev/null +++ b/gnome-shell/checkbox-focused.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/gnome-shell/checkbox-off-focused.svg b/gnome-shell/checkbox-off-focused.svg new file mode 100644 index 0000000..746c2be --- /dev/null +++ b/gnome-shell/checkbox-off-focused.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/gnome-shell/checkbox-off.svg b/gnome-shell/checkbox-off.svg new file mode 100644 index 0000000..e6c81e4 --- /dev/null +++ b/gnome-shell/checkbox-off.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/gnome-shell/checkbox.svg b/gnome-shell/checkbox.svg new file mode 100644 index 0000000..d8c1d93 --- /dev/null +++ b/gnome-shell/checkbox.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..ca01fd3 --- /dev/null +++ b/gnome-shell/gnome-shell.css @@ -0,0 +1,1923 @@ +/* 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(249, 233, 250, 1); +} + +/* Show Apps icon */ +.show-apps .overview-icon { + color: rgba(0, 215, 145, 1); +} + +/* folders */ +.app-well-app.app-folder .overview-icon { + background-color: rgba(85, 5, 44, 1); +} + + +.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(255, 255, 255, 0.03); + background-color: rgba(247, 180, 253, 0.08); +} + +/* 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(201, 178, 203, 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(201, 178, 203, 1); + background-color: rgba(89, 38, 94, 0.2); +} + + +/* Collapsed folders */ + +/* collapsed folder dialog */ +.app-folder-dialog { + border-radius: 32px; + background-color: rgba(21, 18, 21, 0.95); + border: none; + padding: 0; /* because of icon grid */ + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); +} + +/* folder title */ +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(249, 233, 250, 1); + 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(255, 255, 255, 0.07); + background-color: rgba(247, 180, 253, 0.08); + selection-background-color: rgba(89, 38, 94, 1); + selected-color: rgba(249, 233, 250, 1); +} + +/* edit folder name button */ +.app-folder-dialog .folder-name-container .edit-folder-button { + border-radius: 12px; + background-color: rgba(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(229, 201, 232, 0.13); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:focus { + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + + +.page-indicator .page-indicator-icon { + background-color: rgba(0, 215, 145, 1); +} + + +/* Page arrow */ +.page-navigation-arrow { + border-radius: 15px; + padding: 12px; + transition-duration: 100ms; +} + +.page-navigation-arrow > StIcon { + margin: 0; + color: rgba(0, 215, 145, 1); +} + +.page-navigation-arrow:hover { + background-color: rgba(0, 215, 145, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.page-navigation-arrow:hover > StIcon { + color: rgba(0, 215, 145, 1); + background-color: rgba(0, 0, 0, 0); +} + +.page-navigation-arrow:active { + background-color: rgba(0, 215, 145, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + + +/* 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(232, 225, 233, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.page-navigation-hint.previous:ltr, +.page-navigation-hint.next:rtl { + background-gradient-end: rgba(232, 225, 233, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + + +/* Dash */ + +#dash .dash-background { + background-color: rgba(85, 5, 44, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); + 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(255, 255, 255, 0.07); + background-color: rgba(85, 5, 44, 1); +} + +/* popup label when hovering the app in dash */ +.dash-label { + background-color: rgba(85, 5, 44, 1); + color: rgba(0, 215, 145, 1); + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.07); + 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(0, 215, 145, 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 rgb(0, 215, 143); +} + + +/* 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(201, 178, 203, 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(85, 5, 44, 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(85, 5, 44, 0.95); +} + +/* 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(32, 28, 32, 1); + border-radius: 16px; + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +/* 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(247, 180, 253, 0.08); +} + +/* 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(229, 201, 232, 0.13); + border-radius: 10px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; +} + +.toggle-switch:checked { + background-image: url("./toggle-on.svg"); + background-color: rgba(0, 215, 145, 1); +} + + +/* Do Not Distrub toggle */ + +.dnd-button { + width: 48px; + border-radius: 10px; +} + +.dnd-button .toggle-switch { + background-color: rgba(247, 180, 253, 0.08); +} + +.dnd-button:hover .toggle-switch { + background-color: rgba(229, 201, 232, 0.13); +} + +.dnd-button .toggle-switch:checked { + background-color: rgba(0, 215, 145, 1); +} + +.dnd-button:hover .toggle-switch:checked { + background-color: rgba(0, 215, 145, 1); +} + +.dnd-button:focus { + border-color: transparent; +} + +.dnd-button:focus .toggle-switch { + box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 1) !important; +} + + +/* Buttons */ + +.button { + color: rgba(249, 233, 250, 1); + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.button:insensitive { + box-shadow: none; + color: rgba(249, 233, 250, 0.67); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.button:hover, +.button:active { + background-color: rgba(229, 201, 232, 0.13); +} + +.button:focus { + background-color: rgba(89, 38, 94, 0.2); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + +/* clear button */ +.message-list-clear-button { + rgba(237, 70, 95, 1) + padding: 3px 15px; + border-radius: 9px; +} + + +/* Sliders */ + +.slider, +.level { + -barlevel-height: 16px; + -barlevel-background-color: rgba(247, 180, 253, 0.08); + -barlevel-active-background-color: rgba(0, 215, 145, 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(69, 57, 70, 0.75); + border: 3px solid transparent; + transition-duration: 100ms; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(70, 56, 71, 1); +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: rgba(98, 78, 99, 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(249, 233, 250, 0.67); + background-color: none; + border-radius: 12px; +} + +.datemenu-today-button:hover { + transition-duration: 100ms; + background-color: rgba(32, 28, 32, 0.9); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; +} + +.datemenu-today-button:focus { + transition-duration: 100ms; + background-color: rgba(89, 38, 94, 0.2); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + +/* weekday label */ +.day-label { + font-weight: 600; +} + +/* date label */ +.date-label { + font-weight: 700; +} + + +/* Calendar */ + +.calendar { + border-radius: 14px; + background-color: rgba(85, 5, 44, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; + padding: 5px; +} + +/* month header */ +.calendar-month-label { + color: rgba(249, 233, 250, 1); +} + +/* day of week heading */ +.calendar-day.calendar-day-heading { + color: rgba(249, 233, 250, 0.67); +} + +/* day buttons, prev/next month button */ +.calendar-day, +.calendar-month-header .pager-button { + color: rgba(249, 233, 250, 1); + border-radius: 10px; + transition-duration: 100ms; +} + +.calendar-day:hover, +.calendar-day:selected:hover, +.calendar .calendar-month-header .pager-button:hover { + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.calendar-day:focus, +.calendar .calendar-month-header .pager-button:focus { + background-color: rgba(85, 5, 44, 1); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + +.calendar-day:selected { + background: rgba(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +/* today button */ +.calendar-today, +.calendar-today:selected { + background-color: rgba(89, 38, 94, 1); + color: rgba(249, 233, 250, 1) !important; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.calendar-today:hover, +.calendar-today:selected:hover, +.calendar-today:focus, +.calendar-today:selected:focus { + background-color: rgba(86, 19, 93, 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(249, 233, 250, 0.67); +} + +/* other month day button */ +.calendar .calendar-other-month-day, /* up to 44 */ +.calendar-other-month { /* 45+ */ + color: rgba(249, 233, 250, 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(85, 5, 44, 1); + color: rgba(249, 233, 250, 0.67); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + border-radius: 7px; +} + + +/* Events / World clocks / weather section */ + +.events-button, +.world-clocks-button, +.weather-button { + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 0.67); + border-radius: 14px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.events-button:hover, +.world-clocks-button:hover, +.weather-button:hover { + background-color: rgba(247, 180, 253, 0.08); +} + +.events-button:focus, +.world-clocks-button:focus, +.weather-button:focus { + background-color: rgba(89, 38, 94, 0.2); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + +.events-button:active, +.world-clock-button:active, +.weather-button:active { + background-color: rgba(229, 201, 232, 0.13); +} + +/* header */ +.weather-button .weather-header, +.events-button .events-title, +.world-clocks-button .world-clocks-header { + color: rgba(249, 233, 250, 0.67); +} + + +/* Events section */ +.events-button .events-list { + color: rgba(249, 233, 250, 1); +} +.events-button .event-time { + color: rgba(249, 233, 250, 0.67); +} + + +/* World clocks section */ +.world-clocks-button .world-clocks-time { + color: rgba(249, 233, 250, 1); +} + +.world-clocks-button .world-clocks-city, +.world-clocks-button .world-clocks-timezone { + color: rgba(249, 233, 250, 0.67); +} + + +/* Weather section */ +.weather-button .weather-forecast-time { + color: rgba(249, 233, 250, 0.67); +} + +/* Entries */ + +StEntry, +.search-entry { + border-radius: 13px; + padding: 8px; + transition-duration: 100ms; + border: 1px solid rgba(255, 255, 255, 0.03); + background-color: rgba(32, 28, 32, 0.9); + color: rgba(249, 233, 250, 0.67); + selection-background-color: rgba(89, 38, 94, 1); + selected-color: rgba(249, 233, 250, 1); +} + +/* icon in entry */ +StEntry StLabel { + color: rgba(249, 233, 250, 1); +} + +/* change icon color if entry not selected */ +StEntry StLabel:insensitive { + color: rgba(249, 233, 250, 0.67); +} + +StEntry:hover, +StEntry:focus, +StEntry:active { + border: 1px solid rgba(249, 233, 250, 0.38); + background-color: rgba(247, 180, 253, 0.08); + box-shadow: none; +} + +StEntry:focus { + color: rgba(249, 233, 250, 1); +} +/* Lock Screen / Login screen */ + +#lockDialogGroup { + background-color: #000; +} + +.login-dialog { + background-color: rgba(85, 5, 44, 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(249, 233, 250, 0.67); +} + + +/* not listed button */ +.login-dialog-not-listed-label { + color: rgba(249, 233, 250, 0.67); +} +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, +.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: rgba(249, 233, 250, 1); +} +.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(32, 28, 32, 0.9); + border-radius: 20px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.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(202, 65, 214, 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(202, 65, 214, 1); + /* color: rgba(249, 233, 250, 1); don't work*/ + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); +} + +.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(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + 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(229, 201, 232, 0.13); +} + +.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(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 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(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 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(229, 201, 232, 0.13); +} + + +/* password */ +.login-dialog-prompt-entry { + background-color: rgba(247, 180, 253, 0.08); + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.login-dialog-prompt-entry:focus { + background-color: rgba(247, 180, 253, 0.08) !important; + border: none; + box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.38) !important; + border-color: rgba(249, 233, 250, 0.38); +} + +.login-dialog-prompt-entry:insensitive { + background-color: rgba(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 0.38); +} + + +/* Clock */ +.unlock-dialog-clock { + color: rgba(249, 233, 250, 1); + 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(249, 233, 250, 0.67); +} + + +/* 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(255, 255, 255, 0.03); + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); + border-radius: 16px; +} +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 215, 145, 1); +} + +/* messages counter */ +.unlock-dialog-notification-count-text { + color: rgba(249, 233, 250, 0.67); + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + border-radius: 99px; +} + + +/* User widget */ +.user-widget .user-widget-label { + color: rgba(249, 233, 250, 1); +} + +.user-widget.horizontal .user-icon StIcon, +.user-widget.vertical .user-icon StIcon { + color: rgba(249, 233, 250, 1); + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} +/* 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(89, 38, 94, 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(249, 233, 250, 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(249, 233, 250, 1); + border-radius: 18px; +} + + +/* Message OSD */ +.notification-banner { + background-color: rgba(85, 5, 44, 1); + color: rgba(0, 215, 145, 1); + border: 1px solid rgba(255, 255, 255, 0.07); + 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(85, 5, 44, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + transition-duration: 100ms; +} +.message-list .message:hover { + background-color: rgba(85, 5, 44, 1); +} +.message-list .message:focus { + background-color: rgba(85, 5, 44, 1); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + +/* text / header in message */ +.message .message-body, +.message-title { + color: rgba(249, 233, 250, 1); +} + +/* message time stamp */ +.message .message-secondary-bin > .event-time { + color: rgba(249, 233, 250, 0.67); +} + + +/* close button */ +.message-close-button { + border-radius: 9px; + color: rgba(249, 233, 250, 1); + background-color: rgba(237, 70, 95, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + transition-duration: 100ms; +} + +.message-close-button:hover { + background-color: rgba(229, 201, 232, 0.13); +} + +.message-close-button:active { + color: rgba(249, 233, 250, 0.67); +} + + +/* Media Controls */ +.message-media-control { + border-radius: 12px; + padding: 0 14px; + margin: 20px 2px; + color: rgba(0, 215, 145, 1); + transition-duration: 100ms; +} + +.message-media-control:hover { + background-color: rgba(0, 215, 145, 1); + box-shadow: inset 0 0 0 1px rgba(85, 5, 44, 1); + color: rgba(85, 5, 44, 1); +} + +.message-media-control:insensitive { color: rgba(85, 5, 44, 1); } + +/* 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(249, 233, 250, 1); + background-color: rgba(229, 201, 232, 0.13); + border: 1px solid rgba(255, 255, 255, 0.03); + border-radius: 12px; + icon-size: 1.6em !important; + padding: 0.79em; +} + + +/* URLs in messages */ +.url-highlighter { link-color: rgba(0, 215, 145, 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(0, 215, 145, 1); + background-color: rgba(85, 5, 44, 1); + border: 1px solid rgba(255, 255, 255, 0.07); + 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(85, 5, 44, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + + +/* arrow if app has multiple windows */ +.switcher-arrow { + color: rgba(249, 233, 250, 0.38); + border-color: transparent; +} + +.switcher-arrow:highlighted { + color: rgba(249, 233, 250, 0.67); +} + + +/* ctrl + alt + arr_left/arr_right */ +.ws-switcher-indicator { + background-color: rgba(249, 233, 250, 0.67); + border-radius: 99px; + padding: 2.5px; + margin: 7.5px 5px; +} + +.ws-switcher-indicator:active { + background-color: rgba(249, 233, 250, 1); + padding: 5px 20px; + margin: 5px; +} + + +/* Modal dialog */ +.modal-dialog { + border-radius: 20px; + background-color: rgba(85, 5, 44, 1); + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + color: rgba(249, 233, 250, 1); +} + + +/* 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(85, 5, 44, 1); +} + + +/* 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(255, 255, 255, 0.03); + background-color: rgba(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 1); + 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(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); +} + +.modal-dialog-linked-button:last-child { + background-color: rgba(89, 38, 94, 1); + color: rgba(249, 233, 250, 1); +} + +.modal-dialog-linked-button:last-child:hover, +.modal-dialog-linked-button:last-child:focus { + background-color: rgba(86, 19, 93, 1); +} + +.modal-dialog-linked-button:focus, +.hotplug-notification-item:focus, +.notification-button:focus { + animation-duration: 100ms; + box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 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(249, 233, 250, 0.67) !important; +} + +.modal-dialog .modal-dialog-linked-button:insensitive, +.hotplug-notification-item:insensitive, +.notification-banner .notification-button:insensitive { + color: rgba(249, 233, 250, 0.67); + background-color: rgba(85, 5, 44, 1); +} +/* Overview */ + +#overviewGroup, /* overview background */ +.workspace-animation { /* spacing between worspaces (ctrl+alt+arr_left/right / 3 fingers gesture) */ + background-color: rgba(85, 5, 44, 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(249, 233, 250, 1); + background-color: rgba(32, 28, 32, 0.9); + border: 1px solid rgba(255, 255, 255, 0.03); + 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(89, 38, 94, 0.2); + box-shadow: 0 0 2px 2px rgba(89, 38, 94, 0.2); +} + + +/* thumbnails on overview (workspaces list under search) */ +.workspace-thumbnail { + background-color: rgba(247, 180, 253, 0.08) !important; + border: 1px solid rgba(255, 255, 255, 0.03) !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(89, 38, 94, 0.2); + border-color: rgba(249, 233, 250, 0.38); + border-width: 1px; + border-radius: 3px; +} + + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(89, 38, 94, 0.2); + border: 1px solid rgba(89, 38, 94, 1); +} + +/* .windows-close in screenshot.css */ +/* Panel */ + +#panel { + background-color: rgba(85, 5, 44, 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(249, 233, 250, 1); + border-radius: 14px; + border: 4px solid transparent !important; + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.panel-button:hover, +.panel-button:hover .clock, +.panel-button:active, +.panel-button:active .clock { + background-color: rgba(229, 201, 232, 0.13); +} + +/* workspaces indicator in activities button (45+) */ +#panel .workspace-dot { + background-color: rgba(249, 233, 250, 1); + 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(249, 233, 250, 1) !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(249, 233, 250, 1); + background: rgba(85, 5, 44, 1); + padding: 10px; + border-radius: 20px; + border: 1px solid rgba(255, 255, 255, 0.07); + 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(85, 5, 44, 1) !important; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important; + color: rgba(249, 233, 250, 1); +} + +.popup-menu-item:checked { + border-radius: 12px 12px 0 0; +} + +.popup-menu-item:active { + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); +} + +/* 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, 215, 145, 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(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + border-radius: 0 0 12px 12px; + margin: 0 0 2px 0; +} + +/* submenu items */ +.popup-sub-menu .popup-menu-item { + margin: 0; + color: rgba(249, 233, 250, 1); + 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(85, 5, 44, 1) !important; +} + +.popup-menu-item:insensitive { + color: rgba(249, 233, 250, 0.38); + margin: 0; +} + +/* all other graphical elements (sliders), OpenWeather Extension */ +.popup-inactive-menu-item { + color: rgba(249, 233, 250, 1); + background-color: transparent; +} + +.popup-inactive-menu-item:insensitive { + color: rgba(249, 233, 250, 0.67) !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(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 1); + transition-duration: 100ms; + border-radius: 99px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.icon-button:hover { + background-color: rgba(229, 201, 232, 0.13); +} + +.icon-button:focus, +.quick-toggle:focus, +.slider-bin:focus { + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important; +} + + +/* toggles in QS */ +.quick-toggle, /* 43 */ +.quick-menu-toggle .quick-toggle { /* 44+ */ + color: rgba(249, 233, 250, 1); + border-radius: 15px; + background-color: rgba(85, 5, 44, 1); + 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(249, 233, 250, 1); + background-color: rgba(85, 5, 44, 1); +} + +.quick-toggle:checked, +.quick-menu-toggle .quick-toggle:checked, +.quick-menu-toggle .quick-toggle-arrow:checked { + color: rgba(249, 233, 250, 1); + background-color: rgba(0, 215, 145, 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(249, 233, 250, 1); + background-color: rgba(0, 215, 145, 1); +} + + +/* quick slider section */ +/* fix margins in quick slider section */ +.quick-slider .slider-bin { + padding: 4px; + margin: 0; + color: rgba(249, 233, 250, 1); + border-radius: 99px; +} + +.quick-slider .slider-bin:focus { + background-color: rgba(247, 180, 253, 0.08); +} + +/* 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(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + + +/* expanded menu */ +/* overrides because of +https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */ +.quick-toggle-menu { + background-color: rgba(85, 5, 44, 1) !important; + color: rgba(0, 215, 145, 1) !important; + border-radius: 18px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + margin: 12px auto; +} + +/* header icon in expanded menu */ +.quick-toggle-menu .header .icon { + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); + border-radius: 12px; + icon-size: 1.4em; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.quick-toggle-menu .header .icon.active { + background-color: rgba(85, 5, 44, 1); + color: rgba(249, 233, 250, 1); +} + +/* connect / disconnect text color (expanded menu) */ +.device-subtitle { + color: rgba(249, 233, 250, 0.67); +} + + +/* background apps */ + +/* make toggle transparent in QS */ +.background-apps-quick-toggle { + background-color: transparent; +} + +.background-apps-quick-toggle:hover { + background-color: rgba(85, 5, 44, 1); +} + +.background-apps-quick-toggle:focus { + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1); +} + +/* background app name */ +.background-app-item .title { + color: rgba(249, 233, 250, 1); + font-weight: 600; +} + +/* close button */ +.background-app-item .close-button { + color: rgba(249, 233, 250, 1); + background-color: rgba(247, 180, 253, 0.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.background-app-item .close-button:hover { + background-color: rgba(229, 201, 232, 0.13); +} +/* Screenshot UI */ + +/* main screenshot panel section */ +.screenshot-ui-panel { + color: rgba(249, 233, 250, 1); + background-color: rgba(21, 18, 21, 0.95); + border: 1px solid rgba(255, 255, 255, 0.07); + 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(249, 233, 250, 1); + 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(247, 180, 253, 0.08); + color: rgba(249, 233, 250, 1); +} + +.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(255, 255, 255, 0.03); +} + +.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(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + color: rgba(249, 233, 250, 1); +} + +.screenshot-ui-show-pointer-button:insensitive, +.screenshot-ui-type-button:insensitive { + color: rgba(249, 233, 250, 0.38); +} + + +/* window selection backround */ +.screenshot-ui-window-selector { + background-color: rgba(32, 28, 32, 0.9); +} + +.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(89, 38, 94, 1); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: rgba(89, 38, 94, 1); + background-color: rgba(89, 38, 94, 0.2); +} + +.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(249, 233, 250, 1); + background-color: rgba(89, 38, 94, 1); + border-radius: 99px; +} + + +/* circle around capture button */ +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 99px; + border: 4px rgba(201, 178, 203, 1); + padding: 4px; +} + +/* capture button */ +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: rgba(201, 178, 203, 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(191, 163, 193, 1); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, +.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: rgba(191, 163, 193, 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(247, 180, 253, 0.08); + border-radius: 99px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +/* 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(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: rgba(201, 178, 203, 1); + color: rgba(40, 7, 43, 0.87); +} + +.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(249, 233, 250, 1); + background-color: rgba(32, 28, 32, 0.9); + padding: 6px 12px; + border: 1px solid rgba(255, 255, 255, 0.03); + 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(40, 35, 40, 1); + color: rgba(249, 233, 250, 1); + border: 1px solid rgba(255, 255, 255, 0.03); + 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(53, 47, 54, 1); +} +/* Search */ + + +/* "no results" text */ +.search-statustext { + color: rgba(249, 233, 250, 0.38); + font-weight: 700; +} + + +/* founded results content section */ +.search-section-content { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); + border-radius: 15px; + border: none; + background-color: rgba(32, 28, 32, 0.9); + color: rgba(249, 233, 250, 1); +} + +/* provider section label */ +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + color: rgba(249, 233, 250, 1); +} + +/* search result listitem -> item title (with leading icon) */ +.list-search-result .list-search-result-title { + color: rgba(249, 233, 250, 1); +} +/* search result listitem -> item description */ +.list-search-result .list-search-result-description { + color: rgba(249, 233, 250, 0.67); +} + +.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(229, 201, 232, 0.13); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03); +} + +.list-search-result:active, +.search-provider-icon:active { + background-color: rgba(229, 201, 232, 0.13); + color: rgba(249, 233, 250, 1); +} diff --git a/gnome-shell/toggle-off.svg b/gnome-shell/toggle-off.svg new file mode 100644 index 0000000..e6f5a20 --- /dev/null +++ b/gnome-shell/toggle-off.svg @@ -0,0 +1,16 @@ + + + + + + + \ No newline at end of file diff --git a/gnome-shell/toggle-on.svg b/gnome-shell/toggle-on.svg new file mode 100644 index 0000000..fad50fe --- /dev/null +++ b/gnome-shell/toggle-on.svg @@ -0,0 +1,16 @@ + + + + + + + \ No newline at end of file diff --git a/gnome-shell/workspace-placeholder.svg b/gnome-shell/workspace-placeholder.svg new file mode 100644 index 0000000..07d63ab --- /dev/null +++ b/gnome-shell/workspace-placeholder.svg @@ -0,0 +1,119 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc new file mode 120000 index 0000000..2d156ce --- /dev/null +++ b/gtk-2.0/gtkrc @@ -0,0 +1 @@ +../general/gtkrc-dark \ No newline at end of file diff --git a/gtk-3.0/gtk-base.css b/gtk-3.0/gtk-base.css new file mode 120000 index 0000000..4a20f3c --- /dev/null +++ b/gtk-3.0/gtk-base.css @@ -0,0 +1 @@ +../general/gtk-base.css \ No newline at end of file diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/gtk-3.0/gtk-version.css b/gtk-3.0/gtk-version.css new file mode 120000 index 0000000..9903350 --- /dev/null +++ b/gtk-3.0/gtk-version.css @@ -0,0 +1 @@ +../general/gtk-3.css \ No newline at end of file diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/gtk-3.0/titlebar-dark.css b/gtk-3.0/titlebar-dark.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/gtk-3.0/titlebar-dark.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/gtk-4.0/gtk-base.css b/gtk-4.0/gtk-base.css new file mode 120000 index 0000000..4a20f3c --- /dev/null +++ b/gtk-4.0/gtk-base.css @@ -0,0 +1 @@ +../general/gtk-base.css \ No newline at end of file diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/gtk-4.0/gtk-dark.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/gtk-4.0/gtk-version.css b/gtk-4.0/gtk-version.css new file mode 120000 index 0000000..99389a1 --- /dev/null +++ b/gtk-4.0/gtk-version.css @@ -0,0 +1 @@ +../general/gtk-4.css \ No newline at end of file diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css new file mode 120000 index 0000000..ad7dc96 --- /dev/null +++ b/gtk-4.0/gtk.css @@ -0,0 +1 @@ +../general/gtk-dark.css \ No newline at end of file diff --git a/gtk-4.0/titlebar-dark.css b/gtk-4.0/titlebar-dark.css new file mode 120000 index 0000000..85a33fe --- /dev/null +++ b/gtk-4.0/titlebar-dark.css @@ -0,0 +1 @@ +../general/titlebar-color.css \ No newline at end of file diff --git a/index.theme b/index.theme new file mode 100644 index 0000000..e9cf9b0 --- /dev/null +++ b/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Golden-Devil +Comment=GTK Theme +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Golden-Devil +MetacityTheme=Golden-Devil +IconTheme=Golden-Devil +CursorTheme=Golden-Devil +CursorSize=24