@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 #F9548F; @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 destructive_bg_color @red_3; @define-color destructive_fg_color white; @define-color destructive_color @red_4; @define-color success_bg_color @green_4; @define-color success_fg_color white; @define-color success_color @green_5; @define-color warning_bg_color @yellow_5; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color #ae7b03; @define-color error_bg_color @red_3; @define-color error_fg_color white; @define-color error_color @red_4; @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: 42px; } 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 { min-height: 28px; padding-left: 6px; padding-right: 6px; } .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) { 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 { 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 { 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 { 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 { 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{ 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: @accent_bg_color; } 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 { padding: 6px; border-style: none solid solid none; border-color: @borders; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: @borders; background-image: none; } treeview.view 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; } check:disabled, radio:disabled { box-shadow: none; color: mix(@window_fg_color,@view_bg_color,0.3); } check:checked, radio:checked, check:indeterminate, radio:indeterminate { background-clip: border-box; background-color: @accent_bg_color; border-color: transparent; box-shadow: none; color: @accent_fg_color; } check:checked:disabled, radio:checked:disabled, check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-color: mix(@accent_bg_color,@view_bg_color,0.5); color: mix(@accent_fg_color,@view_bg_color,0.3); } 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: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 { border: none; } 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 { background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-width: 1px; border-color: currentcolor; } 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: @window_bg_color; box-shadow: inset 0 0 0 9999px alpha(currentcolor,0.2);} infobar.info > label, infobar.info, infobar.info button {color: mix(@success_bg_color,@window_fg_color,0.2);} infobar.warning > label, infobar.warning, infobar.warning button {color: mix(@warning_bg_color,@window_fg_color,0.2);} infobar.question > label, infobar.question, infobar.question button{color: mix(@accent_bg_color,@window_fg_color,0.2);} infobar.error > label, infobar.error, infobar.error button {color: mix(@error_bg_color,@window_fg_color,0.2);} 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 */ .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: alpha(currentColor,0.07); } .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;}