roundabout,
created on Saturday, 17 September 2016, 07:12:26 (1474096346),
received on Sunday, 11 May 2025, 13:22:00 (1746969720)
Author identity: nana-4 <hnmaigo@gmail.com>
73436bc3ebd8f3cee95c03ecc0e963b14c259525
gtk-3.0/_budgie.scss
@@ -11,7 +11,7 @@
// Budgie Menu
.budgie-menu {
padding : 0;
&.background { padding: 0; }
scrolledwindow:not(.categories) { background-color: $base_color; }
gtk-3.0/_common.scss
@@ -1485,18 +1485,19 @@ menuitem {
***************/
popover.background {
transition: $shadow_transition;
padding: 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 2px + 1px;
box-shadow: $z-depth-2; // TODO: this should really have a highlight
background-color: $lighter_bg_color;
&:backdrop { box-shadow: $z-depth-1; }
&, .csd & {
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 2px + 1px;
}
> stack { margin: -4px; } // remove extra padding from menu style popovers
> toolbar { margin: -2px; }
> list,
> .view,
@@ -1506,16 +1507,17 @@ popover.background {
background-color: transparent;
}
&, .csd & {
&.touch-selection,
&.magnifier,
&.osd { @extend %osd; }
}
&.touch-selection,
&.magnifier,
&.osd { @extend %osd; }
// entry { @extend %entry.flat; }
// button.combo { @extend %combo_flat; }
// button:not(.suggested-action):not(.destructive-action) { @extend %button_basic.flat; }
&.menu button,
button.model {
@extend %simple_flat_button;
@@ -1523,10 +1525,7 @@ popover.background {
padding: 0 8px;
border-radius: 2px;
&:checked {
background-color: $primary_color;
color: $inversed_fg_color;
}
&:checked { @extend %selected_items; }
}
separator { margin: 4px 0; }
gtk-3.0/gtk-dark.css
@@ -134,7 +134,7 @@ assistant .sidebar label {
assistant .sidebar label.highlight {
color: #FFFFFF; }
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, .csd popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9; }
/*********************
@@ -384,7 +384,8 @@ button {
background-color: alpha(currentColor, 0.3);
color: rgba(66, 165, 245, 0.4); }
modelbutton.flat,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
@@ -395,7 +396,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
color: alpha(currentColor, 0.75); }
modelbutton.flat:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
@@ -404,7 +406,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.15));
color: currentColor; }
modelbutton.flat:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
@@ -414,7 +417,8 @@ button {
box-shadow: none;
color: currentColor; }
modelbutton.flat:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
@@ -1204,16 +1208,19 @@ menuitem radio:dir(rtl) {
***************/
popover.background {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #607D8B; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px; }
popover.background > stack {
margin: -4px; }
popover.background > toolbar {
margin: -2px; }
popover.background > list,
popover.background > .view,
popover.background > iconview,
@@ -1221,13 +1228,11 @@ popover.background {
border-style: none;
box-shadow: none;
background-color: transparent; }
popover.background.menu button,
popover.background button.model {
min-height: 32px;
padding: 0 8px;
border-radius: 2px; }
popover.background button.model:checked {
background-color: #42A5F5;
color: #FFFFFF; }
popover.background separator {
margin: 4px 0; }
popover.background list separator {
@@ -2342,17 +2347,20 @@ decoration {
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
background-color: #42A5F5; }
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
color: #FFFFFF; }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
color: rgba(255, 255, 255, 0.4); }
.monospace {
@@ -3147,25 +3155,25 @@ na-tray-applet {
.budgie-container {
background-color: transparent; }
.budgie-menu {
.budgie-menu.background {
padding: 0; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #546E7A; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: #FFFFFF;
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(255, 255, 255, 0.4); }
.budgie-menu row {
all: unset; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #546E7A; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: #FFFFFF;
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(255, 255, 255, 0.4); }
.budgie-menu row {
all: unset; }
button.budgie-menu-launcher {
padding: 0 2px; }
gtk-3.0/gtk-dark_laptop.css
@@ -134,7 +134,7 @@ assistant .sidebar label {
assistant .sidebar label.highlight {
color: #FFFFFF; }
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, .csd popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9; }
/*********************
@@ -384,7 +384,8 @@ button {
background-color: alpha(currentColor, 0.3);
color: rgba(66, 165, 245, 0.4); }
modelbutton.flat,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
@@ -395,7 +396,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
color: alpha(currentColor, 0.75); }
modelbutton.flat:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
@@ -404,7 +406,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.15));
color: currentColor; }
modelbutton.flat:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
@@ -414,7 +417,8 @@ button {
box-shadow: none;
color: currentColor; }
modelbutton.flat:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
@@ -1204,16 +1208,19 @@ menuitem radio:dir(rtl) {
***************/
popover.background {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #607D8B; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px; }
popover.background > stack {
margin: -4px; }
popover.background > toolbar {
margin: -2px; }
popover.background > list,
popover.background > .view,
popover.background > iconview,
@@ -1221,13 +1228,11 @@ popover.background {
border-style: none;
box-shadow: none;
background-color: transparent; }
popover.background.menu button,
popover.background button.model {
min-height: 32px;
padding: 0 8px;
border-radius: 2px; }
popover.background button.model:checked {
background-color: #42A5F5;
color: #FFFFFF; }
popover.background separator {
margin: 4px 0; }
popover.background list separator {
@@ -2342,17 +2347,20 @@ decoration {
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
background-color: #42A5F5; }
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
color: #FFFFFF; }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
color: rgba(255, 255, 255, 0.4); }
.monospace {
@@ -3147,25 +3155,25 @@ na-tray-applet {
.budgie-container {
background-color: transparent; }
.budgie-menu {
.budgie-menu.background {
padding: 0; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #546E7A; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: #FFFFFF;
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(255, 255, 255, 0.4); }
.budgie-menu row {
all: unset; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #546E7A; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: #FFFFFF;
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(255, 255, 255, 0.4); }
.budgie-menu row {
all: unset; }
button.budgie-menu-launcher {
padding: 0 2px; }
gtk-3.0/gtk.css
@@ -134,7 +134,7 @@ assistant .sidebar label {
assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.8); }
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, .csd popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9; }
/*********************
@@ -384,7 +384,8 @@ button {
background-color: alpha(currentColor, 0.3);
color: rgba(66, 165, 245, 0.4); }
modelbutton.flat,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
@@ -395,7 +396,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
color: alpha(currentColor, 0.75); }
modelbutton.flat:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
@@ -404,7 +406,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.15));
color: currentColor; }
modelbutton.flat:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
@@ -414,7 +417,8 @@ button {
box-shadow: none;
color: currentColor; }
modelbutton.flat:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
@@ -1204,16 +1208,19 @@ menuitem radio:dir(rtl) {
***************/
popover.background {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #FAFAFA; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px; }
popover.background > stack {
margin: -4px; }
popover.background > toolbar {
margin: -2px; }
popover.background > list,
popover.background > .view,
popover.background > iconview,
@@ -1221,13 +1228,11 @@ popover.background {
border-style: none;
box-shadow: none;
background-color: transparent; }
popover.background.menu button,
popover.background button.model {
min-height: 32px;
padding: 0 8px;
border-radius: 2px; }
popover.background button.model:checked {
background-color: #42A5F5;
color: #FFFFFF; }
popover.background separator {
margin: 4px 0; }
popover.background list separator {
@@ -2342,17 +2347,20 @@ decoration {
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
background-color: #42A5F5; }
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
color: #FFFFFF; }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
color: rgba(255, 255, 255, 0.4); }
.monospace {
@@ -3147,25 +3155,25 @@ na-tray-applet {
.budgie-container {
background-color: transparent; }
.budgie-menu {
.budgie-menu.background {
padding: 0; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #FFFFFF; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: rgba(0, 0, 0, 0.8);
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(0, 0, 0, 0.32); }
.budgie-menu row {
all: unset; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #FFFFFF; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: rgba(0, 0, 0, 0.8);
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(0, 0, 0, 0.32); }
.budgie-menu row {
all: unset; }
button.budgie-menu-launcher {
padding: 0 2px; }
gtk-3.0/gtk_laptop.css
@@ -134,7 +134,7 @@ assistant .sidebar label {
assistant .sidebar label.highlight {
color: rgba(0, 0, 0, 0.8); }
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, .csd popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
opacity: 0.9; }
/*********************
@@ -384,7 +384,8 @@ button {
background-color: alpha(currentColor, 0.3);
color: rgba(66, 165, 245, 0.4); }
modelbutton.flat,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
@@ -395,7 +396,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
color: alpha(currentColor, 0.75); }
modelbutton.flat:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
@@ -404,7 +406,8 @@ button {
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.15));
color: currentColor; }
modelbutton.flat:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
@@ -414,7 +417,8 @@ button {
box-shadow: none;
color: currentColor; }
modelbutton.flat:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
@@ -1204,16 +1208,19 @@ menuitem radio:dir(rtl) {
***************/
popover.background {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #FAFAFA; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
border-radius: 3px; }
popover.background > stack {
margin: -4px; }
popover.background > toolbar {
margin: -2px; }
popover.background > list,
popover.background > .view,
popover.background > iconview,
@@ -1221,13 +1228,11 @@ popover.background {
border-style: none;
box-shadow: none;
background-color: transparent; }
popover.background.menu button,
popover.background button.model {
min-height: 32px;
padding: 0 8px;
border-radius: 2px; }
popover.background button.model:checked {
background-color: #42A5F5;
color: #FFFFFF; }
popover.background separator {
margin: 4px 0; }
popover.background list separator {
@@ -2342,17 +2347,20 @@ decoration {
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
background-color: #42A5F5; }
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, row:selected, calendar:selected, .budgie-menu button:checked {
.menuitem.button.flat:selected, popover.background.menu button:checked,
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
color: #FFFFFF; }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
color: rgba(255, 255, 255, 0.4); }
.monospace {
@@ -3147,25 +3155,25 @@ na-tray-applet {
.budgie-container {
background-color: transparent; }
.budgie-menu {
.budgie-menu.background {
padding: 0; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #FFFFFF; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: rgba(0, 0, 0, 0.8);
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(0, 0, 0, 0.32); }
.budgie-menu row {
all: unset; }
.budgie-menu scrolledwindow:not(.categories) {
background-color: #FFFFFF; }
.budgie-menu entry.search {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
font-size: 120%; }
.budgie-menu button {
min-height: 32px;
padding: 0 8px;
border-radius: 0;
color: rgba(0, 0, 0, 0.8);
font-weight: normal; }
.budgie-menu button:disabled {
color: rgba(0, 0, 0, 0.32); }
.budgie-menu row {
all: unset; }
button.budgie-menu-launcher {
padding: 0 2px; }