mirror of
https://github.com/He4eT/Desolate-GTK.git
synced 2026-05-04 17:37:22 +00:00
2625 lines
96 KiB
CSS
2625 lines
96 KiB
CSS
* {
|
|
background-clip: padding-box;
|
|
background-origin: border-box;
|
|
}
|
|
|
|
.gtkstyle-fallback { background-color: @gtk_bg_color; color: @gtk_fg_color; }
|
|
|
|
.gtkstyle-fallback:hover { background-color: @gtk_base_color; color: @gtk_fg_color; }
|
|
|
|
.gtkstyle-fallback:active { background-color: shade(@gtk_selected_bg_color,1.5); color: @gtk_fg_color; }
|
|
|
|
.gtkstyle-fallback:disabled { background-color: @insensitive_bg_color; color: @insensitive_fg_color;}
|
|
|
|
.gtkstyle-fallback:selected { background-color: @gtk_selected_bg_color; color: @gtk_selected_fg_color; }
|
|
|
|
label { caret-color: currentColor; }
|
|
|
|
label.error { color: @error_color; }
|
|
|
|
label.error:disabled { color: alpha(@error_color, 0.5); }
|
|
|
|
.dim-label,
|
|
label.separator,
|
|
popover label.separator,
|
|
popover.background label.separator,
|
|
headerbar .subtitle,
|
|
.titlebar:not(headerbar) .subtitle,
|
|
.budgie-notification .notification-body,
|
|
.budgie-switcher .notification-body {opacity: 0.5;}
|
|
|
|
/**************
|
|
* Background *
|
|
**************/
|
|
|
|
.background{background-color: @gtk_bg_color; color: @gtk_fg_color;}
|
|
|
|
.view,
|
|
list,
|
|
notebook > stack:not(:only-child),
|
|
.nautilus-window,
|
|
textview text,
|
|
.dynamic-notebook,
|
|
spinbutton:not(.vertical),
|
|
spinbutton.vertical,
|
|
entry,
|
|
check,
|
|
radio,
|
|
treeview.view check:selected,
|
|
treeview.view radio:selected,
|
|
.view check:not(:checked):selected,
|
|
.view radio:not(:checked):selected,
|
|
check.view:not(treeview):not(:checked):selected,
|
|
radio.view:not(treeview):not(:checked):selected,
|
|
dialog filechooser .sidebar .frame,
|
|
popover scrolledwindow.frame viewport.frame list
|
|
{background-color: shade(@gtk_base_color, 1.2);}
|
|
|
|
/* sidebars color background */
|
|
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
|
|
{background-color: @gtk_sidebar_color;}
|
|
|
|
/* fix widgets background */
|
|
.budgie-popover .view:not(calendar),
|
|
filechooser .sidebar list,
|
|
.dynamic-notebook .view,
|
|
popover scrolledwindow viewport.frame list,
|
|
.budgie-popover list,
|
|
.emoji-picker .view,
|
|
popover > box > list,
|
|
dropdown popover .view,
|
|
combobox popover .view,
|
|
dropdown popover list,
|
|
combobox popover list,
|
|
popover.menu.background > contents .view,
|
|
popover.background > contents > list,
|
|
.unified grid paned .sidebar.vertical list
|
|
{background-color: transparent;}
|
|
|
|
/* Drag and Drop */
|
|
*:drop(active):focus,
|
|
*:drop(active) { box-shadow: inset 0 0 0 1px @warning_color;}
|
|
|
|
treeview.view{ color: @gtk_fg_color;}
|
|
|
|
/*********
|
|
* Style *
|
|
*********/
|
|
check,
|
|
radio,
|
|
treeview.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check,
|
|
spinbutton:not(.vertical),
|
|
spinbutton.vertical,
|
|
entry,
|
|
button,
|
|
.inline-toolbar button.flat,
|
|
.inline-toolbar button,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action),
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action),
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
.nautilus-window .titlebar .path-bar-box,
|
|
messagedialog .linked:not(.vertical) > button:dir(ltr):not(:last-child),
|
|
messagedialog .linked:not(.vertical) > button:dir(ltr):not(:first-child),
|
|
window.dialog.message .dialog-action-area button,
|
|
switch,
|
|
progressbar trough,
|
|
scale:hover slider,
|
|
scale.marks-after slider,
|
|
scale.marks-before slider,
|
|
switch slider,
|
|
progressbar progress,
|
|
scale highlight,
|
|
levelbar block,/*
|
|
tabbox tab,
|
|
notebook tab,*/
|
|
scale trough,
|
|
levelbar trough,
|
|
menu,
|
|
.menu,
|
|
editablelabel > stack > text
|
|
{ border-width: 1px; border-style: solid; } /* widget borders */
|
|
|
|
scale:hover slider,
|
|
scale.marks-after slider:hover,
|
|
scale.marks-before slider:hover,
|
|
check:hover,
|
|
radio:hover,
|
|
switch:hover{}
|
|
|
|
.drop-shadow,
|
|
.raven .raven-background,
|
|
.raven-notifications-view list box.vertical row
|
|
{background-color: shade(@panel_bg,1.3);}
|
|
|
|
.raven button:not(.flat),
|
|
.drop-shadow button:not(.flat),
|
|
.budgie-panel button:not(.launcher):not(.flat),
|
|
.xfce4-panel.panel button:not(.flat),
|
|
.workspace-add-button
|
|
{background-color: alpha(white,0.15);}
|
|
|
|
.budgie-panel separator,
|
|
.raven scale highlight,
|
|
.titlebar scale highlight,
|
|
.titlebar progressbar progress,
|
|
infobar scale highlight,
|
|
infobar progressbar progress,
|
|
.drop-shadow scale highlight,
|
|
.drop-shadow progressbar progress {background-color: currentcolor; color: inherit; border: none;}
|
|
|
|
check:checked,
|
|
check:indeterminate,
|
|
radio:checked,
|
|
radio:indeterminate,
|
|
treeview.view check:checked,
|
|
treeview.view check:indeterminate,
|
|
treeview.view radio:checked,
|
|
treeview.view radio:indeterminate,
|
|
treeview.view.content-view.check:not(list):checked,
|
|
iconview.content-view.check:not(list):checked,
|
|
.content-view:not(list) check:checked,
|
|
check.view:not(treeview):selected,
|
|
radio.view:not(treeview):selected,
|
|
scrollbar slider,
|
|
progressbar progress,
|
|
levelbar block:not(.empty),
|
|
levelbar block.high,
|
|
scale highlight,
|
|
switch,
|
|
switch slider,
|
|
menu
|
|
{border-color: @gtk_transparent_borders;}
|
|
|
|
/* use this if gtk4 doesnt respond to the background-clip of widgets */
|
|
|
|
check,
|
|
radio,
|
|
switch,
|
|
progressbar progress,
|
|
progress trough,
|
|
scale highlight,
|
|
scale trough,
|
|
levelbar trough,
|
|
levelbar block
|
|
{box-shadow: inset 0 0 0 1px alpha(black,0.01);}
|
|
|
|
button,
|
|
.inline-toolbar button.flat,
|
|
.inline-toolbar button,
|
|
.titlebar button.titlebutton,
|
|
.titlebar windowcontrols button,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action),
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action),
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
tabbox tab:checked,
|
|
notebook tab:checked,
|
|
.nautilus-window .titlebar .path-bar-box,
|
|
scale:hover slider,
|
|
scale.marks-after slider,
|
|
scale.marks-before slider,
|
|
switch slider,
|
|
progressbar progress,
|
|
levelbar block:not(.empty),
|
|
levelbar block.high,
|
|
scale highlight
|
|
,
|
|
/**/
|
|
spinbutton:not(.vertical),
|
|
spinbutton.vertical,
|
|
spinbutton.vertical:disabled,
|
|
entry,
|
|
check,
|
|
radio,
|
|
treeview.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check,
|
|
.view check:not(:checked):selected,
|
|
.view radio:not(:checked):selected ,
|
|
check.view:not(treeview):not(:checked):selected,
|
|
radio.view:not(treeview):not(:checked):selected
|
|
,
|
|
button:checked,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action):checked,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:checked,
|
|
.inline-toolbar button.flat:checked,
|
|
.inline-toolbar button:checked,
|
|
button.flat:checked,
|
|
viewswitcher button:checked,
|
|
spinbutton:not(.vertical) button:checked,
|
|
.budgie-panel button.launcher.flat:checked,
|
|
tabbox tab button:checked,
|
|
notebook > header > tabs > arrow:checked,
|
|
.dynamic-notebook.inline-toolbar button.flat:checked,
|
|
treeview.view button:checked,
|
|
spinbutton.vertical button:checked,
|
|
.toolbar button:checked,
|
|
calendar header button:checked,
|
|
.osd button:checked,
|
|
.osd button.flat:checked,
|
|
.sidebar actionbar.inline-toolbar button:checked,
|
|
actionbar.flat button:checked,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):checked,
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:checked,
|
|
.titlebar button.titlebutton:active,
|
|
.titlebar windowcontrols button:active,
|
|
.titlebar button.titlebutton:checked,
|
|
.titlebar windowcontrols button:checked,
|
|
switch,
|
|
progressbar trough,
|
|
levelbar block,
|
|
scale trough
|
|
{
|
|
border-color: @gtk_transparent_borders;
|
|
}
|
|
|
|
/* Sizes */
|
|
|
|
button label{ padding: 0 8px;}
|
|
|
|
stackswitcher button.text-button,
|
|
headerbar viewswitcher button { min-width: 110px;}
|
|
|
|
.titlebar button box,
|
|
toolbar button box{margin: -4px;}
|
|
|
|
button{min-height: 16px; min-width: 16px;}
|
|
|
|
spinbutton:not(.vertical),
|
|
entry{ min-width: 16px;}
|
|
|
|
combobox arrow,
|
|
button,
|
|
spinbutton:not(.vertical),
|
|
entry,
|
|
scale
|
|
{ padding: 6px;}
|
|
|
|
tabbox tab,
|
|
notebook tab{padding: 3px;}
|
|
|
|
.titlebar button.text-button{}
|
|
|
|
spinbutton:not(.vertical){padding: 0;}
|
|
|
|
progressbar progress,
|
|
progressbar trough,
|
|
scale highlight,
|
|
scale trough,
|
|
levelbar block
|
|
{min-height: 6px; min-width: 6px;}
|
|
|
|
/* this fix the size of comboboxes */
|
|
combobox button cellview { padding: 0 2px;}
|
|
combobox button{ padding: 0;}
|
|
|
|
button,
|
|
spinbutton:not(.vertical),
|
|
spinbutton.vertical,
|
|
entry,
|
|
progressbar progress,
|
|
progressbar trough,
|
|
scale highlight,
|
|
scale trough,
|
|
levelbar trough,
|
|
levelbar block
|
|
{border-radius: 0.0px;}
|
|
|
|
/***************
|
|
* Separators *
|
|
***************/
|
|
|
|
calendar,
|
|
.content,
|
|
dialog filechooser box stack,
|
|
dialog filechooser .sidebar
|
|
{ border: 1px solid @gtk_borders; }
|
|
|
|
frame.flat > border,
|
|
.documents-scrolledwin.frame,
|
|
.documents-scrolledwin.frame frame.content-view > border,
|
|
frame > border.flat,
|
|
.frame.flat,
|
|
.geary-accounts-editor-pane .frame,
|
|
.standard-view,
|
|
scrolledwindow viewport.frame ,
|
|
statusbar frame,
|
|
filechooser .sidebar:not(separator):dir(ltr),
|
|
filechooser .sidebar:not(separator).left,
|
|
filechooser .sidebar:not(separator).left:dir(rtl),
|
|
filechooser .sidebar:not(separator):dir(rtl),
|
|
filechooser .sidebar:not(separator).right,
|
|
dialog filechooser .view stack,
|
|
filechooser stack frame,
|
|
overlay > leaflet > stack > frame,
|
|
button colorswatch,
|
|
columnview.view header,
|
|
toolbar.vertical,
|
|
.nautilus-window placessidebar viewport,
|
|
.nautilus-window notebook,
|
|
.unified grid paned .sidebar,
|
|
.nemo-window grid paned .sidebar,
|
|
.raven-frame,
|
|
.budgie-popover border,
|
|
.budgie-popover frame,
|
|
.app-notification border,
|
|
.app-notification.frame border
|
|
{ border-style: none;}
|
|
|
|
separator{background-color: @gtk_borders; min-width: 1px; min-height: 1px; }
|
|
|
|
undershoot.top { background-image: linear-gradient(to bottom, alpha(@gtk_shadow,0.3) 0% ,transparent 10% );}
|
|
undershoot.bottom { background-image: linear-gradient(to top, alpha(@gtk_shadow,0.3) 0% ,transparent 10% );}
|
|
|
|
scrolledwindow junction { border: none; border-image: none; background-color: transparent; }
|
|
|
|
paned > separator {
|
|
min-width: 1px;
|
|
min-height: 1px;
|
|
-gtk-icon-source: none;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
background-image: image(@gtk_borders);
|
|
background-size: 1px 1px;
|
|
}
|
|
|
|
paned > separator.wide {
|
|
min-width: 5px;
|
|
min-height: 5px;
|
|
background-color: @gtk_bg_color;
|
|
background-image: image(@gtk_borders), image(@gtk_borders);
|
|
background-size: 1px 1px, 1px 1px; }
|
|
|
|
paned.horizontal > separator { background-repeat: repeat-y; }
|
|
paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
|
|
paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
|
|
paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
|
|
paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
|
|
paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
|
|
|
|
.frame.sidebar{ background-color: transparent; border: none;}
|
|
|
|
headerbar separator.titlebutton,
|
|
.titlebar:not(headerbar) separator.titlebutton {
|
|
min-width: 1px;
|
|
min-height: 12px;
|
|
background: alpha(currentcolor,0.2);
|
|
border-width: 0 0;
|
|
border-image: none;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
/************
|
|
* Entries *
|
|
************/
|
|
|
|
spinbutton:not(.vertical),entry { caret-color: currentColor; color: @gtk_fg_color; }
|
|
entry image {color: currentcolor;}
|
|
|
|
spinbutton:not(.vertical):focus,
|
|
entry:focus,
|
|
.gedit-search-slider entry:focus,
|
|
spinbutton.vertical:focus {
|
|
border-color: @gtk_selected_bg_color;
|
|
box-shadow: inset 0 0 0 1px @gtk_selected_bg_color;
|
|
}
|
|
|
|
|
|
entry.warning {
|
|
color: @warning_color;
|
|
border-color: @warning_color;
|
|
box-shadow: inset 0 0 0 1px @warning_color;
|
|
}
|
|
|
|
entry.warning selection, entry.warning selection:focus {
|
|
background-color: @warning_color;
|
|
color: white;
|
|
}
|
|
|
|
entry.error,.gedit-search-slider entry.error{
|
|
color: @error_color;
|
|
border-color: @error_color;
|
|
box-shadow: inset 0 0 0 1px @error_color;}
|
|
|
|
entry.error selection,
|
|
entry.error selection:focus,
|
|
entry.search-missing selection,
|
|
entry.search-missing selection:focus {
|
|
background-color: @error_color;
|
|
color: white;
|
|
}
|
|
|
|
entry.search-missing {
|
|
color: @error_color;
|
|
border-color: @error_color;
|
|
}
|
|
|
|
entry:drop(active):focus, entry:drop(active) {
|
|
border-color: @warning_color;
|
|
box-shadow: none;
|
|
}
|
|
|
|
entry progress {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
border-width: 0 ;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
box-shadow: 0 2px @gtk_selected_bg_color;
|
|
}
|
|
|
|
infobar entry{font-weight: normal;}
|
|
|
|
.titlebar entry{color: inherit; }
|
|
|
|
/***********
|
|
* Buttons *
|
|
***********/
|
|
spinbutton:not(.vertical),
|
|
spinbutton.vertical,
|
|
entry,
|
|
button,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action),
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
.inline-toolbar button.flat,
|
|
.inline-toolbar button,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action),
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button
|
|
{ background-clip: padding-box;}
|
|
|
|
button,
|
|
.inline-toolbar button.flat,
|
|
.inline-toolbar button
|
|
{background-color: @gtk_button_color;}
|
|
|
|
.osd spinbutton:not(.vertical) button,
|
|
.osd spinbutton:not(.vertical) entry,
|
|
spinbutton:not(.vertical) button,
|
|
spinbutton:not(.vertical) entry,
|
|
spinbutton.vertical button,
|
|
spinbutton.vertical entry
|
|
{background-color: transparent; border: none; box-shadow: none; background-image: none;}
|
|
|
|
/* TitleButton */
|
|
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action),
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button,
|
|
.titlebar spinbutton:not(.vertical),
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action),
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button
|
|
{background-color: @gtk_titlebar_button_color;}
|
|
|
|
.titlebar button.titlebutton,
|
|
.titlebar windowcontrols button{}
|
|
|
|
.titlebar.windowhandle,
|
|
.titlebar.default-decoration {}
|
|
|
|
.titlebar button.titlebutton,
|
|
windowcontrols button{}
|
|
|
|
.titlebar .right,
|
|
.titlebar .left,
|
|
.titlebar.chromium,
|
|
.horizontal .end,
|
|
.horizontal .start{}
|
|
|
|
.titlebar stackswitcher button.text-button{}
|
|
|
|
/* Action Button */
|
|
|
|
button.suggested-action,
|
|
button.destructive-action{font-weight: bold;}
|
|
|
|
button.suggested-action{color: mix(@gtk_selected_bg_color,@gtk_fg_color,0.3); background-color: mix(@gtk_selected_bg_color,@gtk_base_color,0.75);}
|
|
button.destructive-action{color: mix(@error_color,@gtk_fg_color,0.3); background-color: mix(@error_color,@gtk_base_color,0.75);}
|
|
|
|
button.suggested-action:disabled,
|
|
button.destructive-action:disabled{ background-color: transparent; color: alpha(currentcolor,0.5); text-shadow: none; -gtk-icon-shadow: none;}
|
|
|
|
/* Flat Button */
|
|
|
|
.titlebar button:not(.suggested-action):not(.destructive-action),
|
|
|
|
button.flat,
|
|
button.flat:disabled,
|
|
.titlebar button.titlebutton,
|
|
.titlebar windowcontrols button,
|
|
viewswitcher button,
|
|
viewswitcher button:disabled,
|
|
tabbox tab button,
|
|
tabbox tab button:disabled,
|
|
.toolbar button,
|
|
.toolbar button:disabled,
|
|
calendar header button,
|
|
calendar header button:disabled,
|
|
.osd button.flat,
|
|
.osd button.flat:disabled,
|
|
.osd button:disabled,
|
|
.app-notification button.flat,
|
|
.app-notification button.flat:disabled,
|
|
.app-notification button:disabled
|
|
{
|
|
background-clip: border-box;
|
|
background-color: transparent;
|
|
color: currentcolor;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
}
|
|
|
|
/* Contextual Button*/
|
|
|
|
list button:not(.suggested-action):not(.destructive-action):not(.flat),
|
|
#pulseaudio-button menu .linked button:not(.suggested-action):not(.destructive-action):not(.flat),
|
|
infobar button:not(.suggested-action):not(.destructive-action):not(.flat)
|
|
{background-color: transparent; }
|
|
|
|
/* Hover State */
|
|
|
|
button:hover,
|
|
.inline-toolbar button.flat:hover,
|
|
.inline-toolbar button:hover,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action):hover,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:hover,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):hover,
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:hover
|
|
,
|
|
|
|
button.flat:hover,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action):hover,
|
|
viewswitcher button:hover,
|
|
spinbutton:not(.vertical) button:hover,
|
|
notebook tab:not(:checked):hover,
|
|
.budgie-panel button.launcher.flat:hover,
|
|
tabbox tab button:hover,
|
|
tabbox tab:not(:checked):hover,
|
|
notebook > header > tabs > arrow:hover,
|
|
.dynamic-notebook.inline-toolbar button.flat:hover,
|
|
treeview.view button:hover,
|
|
spinbutton.vertical button:hover,
|
|
.toolbar button:hover,
|
|
calendar header button:hover,
|
|
.osd button.flat:hover,
|
|
.sidebar actionbar.inline-toolbar button:hover,
|
|
actionbar.flat button:hover
|
|
{background-color: alpha(@gtk_selected_bg_color, 0.4);}
|
|
|
|
/* Checked State */
|
|
|
|
button:active,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action):active,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action):active,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:active,
|
|
.inline-toolbar button.flat:active,
|
|
.inline-toolbar button:active,
|
|
button.flat:active,
|
|
viewswitcher button:active,
|
|
spinbutton:not(.vertical) button:active,
|
|
notebook tab:not(:checked):active,
|
|
.budgie-panel button.launcher.flat:active,
|
|
tabbox tab button:active,
|
|
tabbox tab:not(:checked):active,
|
|
notebook > header > tabs > arrow:active,
|
|
.dynamic-notebook.inline-toolbar button.flat:active,
|
|
treeview.view button:active,
|
|
spinbutton.vertical button:active,
|
|
.toolbar button:active,
|
|
calendar header button:active,
|
|
.osd button:active,
|
|
.osd button.flat:active,
|
|
.sidebar actionbar.inline-toolbar button:active,
|
|
actionbar.flat button:active,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):active,
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:active,
|
|
|
|
button:checked,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action):checked,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action):checked,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:checked,
|
|
.inline-toolbar button.flat:checked,
|
|
.inline-toolbar button:checked,
|
|
button.flat:checked,
|
|
viewswitcher button:checked,
|
|
spinbutton:not(.vertical) button:checked,
|
|
.budgie-panel button.launcher.flat:checked,
|
|
notebook > header > tabs > arrow:checked,
|
|
.dynamic-notebook.inline-toolbar button.flat:checked,
|
|
treeview.view button:checked,
|
|
spinbutton.vertical button:checked,
|
|
.toolbar button:checked,
|
|
calendar header button:checked,
|
|
.osd button:checked,
|
|
.osd button.flat:checked,
|
|
.sidebar actionbar.inline-toolbar button:checked,
|
|
actionbar.flat button:checked,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):checked,
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:checked
|
|
{background-image: image(alpha(@gtk_selected_bg_color,0.60));}
|
|
|
|
/* Disabled State */
|
|
button:disabled,
|
|
entry:disabled,
|
|
spinbutton:not(.vertical):disabled,
|
|
spinbutton.vertical:disabled,
|
|
check:disabled,
|
|
radio:disabled,
|
|
check:checked:disabled,
|
|
radio:checked:disabled,
|
|
check:indeterminate:disabled,
|
|
radio:indeterminate:disabled,
|
|
.inline-toolbar button.flat:disabled,
|
|
.inline-toolbar button:disabled,
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):disabled,
|
|
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:disabled,
|
|
.titlebar .linked button:not(.suggested-action):not(.destructive-action):disabled,
|
|
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:disabled
|
|
{
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-color: @gtk_transparent_borders;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* this fix backdrop ssd text titlebar */
|
|
.titlebar.default-decoration:backdrop,
|
|
.titlebar.default-decoration button.titlebutton:backdrop,
|
|
.titlebar .titlebutton.chromium:backdrop,
|
|
.titlebar .titlebutton:backdrop label,
|
|
.titlebar .titlebutton:backdrop image,
|
|
.titlebar:backdrop label,
|
|
.titlebar:backdrop image,
|
|
menubar:backdrop,
|
|
.menubar:backdrop,
|
|
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal:backdrop
|
|
{color: mix(@gtk_titlebar_fg_color, @gtk_titlebar_bg_backdrop_color, 0.5);}
|
|
|
|
button:checked:disabled
|
|
{background-image: image(alpha(currentcolor,0.1));}
|
|
|
|
label:disabled,
|
|
image:disabled,
|
|
notebook arrow:disabled,
|
|
spinbutton:disabled,
|
|
spinbutton.horizontal button:disabled,
|
|
treeview.view:disabled,
|
|
entry:disabled,
|
|
combobox button:disabled,
|
|
.titlebar button.suggested-action:not(:disabled):backdrop label,
|
|
.titlebar button.destructive-action:not(:disabled):backdrop label,
|
|
.titlebar button.suggested-action:not(:disabled):backdrop image,
|
|
.titlebar button.destructive-action:not(:disabled):backdrop image,
|
|
.titlebar button.suggested-action:disabled label,
|
|
.titlebar button.destructive-action:disabled label,
|
|
.titlebar button.suggested-action:disabled image,
|
|
.titlebar button.destructive-action:disabled image,
|
|
.titlebar label:disabled,
|
|
.titlebar image:disabled,
|
|
check:disabled,
|
|
radio:disabled,
|
|
check:checked:disabled,
|
|
radio:checked:disabled,
|
|
check:indeterminate:disabled,
|
|
radio:indeterminate:disabled
|
|
{ color: alpha(currentcolor,0.5);}
|
|
|
|
/* Viewswitchers */
|
|
|
|
headerbar viewswitcher stack { margin: -2px 0;}/* this fix the big headerbar with viewswitcher */
|
|
|
|
headerbar viewswitcher button{ margin: 0;}
|
|
|
|
viewswitcher button box{ padding: 0 12px;}
|
|
|
|
viewswitcher button
|
|
{
|
|
border-radius: 0;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
font-size: 85%;
|
|
border: none;
|
|
}
|
|
|
|
viewswitcherbar actionbar,
|
|
actionbar viewswitcher button box{ padding: 0;}
|
|
|
|
/* Treeview Button */
|
|
|
|
treeview.view button,
|
|
columnview.view button{border-radius: 0; background-color: @gtk_bg_color; box-shadow: none; border-width: 0 1px 1px 0; }
|
|
|
|
treeview.view button:last-child,
|
|
columnview.view button:last-child{border-width: 0 0 1px 0;}
|
|
|
|
treeview.view button,
|
|
treeview.view button:hover,
|
|
treeview.view button:active,
|
|
treeview.view button:checked,
|
|
columnview.view button,
|
|
columnview.view button:hover,
|
|
columnview.view button:active,
|
|
columnview.view button:checked
|
|
{border-color: @gtk_transparent_borders;}
|
|
|
|
/* Linked Widget */
|
|
|
|
.linked spinbutton.horizontal{border-radius: 0;}
|
|
|
|
.inline-toolbar:not(actionbar) button,
|
|
toolbar.inline-toolbar:not(actionbar) toolbutton > button.flat
|
|
{ border-right-style: none; border-radius: 0; }
|
|
|
|
.inline-toolbar:not(actionbar) button:first-child,
|
|
toolbar.inline-toolbar:not(actionbar) toolbutton:first-child > button.flat
|
|
{ border-top-left-radius: 0.0px; border-bottom-left-radius: 0.0px; }
|
|
|
|
.inline-toolbar:not(actionbar) button:last-child,
|
|
toolbar.inline-toolbar:not(actionbar) toolbutton:last-child > button.flat
|
|
{ border-right-style: solid; border-top-right-radius: 0.0px; border-bottom-right-radius: 0.0px;}
|
|
|
|
.inline-toolbar:not(actionbar) button:only-child,
|
|
toolbar.inline-toolbar:not(actionbar) toolbutton:only-child > button.flat
|
|
{ border-style: solid; border-radius: 0.0px; }
|
|
|
|
/* Linked Horizontal */
|
|
|
|
/* First Child*/
|
|
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child),
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):not(:last-child)
|
|
{ border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none;}
|
|
|
|
/* Last Child */
|
|
.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child),
|
|
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):not(:first-child)
|
|
{ border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
|
|
|
/* Linked Vertical */
|
|
|
|
/* First Child*/
|
|
.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child)
|
|
{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; }
|
|
|
|
/* Last Child */
|
|
.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child)
|
|
{ border-top-left-radius: 0; border-top-right-radius: 0; }
|
|
|
|
/* this fix the lack of border on linked widgets */
|
|
|
|
.contacts-postal-entry:focus:not(:last-child),
|
|
.linked.vertical > spinbutton:not(.vertical):focus { box-shadow:inset 0 0 0 1px @gtk_selected_bg_color, inset 0 -2px @gtk_selected_bg_color;}
|
|
|
|
.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 { border-left-color: @gtk_selected_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_color; }
|
|
|
|
.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: @success_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: @gtk_transparent_borders; }
|
|
|
|
.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: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 { border-top-color: @gtk_selected_bg_color; }
|
|
|
|
.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),
|
|
.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 { border-top-color: @error_color; }
|
|
|
|
.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: @success_color; }
|
|
|
|
/* Check and Radio */
|
|
|
|
check,radio { -gtk-icon-source: none;}
|
|
check:checked { -gtk-icon-source: -gtk-recolor(url("checkbox-symbolic.svg"));}
|
|
check:indeterminate { -gtk-icon-source: -gtk-recolor(url("checkbox-mixed-symbolic.svg"));}
|
|
radio:checked { -gtk-icon-source: -gtk-recolor(url("radio-symbolic.svg"));}
|
|
radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("radio-mixed-symbolic.svg"));}
|
|
|
|
check,
|
|
radio,
|
|
treeview.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check,
|
|
.view check:not(:checked):selected,
|
|
.view radio:not(:checked):selected,
|
|
check.view:not(treeview):not(:checked):selected,
|
|
radio.view:not(treeview):not(:checked):selected {}
|
|
|
|
check:checked,
|
|
check:indeterminate,
|
|
radio:checked,
|
|
radio:indeterminate,
|
|
treeview.view check:checked,
|
|
treeview.view check:indeterminate,
|
|
treeview.view radio:checked,
|
|
treeview.view radio:indeterminate,
|
|
treeview.view.content-view.check:not(list):checked,
|
|
iconview.content-view.check:not(list):checked,
|
|
.content-view:not(list) check:checked
|
|
{color: @gtk_selected_fg_color; background-color: @gtk_selected_bg_color;}
|
|
|
|
/* Sizes of check and radio */
|
|
check,
|
|
radio,
|
|
treeview.view check:selected,
|
|
treeview.view radio:selected{min-height: 16px; min-width: 16px;}
|
|
|
|
window flowbox grid overlay check,
|
|
.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check,
|
|
.view.content-view.check:not(list):checked,
|
|
iconview.content-view.check:not(list):checked,
|
|
.content-view:not(list) check:checked{ min-height: 36px; min-width: 36px;}
|
|
|
|
.view.content-view.check:not(list):checked,
|
|
iconview.content-view.check:not(list):checked,
|
|
.content-view:not(list) check:checked{-gtk-icon-source: -gtk-icontheme('object-select-symbolic');}
|
|
|
|
check,radio{margin-right: 4px;}
|
|
|
|
checkbutton.text-button,
|
|
radiobutton.text-button {padding: 2px;}
|
|
|
|
checkbutton.text-button label:not(:only-child),
|
|
radiobutton.text-button label:not(:only-child) {margin: 0 4px;}
|
|
|
|
check,
|
|
.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check{border-radius: 0.0px;}
|
|
|
|
radio{border-radius: 9999px;}
|
|
|
|
/* Links */
|
|
|
|
button:link,
|
|
button:link:hover,
|
|
button:link:active,
|
|
button:link:checked,
|
|
button:visited,
|
|
button:visited:hover,
|
|
button:visited:active,
|
|
button:visited:checked
|
|
{background-image: none; background-color: transparent; box-shadow: none;}
|
|
|
|
button:link > label, button:link, *:link { color: @gtk_selected_bg_color; }
|
|
button:visited > label, button:visited{ color: mix(@gtk_selected_bg_color,@error_color,0.5); }
|
|
|
|
button:link > label:disabled,
|
|
button:visited > label:disabled,
|
|
button:disabled:link,
|
|
button:disabled:visited,
|
|
*:link:disabled { color: alpha(@gtk_selected_bg_color,0.5); }
|
|
|
|
button.circular,
|
|
.circular{ border-radius: 9999px; }
|
|
|
|
:link:hover label,
|
|
:visited:hover label{ text-decoration: underline ;}
|
|
|
|
/* Colorswatch Button */
|
|
|
|
colorswatch#add-color-button {
|
|
border-style: none;
|
|
color: white;
|
|
background-image: linear-gradient(to right, red 25%, orange 25%, orange 50%, green 50%, green 75%, blue 75%);
|
|
}
|
|
|
|
colorswatch.dark overlay {color: white;}
|
|
colorswatch.light overlay {color: black;}
|
|
|
|
colorswatch overlay {border:1px solid @gtk_transparent_borders;}
|
|
|
|
/* Keycap */
|
|
|
|
.keycap {
|
|
min-width: 16px;
|
|
min-height: 20px;
|
|
padding: 2px 6px 4px 6px;
|
|
color: @gtk_fg_color;
|
|
background-color: @gtk_base_color;
|
|
border: 1px solid @gtk_transparent_borders;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0 -3px alpha(black,0.2);
|
|
font-weight: bold;
|
|
}
|
|
|
|
menu .keycap,
|
|
popover .keycap{
|
|
padding: 0 6px;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: alpha(currentcolor,0.1);
|
|
min-height: 0;
|
|
font-size: smaller;
|
|
}
|
|
|
|
/***********
|
|
* Sliders *
|
|
***********/
|
|
|
|
progressbar trough,
|
|
scale trough,
|
|
levelbar trough,
|
|
levelbar block{border-color: @gtk_transparent_borders;}
|
|
|
|
progressbar progress,
|
|
scale highlight{margin: -1px;}
|
|
|
|
switch:checked,
|
|
progressbar progress,
|
|
levelbar block:not(.empty),
|
|
levelbar block.high,
|
|
scale highlight
|
|
{color: @gtk_selected_fg_color; background-color: @gtk_selected_bg_color;}
|
|
|
|
switch image,
|
|
switch image:backdrop,
|
|
.titlebar switch image,
|
|
.titlebar switch image:backdrop,
|
|
switch:disabled image,
|
|
.titlebar switch image:disabled {color:transparent;}
|
|
|
|
switch,
|
|
switch slider{border-radius: 0.0px;}
|
|
|
|
switch{color: currentcolor; background-color: shade(@gtk_bg_color, 0.7);}
|
|
|
|
switch slider {
|
|
margin: -1px;
|
|
background-color: mix(@gtk_bg_color, @gtk_fg_color, 0.1);
|
|
min-height: 22px;
|
|
min-width: 22px;
|
|
}
|
|
|
|
switch:disabled,
|
|
switch slider:disabled,
|
|
switch slider:checked:disabled { background-color: alpha(currentcolor,1.15); box-shadow: none; background: none;}
|
|
|
|
switch:checked:disabled,
|
|
scale highlight:disabled,
|
|
scale > highlight:disabled{ background-color: alpha(@gtk_selected_bg_color,0.5);}
|
|
|
|
/* Scale slider */
|
|
|
|
scale trough{padding: 0px;}
|
|
|
|
scale slider{ background-color: mix(@gtk_bg_color, @gtk_fg_color, 0.15); box-shadow: none; border-radius: 0.0px; border-width: 1px; border-style: solid; border-color: @gtk_bg_color;}
|
|
|
|
scale.horizontal slider{ padding: 11px 5px; margin: -10px 0;}
|
|
scale.vertical slider{ padding: 5px 11px; margin: 0 -10px;}
|
|
|
|
scale:hover slider,
|
|
scale.marks-after slider,
|
|
scale.marks-before slider{background-color: @gtk_base_color; border-color: @gtk_transparent_borders; }
|
|
|
|
/* Scrollbars */
|
|
|
|
scrollbar{}
|
|
|
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 4px; }
|
|
|
|
scrollbar slider {
|
|
min-width: 8px;
|
|
min-height: 8px;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
margin: 4px;
|
|
border-radius: 0px;
|
|
background-clip: border-box;
|
|
background-color: mix(@gtk_bg_color,@gtk_fg_color,0.5);
|
|
}
|
|
|
|
/****************
|
|
* Progressbars *
|
|
****************/
|
|
|
|
progressbar trough{padding: 0px;}
|
|
|
|
treeview.view.progressbar {box-shadow: inset 0 0 0 9999px alpha(currentcolor,0.4); }
|
|
treeview.view.trough {box-shadow: inset 0 0 0 1px alpha(currentcolor,0.4);}
|
|
|
|
/* Levelbar */
|
|
|
|
levelbar block{margin: 2px;}
|
|
|
|
/*************
|
|
* Notebooks *
|
|
*************/
|
|
|
|
notebook header,
|
|
tabbox{ border: 1px solid @gtk_borders; background-color: shade(@gtk_bg_color, 0.9);}
|
|
|
|
notebook > header.top {border-width: 0 0 1px 0 ;}
|
|
notebook > header.bottom {border-width: 1px 0 0 0;}
|
|
notebook > header.left {border-width: 0 1px 0 0;}
|
|
notebook > header.right {border-width: 0 0 0 1px;}
|
|
|
|
notebook > header.top > tabs > tab:checked,tabbox tab:checked{box-shadow: inset 0 -2px @gtk_selected_bg_color;}
|
|
notebook > header.bottom > tabs > tab:checked{box-shadow: inset 0 2px @gtk_selected_bg_color;}
|
|
notebook > header.left > tabs > tab:checked{box-shadow: inset -2px 0 @gtk_selected_bg_color;}
|
|
notebook > header.right > tabs > tab:checked{box-shadow: inset 2px 0 @gtk_selected_bg_color;}
|
|
|
|
notebook > header.top > tabs > tab:last-child,
|
|
notebook > header.bottom > tabs > tab:last-child{}
|
|
notebook > header.left > tabs > tab:last-child,
|
|
notebook > header.right > tabs > tab:last-child{}
|
|
|
|
tabbox tab,
|
|
notebook tab{margin: 0px; border-color: transparent; font-weight: bold; border-radius: 0;}
|
|
|
|
/* Hdy Tab */
|
|
tabbox tab{ }
|
|
|
|
tabbox tab:checked,
|
|
notebook tab:checked{ background-color: alpha(@gtk_selected_bg_color, 0.4);}
|
|
|
|
tabbox tab button{ padding: 2px; margin: 4px;}
|
|
|
|
notebook tab label { padding: 3px 6px;}
|
|
|
|
tab .small-button{ padding: 2px;}
|
|
|
|
/**********
|
|
* Arrows *
|
|
**********/
|
|
|
|
arrow,
|
|
columnview.view.expander,
|
|
treeview.view.expander{min-height: 16px; min-width: 16px;}
|
|
|
|
modelbutton.flat arrow.left,
|
|
notebook > header.top > tabs > arrow.down,
|
|
notebook > header.bottom > tabs > arrow.down,
|
|
scrollbar.horizontal button.up,
|
|
menubutton arrow.left,
|
|
menu menuitem arrow:dir(rtl),
|
|
.menu menuitem arrow:dir(rtl),
|
|
expander arrow:dir(rtl),
|
|
expander:dir(rtl),
|
|
treeview.view.expander:dir(rtl),
|
|
columnview.view.expander:dir(rtl)
|
|
{ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");}
|
|
|
|
menu menuitem arrow:dir(ltr),
|
|
.menu menuitem arrow:dir(ltr),
|
|
modelbutton.flat arrow.right,
|
|
expander arrow,
|
|
expander,
|
|
treeview.view.expander,
|
|
notebook > header.top > tabs > arrow.up,
|
|
notebook > header.bottom > tabs > arrow.up,
|
|
scrollbar.horizontal button.down,
|
|
columnview.view.expander
|
|
{ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");}
|
|
|
|
menu > arrow.top,
|
|
.menu > arrow.top,
|
|
scrollbar.vertical button.up,
|
|
menubutton arrow.up,
|
|
menubutton arrow.right,
|
|
columnview.view > header > button sort-indicator.ascending,
|
|
treeview.view > header > button sort-indicator.ascending
|
|
{ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");}
|
|
|
|
menu > arrow.bottom,
|
|
.menu > arrow.bottom,
|
|
expander arrow:checked,
|
|
expander:checked,
|
|
treeview.view.expander:checked,
|
|
combobox arrow,
|
|
scrollbar.vertical button.down,
|
|
menubutton arrow.down,
|
|
dropdown arrow,
|
|
columnview.view > header > button sort-indicator.descending,
|
|
treeview.view > header > button sort-indicator.descending
|
|
{-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");}
|
|
|
|
/**************
|
|
* Typography *
|
|
**************/
|
|
|
|
.h1 {font-size: 24px;}
|
|
|
|
.h2 {font-size: 18px;}
|
|
|
|
.h3 {font-size: 11px;}
|
|
|
|
.h4,
|
|
.category-label {font-weight: 600;}
|
|
|
|
.h4 { padding-bottom: 6px; padding-top: 6px;}
|
|
|
|
list .h4{padding-left: 6px;}
|
|
|
|
.primary { font-weight: bold; font-size: 1.13em; }
|
|
|
|
/************
|
|
* Calendar *
|
|
************/
|
|
|
|
.background.csd.org-gnome-Calendar{background-color: @gtk_base_color; }
|
|
|
|
calendar {
|
|
color: currentcolor;
|
|
border: 1px solid @gtk_borders;
|
|
background-color: @gtk_base_color;
|
|
}
|
|
|
|
calendar:selected,
|
|
calendar > grid > label.today {
|
|
color: @gtk_selected_fg_color;
|
|
background-color: @gtk_selected_bg_color;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
calendar.header,
|
|
calendar > header{
|
|
border-radius: 0;
|
|
color: currentcolor;
|
|
border-bottom: 1px solid @gtk_transparent_borders;
|
|
background-color: transparent;
|
|
}
|
|
|
|
calendar.button {color: currentcolor;}
|
|
|
|
calendar.button:disabled {color: alpha(currentColor,0.5);}
|
|
|
|
calendar:indeterminate,
|
|
calendar > grid > label.day-number.other-month {color: alpha(currentColor,0.35);}
|
|
|
|
calendar.highlight {color: alpha(currentColor,0.7);}
|
|
|
|
.background.csd.org-gnome-Calendar .view .horizontal.year-view button.text-button {margin: 0;}
|
|
|
|
.background.csd.org-gnome-Calendar .view .horizontal.year-view list{border-radius: 0;}
|
|
|
|
.out-of-month:last-child{ }
|
|
|
|
event.color-dark label,event.color-dark:backdrop label ,event.color-dark image,event.color-dark:backdrop image { color: white;}
|
|
|
|
event.color-light label ,event.color-light:backdrop label, event.color-light image ,event.color-light:backdrop image{ color: black;}
|
|
|
|
list .suggestion label { color: @gtk_fg_color;}
|
|
|
|
calendar header button{padding: 2px;}
|
|
|
|
/*********
|
|
* Lists *
|
|
*********/
|
|
|
|
placessidebar row{padding: 8px;}
|
|
|
|
row label {padding: 0 12px;}
|
|
|
|
stacksidebar row,
|
|
.navigation-sidebar > row,
|
|
.sidebar list row {padding: 8px;}
|
|
|
|
stacksidebar row > label {padding-left: 4px; padding-right: 4px;}
|
|
|
|
placessidebar row > revealer { padding: 0 4px;}
|
|
|
|
assistant .sidebar label,
|
|
window.assistant .sidebar > label
|
|
{ padding: 6px 12px;}
|
|
|
|
dropdown popover listview > row,
|
|
combobox popover listview > row,
|
|
.rich-list > row
|
|
{padding: 4px;}
|
|
|
|
/**************
|
|
* Headerbars *
|
|
**************/
|
|
|
|
headerbar,
|
|
.titlebar:not(headerbar) {
|
|
background-clip: border-box;
|
|
min-height: 18px;
|
|
padding: 0 4px;
|
|
color: @gtk_titlebar_fg_color;
|
|
background-color: @gtk_titlebar_bg_color;
|
|
background-image: none;
|
|
border-bottom: 1px solid @gtk_transparent_borders;
|
|
box-shadow: none;
|
|
}
|
|
|
|
headerbar:backdrop,
|
|
.titlebar:not(headerbar):backdrop {background-color: @gtk_titlebar_bg_backdrop_color;}
|
|
|
|
.csd headerbar.default-decoration{}
|
|
|
|
window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child:not(:last-child),
|
|
window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:last-child),
|
|
window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:last-child),
|
|
window.background.csd > box.titlebar.horizontal > headerbar:first-child:not(:last-child),
|
|
.titlebar > headerbar.titlebar.tweak-titlebar-left
|
|
,
|
|
|
|
window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child:not(:first-child),
|
|
window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:first-child),
|
|
window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:first-child),
|
|
window.background.csd > box.titlebar.horizontal > headerbar:last-child:not(:first-child),
|
|
.titlebar > headerbar.titlebar.tweak-titlebar-right
|
|
{}
|
|
|
|
headerbar .title,
|
|
.titlebar:not(headerbar) .title {
|
|
font-weight: bold;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
headerbar .subtitle,
|
|
.titlebar:not(headerbar) .subtitle {
|
|
font-size: 80%;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.background .titlebar:backdrop, .background .titlebar,
|
|
dialog.background .titlebar:backdrop,
|
|
dialog.background .titlebar,
|
|
messagedialog.background .titlebar:backdrop,
|
|
messagedialog.background .titlebar { border-top-left-radius: 0.0px; border-top-right-radius: 0.0px; }
|
|
|
|
window.tiled headerbar,window.tiled headerbar:first-child,window.tiled headerbar:last-child,window.tiled headerbar:only-child,window.tiled headerbar:backdrop,window.tiled headerbar:backdrop:first-child,window.tiled headerbar:backdrop:last-child,window.tiled headerbar:backdrop:only-child,window.tiled-top headerbar,window.tiled-top headerbar:first-child,window.tiled-top headerbar:last-child,window.tiled-top headerbar:only-child,window.tiled-top headerbar:backdrop,window.tiled-top headerbar:backdrop:first-child,window.tiled-top headerbar:backdrop:last-child,window.tiled-top headerbar:backdrop:only-child,window.tiled-right headerbar,window.tiled-right headerbar:first-child,window.tiled-right headerbar:last-child,window.tiled-right headerbar:only-child,window.tiled-right headerbar:backdrop,window.tiled-right headerbar:backdrop:first-child,window.tiled-right headerbar:backdrop:last-child,window.tiled-right headerbar:backdrop:only-child,window.tiled-bottom headerbar,window.tiled-bottom headerbar:first-child,window.tiled-bottom headerbar:last-child,window.tiled-bottom headerbar:only-child,window.tiled-bottom headerbar:backdrop,window.tiled-bottom headerbar:backdrop:first-child,window.tiled-bottom headerbar:backdrop:last-child,window.tiled-bottom headerbar:backdrop:only-child,window.tiled-left headerbar,window.tiled-left headerbar:first-child,window.tiled-left headerbar:last-child,window.tiled-left headerbar:only-child,window.tiled-left headerbar:backdrop,window.tiled-left headerbar:backdrop:first-child,window.tiled-left headerbar:backdrop:last-child,window.tiled-left headerbar:backdrop:only-child,window.maximized headerbar,window.maximized headerbar:first-child,window.maximized headerbar:last-child,window.maximized headerbar:only-child,window.maximized headerbar:backdrop,window.maximized headerbar:backdrop:first-child,window.maximized headerbar:backdrop:last-child,window.maximized headerbar:backdrop:only-child,window.fullscreen headerbar,window.fullscreen headerbar:first-child,window.fullscreen headerbar:last-child,window.fullscreen headerbar:only-child,window.fullscreen headerbar:backdrop,window.fullscreen headerbar:backdrop:first-child,window.fullscreen headerbar:backdrop:last-child,window.fullscreen headerbar:backdrop:only-child,window.solid-csd headerbar,window.solid-csd headerbar:first-child,window.solid-csd headerbar:last-child,window.solid-csd headerbar:only-child,window.solid-csd headerbar:backdrop,window.solid-csd headerbar:backdrop:first-child,window.solid-csd headerbar:backdrop:last-child,window.solid-csd headerbar:backdrop:only-child,.background.tiled .titlebar:backdrop,.background.tiled .titlebar,.background.tiled-top .titlebar:backdrop,.background.tiled-top .titlebar,.background.tiled-right .titlebar:backdrop,.background.tiled-right .titlebar,.background.tiled-bottom .titlebar:backdrop,.background.tiled-bottom .titlebar,.background.tiled-left .titlebar:backdrop,.background.tiled-left .titlebar,.background.maximized .titlebar:backdrop,.background.maximized .titlebar,.background.solid-csd .titlebar:backdrop,.background.solid-csd .titlebar
|
|
{ border-top-left-radius: 0; border-top-right-radius: 0; }
|
|
|
|
window separator:first-child + headerbar:backdrop,
|
|
window separator:first-child + headerbar,
|
|
window headerbar:first-child:backdrop,
|
|
window headerbar:first-child { border-top-left-radius: 0.0px; }
|
|
|
|
window headerbar:last-child:backdrop,
|
|
window headerbar:last-child { border-top-right-radius: 0.0px; }
|
|
|
|
window stack headerbar:first-child:backdrop,
|
|
window stack headerbar:first-child,
|
|
window stack headerbar:last-child:backdrop,
|
|
window stack headerbar:last-child { border-top-left-radius: 0.0px; border-top-right-radius: 0.0px; }
|
|
|
|
/* this fix the double headerbar */
|
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
|
window.csd > .titlebar:not(headerbar),
|
|
window.csd > .titlebar:not(headerbar):backdrop {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* this is for ssd titlebars */
|
|
.ssd .default-decoration ,
|
|
.default-decoration.titlebar:not(headerbar),
|
|
.csd .default-decoration.titlebar:not(headerbar){border-bottom: none;}
|
|
|
|
/* this fix headerbar widgets */
|
|
|
|
headerbar entry,
|
|
headerbar spinbutton,
|
|
headerbar separator:not(.sidebar),
|
|
headerbar button,
|
|
headerbar .linked button,
|
|
.nautilus-window .titlebar .path-bar-box,
|
|
headerbar switch { margin-top: 4px; margin-bottom: 4px; }
|
|
|
|
/* this fix the bad rounded corners */
|
|
headerbar.titlebar headerbar:not(.titlebar) { background: none; }
|
|
|
|
/*********
|
|
* Menus *
|
|
*********/
|
|
|
|
menubar.chromium {background-color: @gtk_bg_color; color:@gtk_fg_color;}
|
|
|
|
.context-menu { font: initial; }
|
|
|
|
accelerator { color: alpha(currentColor,0.5); }
|
|
|
|
.background.popup { background-color: transparent; border-radius: 0.0px;}
|
|
|
|
menubar,
|
|
.menubar,
|
|
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {padding: 0px; background-color: @gtk_titlebar_bg_color; color: @gtk_titlebar_fg_color;}
|
|
|
|
menubar:backdrop,
|
|
.menubar:backdrop,
|
|
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal:backdrop{background-color: @gtk_titlebar_bg_backdrop_color;}
|
|
|
|
.csd menu,
|
|
.csd .menu{ padding: 4px 1px; }
|
|
|
|
popover.menu.background > contents,
|
|
popover.background.menu > contents { padding: 4px 0; }
|
|
popover.background > contents{padding: 4px;}
|
|
popover.menu box.inline-buttons { padding: 0 8px; }
|
|
|
|
popover.menu label.title { font-weight: bold; padding: 4px 8px; }
|
|
|
|
popover.menu box.circular-buttons button.circular.image-button.model { padding: 8px; }
|
|
|
|
menubar > menuitem,
|
|
.menubar > menuitem,
|
|
menubar > item
|
|
{ padding: 6px 8px; }
|
|
|
|
menu menuitem,
|
|
.menu menuitem
|
|
{ padding: 5px 8px; }
|
|
|
|
menu separator,
|
|
.csd menu separator,
|
|
.menu separator,.csd
|
|
.menu separator,
|
|
popover.menu.background separator { margin: 4px 8px; background-color: @gtk_transparent_borders; box-shadow: none;}
|
|
|
|
menu menuitem:disabled,
|
|
.menu menuitem:disabled{color: @insensitive_fg_color;}
|
|
|
|
/* Popovers */
|
|
|
|
popover grid modelbutton,
|
|
popover.menu.background > contents modelbutton{ border-radius: 0;}
|
|
|
|
popover modelbutton,
|
|
.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,
|
|
popover.background,
|
|
popover.background > arrow,
|
|
popover.background > contents,
|
|
.budgie-popover
|
|
{border-radius: 0.0px;}
|
|
|
|
menuitem.button.flat,
|
|
modelbutton.flat {
|
|
transition: none;
|
|
min-width: 120px;
|
|
padding: 5px 20px;
|
|
outline-offset: -2px;
|
|
border: none;
|
|
outline-color: transparent;
|
|
}
|
|
|
|
popover.combo list > row { padding: 0px 8px 0px 8px; min-height: 35px; }
|
|
|
|
/* Emoji */
|
|
|
|
popover.emoji-picker entry{margin: 8px;}
|
|
|
|
popover.emoji-picker { padding: 0;}
|
|
|
|
popover.emoji-picker scrolledwindow {border-bottom: 1px solid @gtk_borders;}
|
|
|
|
button.emoji-section {
|
|
margin-top: -1px;
|
|
padding: 4px 12px;
|
|
border-radius: 0;
|
|
outline-offset: -4px;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
button.emoji-section:first-child { border-radius: 0 0 0 0.0px;}
|
|
button.emoji-section:last-child { border-radius: 0 0 0.0px 0;}
|
|
|
|
.emoji {
|
|
min-width: 3em;
|
|
min-height: 3em;
|
|
padding: 0;
|
|
}
|
|
|
|
.emoji widget {}
|
|
|
|
.emoji widget:hover {font-size: larger;}
|
|
|
|
|
|
/************
|
|
* Toolbars *
|
|
************/
|
|
|
|
toolbar {
|
|
padding: 4px;
|
|
border-style: solid;
|
|
border-color: @gtk_borders;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border-width: 1px 0 1px 0;
|
|
}
|
|
|
|
.primary-toolbar{ }
|
|
|
|
actionbar {
|
|
padding: 6px;
|
|
border-top: 1px solid @gtk_borders;
|
|
background-color: @gtk_sidebar_color;
|
|
}
|
|
|
|
dialog actionbar{ border-radius: 0 0 0.0px 0.0px;}
|
|
|
|
.inline-toolbar{
|
|
padding: 4px;
|
|
background-color: @gtk_sidebar_color;
|
|
border-width: 0 1px 1px;
|
|
}
|
|
|
|
.sidebar .inline-toolbar{ border: none; }
|
|
|
|
frame .inline-toolbar{ border-width: 1px 0 0 0 ;}
|
|
|
|
searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 4px; }
|
|
searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|
searchbar > revealer > box, .location-bar, .search-bar {
|
|
border-style: solid;
|
|
border-color: @gtk_borders;
|
|
background-color: @gtk_bg_color;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.inline-toolbar, actionbar.flat,
|
|
.bottom-toolbar.flat,
|
|
tab .bottom-toolbar.tab-close-button,
|
|
tab .bottom-toolbar.tab-indicator,
|
|
.sidebar .inline-toolbar button.bottom-toolbar,
|
|
.sidebar .emoji-picker stack box > box.horizontal button.bottom-toolbar,
|
|
.emoji-picker stack .sidebar box > box.horizontal button.bottom-toolbar, .emoji-picker stack box > box.horizontal
|
|
{background-image: linear-gradient(to bottom, @gtk_transparent_borders 2%, transparent 0%);}
|
|
|
|
actionbar.inline-toolbar,
|
|
actionbar.flat,
|
|
.inline-toolbar.transition{ padding: 0;}
|
|
|
|
.sidebar actionbar.inline-toolbar button:not(.suggested-action):not(.destructive-action),
|
|
actionbar.flat button:not(.suggested-action):not(.destructive-action){ border-radius: 0; border: none; background-color: transparent;}
|
|
|
|
headerbar.toolbar{ padding: 4px;}
|
|
|
|
/************
|
|
* Infobars *
|
|
************/
|
|
|
|
infobar {
|
|
border-style: none;
|
|
margin: 0 0 1px 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
infobar:not(.info):not(.warning):not(.error):not(.question)
|
|
{background-color: transparent;}
|
|
|
|
infobar.info,
|
|
infobar.warning,
|
|
infobar.question,
|
|
infobar.error{background-color: @gtk_bg_color; box-shadow: inset 0 0 0 9999px alpha(currentcolor,0.1);}
|
|
|
|
infobar.info > label, infobar.info, infobar.info button {color: mix(@success_color,@gtk_fg_color,0.3);}
|
|
infobar.warning > label, infobar.warning, infobar.warning button {color: mix(@warning_color,@gtk_fg_color,0.3);}
|
|
infobar.question > label, infobar.question, infobar.question button{color: mix(@gtk_selected_bg_color,@gtk_fg_color,0.3);}
|
|
infobar.error > label, infobar.error, infobar.error button {color: mix(@error_color,@gtk_fg_color,0.3);}
|
|
|
|
infobar label:disabled{color: alpha(currentcolor,0.5);}
|
|
|
|
.nemo-window .floating-bar,
|
|
.nautilus-window .floating-bar,
|
|
.nautilus-window .bottom .floating-bar .horizontal .right {
|
|
padding: 2px;
|
|
margin: 6px;
|
|
background-color: @gtk_bg_color;
|
|
color: white;
|
|
border-radius: 0.0px;
|
|
}
|
|
|
|
.floating-bar button {
|
|
border: none;
|
|
border-radius: 9999px;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin-right: 6px;
|
|
-gtk-icon-shadow: none;
|
|
}
|
|
|
|
/*******
|
|
* Osd *
|
|
*******/
|
|
|
|
.osd{padding: 4px;}
|
|
|
|
.osd,
|
|
.app-notification,
|
|
.gedit-search-slider{ background-color: alpha(black,0.8); color: white; border: none;}
|
|
|
|
.app-notification,
|
|
.gedit-search-slider{border-radius: 0 0 0.0px 0.0px; padding: 8px;}
|
|
|
|
.osd button,
|
|
.osd spinbutton:not(.vertical),
|
|
.osd entry:not(.vertical),
|
|
.app-notification button,
|
|
.gedit-search-slider button,
|
|
.gedit-search-slider entry
|
|
{ background-color: alpha(currentcolor,0.2); color: currentcolor; border-color: transparent;}
|
|
|
|
/* OSD button */
|
|
|
|
button.osd {border-radius: 9999px;}
|
|
|
|
button.osd.image-button {
|
|
padding: 0;
|
|
min-height: 36px;
|
|
min-width: 36px;
|
|
}
|
|
|
|
/***********
|
|
* Dialogs *
|
|
***********/
|
|
|
|
messagedialog,
|
|
.prompt {-gtk-icon-style: regular;}
|
|
|
|
dialog buttonbox,
|
|
.dialog-action-area
|
|
{padding: 8px;}
|
|
|
|
messagedialog .dialog-action-area,
|
|
window.dialog.message.csd .dialog-action-area
|
|
{}
|
|
|
|
.budgie-session-dialog .linked.horizontal,
|
|
.budgie-polkit-dialog .linked.horizontal{margin: 8px;}
|
|
|
|
headerbar.flat,
|
|
dialog .titlebar.default-decoration,
|
|
messagedialog .titlebar,
|
|
messagedialog .titlebar.default-decoration,
|
|
headerbar.flat:backdrop,
|
|
dialog .titlebar.default-decoration:backdrop,
|
|
messagedialog .titlebar:backdrop,
|
|
messagedialog .titlebar.default-decoration:backdrop,
|
|
dialog.csd > .titlebar.default-decoration,
|
|
messagedialog.csd > .titlebar,
|
|
message-dialog.csd > .titlebar
|
|
{
|
|
background-color: @gtk_bg_color;
|
|
color: @gtk_fg_color;
|
|
border: none;
|
|
background-image: none;
|
|
}
|
|
|
|
dialog .titlebar,
|
|
dialog .titlebar.default-decoration,
|
|
messagedialog .titlebar,
|
|
messagedialog .titlebar.default-decoration,
|
|
dialog .titlebar:backdrop,
|
|
dialog .titlebar.default-decoration:backdrop,
|
|
messagedialog .titlebar:backdrop,
|
|
messagedialog .titlebar.default-decoration:backdrop {}
|
|
|
|
headerbar.flat,
|
|
headerbar.flat:backdrop{}
|
|
|
|
/* This are for flat titlebar elementary apps */
|
|
dialog.csd > .titlebar,
|
|
dialog.csd > .titlebar.default-decoration,
|
|
messagedialog.csd > .titlebar,
|
|
message-dialog.csd > .titlebar{ min-height: 0; min-width: 0;}
|
|
|
|
dialog.csd > .titlebar.default-decoration label.title,
|
|
messagedialog.csd > .titlebar label.title,
|
|
message-dialog.csd > .titlebar label.title {
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
font-size: 0.1px;
|
|
color: transparent; }
|
|
|
|
/* Messagedialogs */
|
|
|
|
messagedialog .dialog-action-area,
|
|
window.dialog.message .dialog-action-area
|
|
{padding: 8px; background-color: @gtk_sidebar_color; border-top: 1px solid @gtk_borders;}
|
|
|
|
messagedialog .linked:not(.vertical) > button:dir(ltr):not(:last-child),
|
|
messagedialog .linked:not(.vertical) > button:dir(ltr):not(:first-child),
|
|
window.dialog.message .dialog-action-area button
|
|
{ margin: 0 4px; border-radius: 0.0px;}
|
|
|
|
messagedialog button,
|
|
.budgie-session-dialog button,
|
|
.budgie-polkit-dialog button{}
|
|
|
|
/*messagedialog .linked button:first-child,
|
|
.budgie-session-dialog .linked.horizontal > button:first-child,
|
|
.budgie-polkit-dialog .linked.horizontal > button:first-child,*/
|
|
window.dialog.message.csd .dialog-action-area button:first-child
|
|
,
|
|
|
|
/*messagedialog .linked button:last-child,
|
|
.budgie-session-dialog .linked.horizontal > button:last-child,
|
|
.budgie-polkit-dialog .linked.horizontal > button:last-child,*/
|
|
window.dialog.message.csd .dialog-action-area button:last-child
|
|
{ border-radius: 0.0px;}
|
|
|
|
messagedialog .linked button:only-child{}
|
|
|
|
window.dialog.message.csd .dialog-action-area button { border-radius: 0; }
|
|
|
|
/* File Chooser */
|
|
|
|
dialog filechooser { margin: 10px;}
|
|
|
|
filechooser #pathbarbox,
|
|
dialog filechooser actionbar{ background-color: transparent; border: none;}
|
|
|
|
dialog filechooser stack actionbar{ border-top: 1px solid @gtk_borders;}
|
|
dialog filechooser paned separator{ background: none; min-width: 0;}
|
|
dialog filechooser paned separator.horizontal{ background: @gtk_borders; }
|
|
|
|
dialog filechooser .sidebar list row{padding: 6px;}
|
|
|
|
filechooserbutton:drop(active) {box-shadow: none; border-color: transparent;}
|
|
|
|
filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled),
|
|
filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label,
|
|
filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon,
|
|
.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled),
|
|
.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label,
|
|
.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: mix(@warning_color,@gtk_fg_color,0.3);}
|
|
|
|
/*******************
|
|
* Rounded Corners *
|
|
*******************/
|
|
|
|
decoration,
|
|
.ssd decoration,
|
|
terminal-window.background.csd decoration,
|
|
.titlebar,
|
|
.rounded .titlebar,
|
|
.background.csd.org-gnome-Todo decoration,
|
|
.background.csd.org-gnome-Builder decoration
|
|
{border-radius: 0.0px 0.0px 0 0;}
|
|
|
|
.background.csd,
|
|
.background.csd revealer > actionbar,
|
|
.background.csd box > actionbar,
|
|
notebook:not(.frame),
|
|
notebook:not(.frame) > stack,
|
|
.nautilus-window.background.csd,
|
|
.nautilus-list-view,
|
|
.gedit-side-panel-paned statusbar,
|
|
dzldockbin actionbar,
|
|
window.background.csd > stack,
|
|
window#gnome-system-monitor.background.csd > box.vertical > stack,
|
|
stack > grid.vertical > scrolledwindow,
|
|
stack > grid.vertical > scrolledwindow > viewport.frame list,
|
|
notebook.main-notebook webkitwebview,
|
|
window.background.csd > box.vertical > overlay > stack.background,
|
|
window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar,
|
|
window.background.csd evview.view.content-view,
|
|
.background.csd > grid.horizontal > paned.horizontal > scrolledwindow,
|
|
dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
|
|
dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow,
|
|
dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list,
|
|
dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar,
|
|
dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack,
|
|
dialog.background.csd > box.vertical.dialog-vbox > notebook > stack,
|
|
dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack,
|
|
list.tweak-group list row.activatable:last-child,
|
|
hdyleaflet list.view row.activatable:last-child,
|
|
hdyleaflet list.frame row.activatable:last-child,
|
|
leaflet list.view row.activatable:last-child,
|
|
leaflet list.frame row.activatable:last-child,
|
|
hdyleaflet frame.view list row.activatable:last-child,
|
|
leaflet frame.view list row.activatable:last-child,
|
|
hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child,
|
|
leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child,
|
|
#weather-page-content-view,
|
|
window#gnome-system-monitor.background.csd > box.vertical > stack,
|
|
.background.rounded,
|
|
.vertical.dialog-vbox stack notebook,
|
|
.vertical.dialog-vbox stack notebook viewport,
|
|
.dynamic-notebook,
|
|
messagedialog .dialog-action-box,
|
|
messagedialog .dialog-action-area,
|
|
window.dialog.message .dialog-action-area
|
|
{ border-radius: 0 0 0.0px 0.0px;}
|
|
|
|
.nautilus-window .sidebar .frame,
|
|
window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list,
|
|
window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow,
|
|
dzlpreferencesview stacksidebar.sidebar,
|
|
dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list,
|
|
dzldockbin#buildui.buildui list.sidebar,
|
|
dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge,
|
|
widget#PERFORMANCE .sidebar,
|
|
window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical,
|
|
window.background.csd > overlay > leaflet > stack > frame > grid.vertical,
|
|
#weather-page-content-view,
|
|
.polari-room-list .sidebar,
|
|
.background.csd.main-window .sidebar.rooms-sidebar,
|
|
window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane,
|
|
.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar,
|
|
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar,
|
|
.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar,
|
|
window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar,
|
|
window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar,
|
|
window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected),
|
|
window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list,
|
|
.budgie-settings-window list.sidebar,
|
|
window.background > box.vertical box.horizontal list.categories,
|
|
.tweak-categories,
|
|
window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list,
|
|
.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow,
|
|
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child,
|
|
.categories,
|
|
window.background.csd > leaflet > box.vertical > scrolledwindow.view,
|
|
window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
|
|
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view,
|
|
.unfolded scrolledwindow .frame list,
|
|
window.background.csd > box.vertical > paned.horizontal > scrolledwindow,
|
|
.background.csd paned .source-list:not(:selected),
|
|
.sidebar .inline-toolbar,
|
|
assistant .sidebar
|
|
{ border-bottom-left-radius: 0.0px;}
|
|
|
|
window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack,
|
|
.view.cs-category-view,
|
|
ideeditorutilities.bottom.pinned.dzldockbinedge,
|
|
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
|
window.background.csd > leaflet > stack.background,
|
|
window.background.csd > hdyleaflet > stack.background,
|
|
window.background.csd > box.horizontal > stack.background,
|
|
window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame,
|
|
window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame,
|
|
#weather-page,
|
|
#weekly-forecast-frame,
|
|
stack.view.polari-entry-area,
|
|
.geary-main-window.background.csd stack#conversation_viewer,
|
|
window#GearyMainWindow.background.csd stack#conversation_viewer,
|
|
.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame,
|
|
window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame,
|
|
window.background.csd > box.horizontal > stack > box.vertical > notebook > stack,
|
|
window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack,
|
|
.dynamic-notebook > notebook > stack,
|
|
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child,
|
|
window box grid stack grid actionbar,
|
|
window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
|
|
window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
|
|
window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame
|
|
{ border-bottom-right-radius: 0.0px;}
|
|
|
|
/* new rounded apps */
|
|
.rounded decoration,
|
|
.background.csd.unified,
|
|
.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,
|
|
dialog decoration,
|
|
messagedialog decoration,
|
|
.unified decoration,
|
|
.background.csd decoration,
|
|
menu,
|
|
.menu,
|
|
.background.popup { border-radius: 0.0px;}
|
|
|
|
.background.maximized,
|
|
.background.solid-csd,
|
|
.unfolded stack scrolledwindow .frame list,
|
|
headerbar.toolbar:first-child,
|
|
headerbar.toolbar:last-child,
|
|
window headerbar.toolbar:first-child,
|
|
window headerbar.toolbar:last-child { border-radius: 0;}
|
|
|
|
/**********
|
|
* Accent *
|
|
**********/
|
|
|
|
.view:not(treeview):selected,
|
|
.view selection,
|
|
iconview:selected,
|
|
iconview text:selected,
|
|
label selection,
|
|
spinbutton:not(.vertical) selection,
|
|
entry selection,
|
|
.nautilus-window flowboxchild:selected .icon-item-background,
|
|
box.vertical > widget > widget:selected,
|
|
.nemo-window .nemo-window-pane widget.entry:selected,
|
|
treeview.view:selected.chromium,
|
|
treeview.view:selected:focus.chromium,
|
|
XfdesktopIconView.view:active,
|
|
#MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected,
|
|
#MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus,
|
|
#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection,
|
|
assistant .sidebar label.highlight,
|
|
window.assistant .sidebar > label.highlight
|
|
{color: @gtk_selected_fg_color; background-color: @gtk_selected_bg_color;}
|
|
|
|
/* Menu and Popover */
|
|
menubar > menuitem:hover,
|
|
.menubar > menuitem:hover,
|
|
menu menuitem:hover,
|
|
.menu menuitem:hover,
|
|
menuitem.button.flat:hover,
|
|
popover button.menuitem:hover,
|
|
popover .menuitem:hover,
|
|
popover menuitem:hover,
|
|
popover .menuitem.activatable:hover,
|
|
modelbutton.flat: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,
|
|
menubar > item:selected,
|
|
dropdown popover listview > row:selected,
|
|
combobox popover listview > row:selected,
|
|
popover.menu.background > contents .view :selected
|
|
,
|
|
|
|
/* List and Row */
|
|
treeview.view:selected,
|
|
treeview.view:selected:hover,
|
|
treeview.view:selected:focus,
|
|
.thunar treeview.view:selected,
|
|
.thunar treeview.view:selected:hover,
|
|
.thunar treeview.view:selected:focus,
|
|
row.activatable:selected,
|
|
row.activatable:selected:hover,
|
|
row.activatable:hover:selected,
|
|
.navigation-sidebar > row:selected,
|
|
listview row:selected
|
|
{color: inherit; background-image: image(alpha(@gtk_selected_bg_color,0.4));}
|
|
|
|
/* Inverted Accent */
|
|
|
|
row.activatable:selected switch,
|
|
row.activatable:selected scale highlight,
|
|
row.activatable:selected check,
|
|
row.activatable:selected radio,
|
|
row.activatable:selected progressbar progress,
|
|
menuitem:hover switch,
|
|
menuitem:hover progressbar progress,
|
|
menuitem check:hover,
|
|
menuitem radio:hover,
|
|
menuitem:hover scale highlight,
|
|
.menuitem:hover switch,
|
|
.menuitem:hover progressbar progress,
|
|
.menuitem:hover check,
|
|
.menuitem:hover radio,
|
|
.menuitem:hover scale highlight,
|
|
modelbutton check:hover,
|
|
modelbutton radio:hover,
|
|
treeview.view switch:selected,
|
|
treeview.view scale highlight:selected,
|
|
treeview.view check:selected,
|
|
treeview.view radio:selected,
|
|
row.activatable:selected scale trough,
|
|
row.activatable:selected progressbar trough,
|
|
menuitem:hover scale trough,
|
|
menuitem:hover progressbar trough,
|
|
.menuitem:hover scale trough,
|
|
.menuitem:hover progressbar trough{}
|
|
|
|
row.activatable:selected check:disabled,
|
|
row.activatable:selected radio:disabled,
|
|
treeview.view check:disabled:selected,
|
|
treeview.view radio:disabled:selected{}
|
|
|
|
treeview.view:selected:disabled{ color: alpha(@gtk_fg_color,0.5);}
|
|
|
|
/* Sidebar Highlight */
|
|
.sidebar row.activatable:selected,
|
|
leaflet .vertical .view .frame list row.activatable:selected,
|
|
.tweak-categories row.activatable:selected
|
|
{}
|
|
|
|
/**************
|
|
* Rubberband *
|
|
**************/
|
|
|
|
.rubberband,.view .rubberband,rubberband,XfdesktopIconView.view .rubberband,.content-view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
.content-view .rubberband,
|
|
treeview.view rubberband,
|
|
window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough) rubberband,
|
|
window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough) XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough) .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow .content-view treeview.view rubberband,
|
|
filechooser stack.view scrolledwindow .content-view treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow .content-view treeview.view .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
filechooser stack.view window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough) .content-view .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
.content-view filechooser stack.view window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(.progressbar):not(.trough) .rubberband,
|
|
flowbox rubberband,
|
|
flowbox .content-view filechooser stack.view scrolledwindow treeview.view rubberband,
|
|
flowbox .content-view filechooser stack.view scrolledwindow treeview.view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view flowbox .content-view filechooser stack.view scrolledwindow treeview.view .rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view flowbox rubberband,
|
|
.content-view filechooser stack.view scrolledwindow treeview.view flowbox XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view .content-view filechooser stack.view scrolledwindow treeview.view flowbox .rubberband,
|
|
flowbox filechooser stack.view scrolledwindow treeview.view .content-view rubberband,
|
|
flowbox filechooser stack.view scrolledwindow treeview.view .content-view XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view flowbox filechooser stack.view scrolledwindow treeview.view .content-view .rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view flowbox rubberband,
|
|
filechooser stack.view scrolledwindow treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
|
|
XfdesktopIconView.view filechooser stack.view scrolledwindow treeview.view .content-view flowbox .rubberband {
|
|
border: 1px solid mix(@gtk_selected_bg_color,@gtk_fg_color,0.2);
|
|
background-color: alpha(@gtk_selected_bg_color,0.3);
|
|
border-radius: 0;
|
|
}
|
|
|
|
/**************
|
|
* Animations *
|
|
**************/
|
|
|
|
.view check,
|
|
.view radio,
|
|
.view check:selected,
|
|
.view radio:selected,
|
|
check,
|
|
radio,
|
|
.view.content-view.check:not(list),
|
|
iconview.content-view.check:not(list),
|
|
.content-view:not(list) check,
|
|
switch,
|
|
progressbar progress,
|
|
scale highlight,
|
|
levelbar block,
|
|
scrollbar
|
|
{ transition: 0.5s; }
|
|
|
|
menuitem check,
|
|
menuitem radio,
|
|
.menuitem check,
|
|
.menuitem radio,
|
|
popover check,
|
|
popover radio,
|
|
popover check:checked:not(:backdrop),
|
|
popover radio:checked:not(:backdrop),
|
|
popover check:indeterminate:not(:backdrop),
|
|
popover radio:indeterminate:not(:backdrop),
|
|
menu menuitem radio:checked:not(:backdrop),
|
|
menu menuitem radio:indeterminate:not(:backdrop),
|
|
menu menuitem check:checked:not(:backdrop),
|
|
menu menuitem check:indeterminate:not(:backdrop){transition: none; animation: none;}
|
|
|
|
/* Entry and Button */
|
|
|
|
button,
|
|
spinbutton:not(.vertical),
|
|
entry,
|
|
scrollbar slider,
|
|
notebook tab,
|
|
tabbox tab
|
|
{ transition: 0.3s ease;}
|
|
|
|
/* Loading Progressbar */
|
|
|
|
progressbar.horizontal progress:not(.pulse) {
|
|
animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
background-size: cover, 48px 100%;
|
|
background-repeat: no-repeat;
|
|
background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to right, transparent, alpha(currentcolor,0.2) 60%, alpha(currentcolor,0.3)); }
|
|
|
|
progressbar.horizontal progress:not(.pulse).right {
|
|
animation-direction: reverse;
|
|
background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to right, alpha(currentcolor,0.3), alpha(currentcolor,0.2) 60%, transparent); }
|
|
|
|
@keyframes progress { from { background-position: 0, calc(0% - 48px), 0%; } to { background-position: 0, calc(100% + 48px), 0%; } }
|
|
|
|
progressbar.horizontal progress:not(.pulse):backdrop,
|
|
progressbar.horizontal progress:not(.pulse).right:backdrop { animation : none; background-image: none;}
|
|
|
|
/* Rows */
|
|
.sidebar row.activatable:selected,
|
|
leaflet .vertical .view .frame list row.activatable:selected,
|
|
.tweak-categories row.activatable:selected{ transition: 0.5s ease-in-out;}
|
|
|
|
/* Spinner */
|
|
@keyframes spin {to {-gtk-icon-transform: rotate(1turn);}}
|
|
|
|
spinner {
|
|
background: none;
|
|
opacity: 0;
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
|
}
|
|
|
|
spinner:checked {
|
|
opacity: 1;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
spinner:checked:disabled { opacity: 0.5; }
|
|
|
|
/************
|
|
* Desktops *
|
|
************/
|
|
|
|
/*********
|
|
* Gnome *
|
|
*********/
|
|
|
|
/* Nautilus */
|
|
|
|
.nautilus-window .titlebar .path-bar-box{ border-radius: 0.0px; background-color: transparent; background-clip: padding-box;}
|
|
.nautilus-window .titlebar .path-bar-box button.text-button{margin: 0; border-top: none; border-bottom: none; }
|
|
|
|
.nautilus-window .titlebar .path-bar-box .linked button:not(.suggested-action):not(.destructive-action):last-child{ border-radius: 0;}
|
|
.nautilus-window .titlebar .path-bar-box .linked button:not(.suggested-action):not(.destructive-action):first-child{ border-left: none;}
|
|
.nautilus-window .titlebar .path-bar-box .linked button:not(.suggested-action):not(.destructive-action):only-child{ border-radius: 0.0px 0 0 0.0px;}
|
|
|
|
.nautilus-window .titlebar .path-bar-box button.text-button image,.nautilus-window .titlebar .path-bar-box button.text-button label{ color: @gtk_titlebar_fg_color;}
|
|
.nautilus-window .titlebar .path-bar-box button.text-button:backdrop image,.nautilus-window .titlebar .path-bar-box button.text-button:backdrop label{ color: alpha(@gtk_titlebar_fg_color,0.5);}
|
|
|
|
.nautilus-window button box{ margin: 0;}
|
|
|
|
.nautilus-window .sidebar .frame list { margin: -2px 0; }
|
|
|
|
.nautilus-window .nautilus-grid-view .view .activatable:selected {
|
|
background-color: @selected_bg_color;
|
|
}
|
|
|
|
.nautilus-window .nautilus-grid-view .view .activatable {
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.nautilus-window .sidebar .frame list { margin: -2px 0; }
|
|
.nautilus-window .navigation-sidebar { background-color: shade(@theme_bg_color, 1.3); }
|
|
|
|
/************
|
|
* Pantheon *
|
|
************/
|
|
|
|
/*this is for Pantheon popovers*/
|
|
popover button.menuitem{
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
margin: 0 ;
|
|
border-radius: 0;
|
|
padding: 6px 15px;
|
|
}
|
|
|
|
popover grid menuitem,
|
|
popover grid .menuitem,
|
|
popover .menuitem,
|
|
popover menuitem{padding: 4px 12px;}
|
|
|
|
.color-button check,.color-button radio{border-color: @gtk_transparent_borders; background-clip: border-box;}
|
|
|
|
.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio
|
|
{background-color: @STRAWBERRY_300;}
|
|
|
|
.color-button.orange check, .color-button.orange radio
|
|
{background-color: @ORANGE_300;}
|
|
|
|
.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio
|
|
{background-color: @BANANA_500;}
|
|
|
|
.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio
|
|
{background-color: @LIME_500;}
|
|
|
|
.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio
|
|
{background-color: @BLUEBERRY_500; }
|
|
|
|
.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio
|
|
{background-color: @GRAPE_500;}
|
|
|
|
.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio
|
|
{background-color: @COCOA_300;}
|
|
|
|
.color-button.mint check, .color-button.mint radio
|
|
{background-color: @MINT_500;}
|
|
|
|
.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio
|
|
{background-color: @BUBBLEGUM_500;}
|
|
|
|
.color-button.slate check, .color-button.slate radio
|
|
{background-color: @SLATE_300;}
|
|
|
|
.color-button.auto radio {
|
|
color: white;
|
|
background-image: linear-gradient(to right, @STRAWBERRY_300 25%, @ORANGE_300 25%, @ORANGE_300 50%, @LIME_500 50%, @LIME_500 75%, @BLUEBERRY_500 75%);
|
|
}
|
|
|
|
radiobutton.image-button{ background-color: transparent; border: 1px solid transparent; padding: 4px; border-radius: 0.0px;}
|
|
radiobutton.image-button:checked{ background-color: alpha(@gtk_selected_bg_color,0.2); border-color: @gtk_selected_bg_color; }
|
|
|
|
.dynamic-notebook .view:not(treeview):selected{background-color: alpha(@gtk_selected_bg_color,0.2); border-radius: 0.0px;}
|
|
|
|
.storage-bar .fill-block{padding: 6px; background-color: alpha(@gtk_fg_color,0.3); box-shadow: inset 0 0 0 1px @gtk_transparent_borders;}
|
|
.storage-bar .fill-block.empty-block{background-color: alpha(@gtk_fg_color,0.15);}
|
|
.storage-bar .fill-block.app{background-color: @LIME_500;}
|
|
.storage-bar .fill-block.audio{background-color: @ORANGE_500;}
|
|
.storage-bar .fill-block.files{background-color: @BLUEBERRY_500;}
|
|
.storage-bar .fill-block.photo{background-color: @GRAPE_500;}
|
|
.storage-bar .fill-block.video{background-color: @STRAWBERRY_500;}
|
|
|
|
/* this fix playmymusic separation titlebar button */
|
|
.background.csd .mode_button_split.toggle { margin-left: -4px;}
|
|
|
|
/* this is for "fondo" app */
|
|
button.btn_round.flat,
|
|
button.btn_round.flat:hover,
|
|
button.btn_round.flat:active,
|
|
button.btn_round.flat:checked,
|
|
button.btn_round.flat:disabled
|
|
{
|
|
background-clip: border-box;
|
|
background-color: transparent;
|
|
color: currentcolor;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
}
|
|
|
|
/* this is the new notification */
|
|
|
|
window.notification .draw-area,
|
|
.card {
|
|
background-color: @gtk_base_color;
|
|
border-radius: 0.0px;
|
|
box-shadow: 0 0 0 1px @gtk_transparent_borders, 0 2px 4px @gtk_shadow; }
|
|
|
|
window.notification .draw-area image {color: @gtk_fg_color; }
|
|
window.notification .draw-area label.title { font-weight: 700; }
|
|
window.notification .draw-area .urgent label.title { color: @error_color; }
|
|
|
|
.card.horizontal.rounded{ background-color: alpha(@gtk_selected_bg_color,0.2);}
|
|
|
|
.card.horizontal.hotcorner-display.rounded{
|
|
background-image:
|
|
radial-gradient(circle, alpha(@gtk_selected_bg_color,0.5) 70%, transparent 1%),
|
|
radial-gradient(circle, alpha(@gtk_selected_bg_color,0.5) 70%, transparent 1%),
|
|
radial-gradient(circle, alpha(@gtk_selected_bg_color,0.5) 70%, transparent 1%),
|
|
radial-gradient(circle, alpha(@gtk_selected_bg_color,0.5) 70%, transparent 1%);
|
|
}
|
|
|
|
.avatar,
|
|
avatar { border: 1px solid @gtk_transparent_borders; border-radius: 9999px; box-shadow: 0 1px 2px @gtk_menu_shadow; background-clip: border-box;}
|
|
|
|
avatar.color1 { background-color: #64baff; color: #002e99; }
|
|
avatar.color2 { background-color: #8cd5ff; color: #0d52bf; }
|
|
avatar.color3 { background-color: #43d6b5; color: #007367; }
|
|
avatar.color4 { background-color: #9bdb4d; color: #206b00; }
|
|
avatar.color5 { background-color: #f9c440; color: #ad5f00; }
|
|
avatar.color6 { background-color: #fcb34a; color: #aa4000; }
|
|
avatar.color7 { background-color: #ffa154; color: #a62100; }
|
|
avatar.color8 { background-color: #ed5353; color: #7a0000; }
|
|
avatar.color9 { background-color: #f4679d; color: #910e38; }
|
|
avatar.color10 { background-color: #cd9ef7; color: #452981; }
|
|
avatar.color11 { background-color: #6d78db; color: #232c8d; }
|
|
avatar.color12 { background-color: #d1c288; color: #895818; }
|
|
avatar.color13 { background-color: #8a715e; color: #3d211b; }
|
|
avatar.color14 { background-color: #667885; color: #0e141f; }
|
|
avatar.image { background: none; }
|
|
|
|
.badge {
|
|
background-image: none;
|
|
background-color: @error_color;
|
|
border: none;
|
|
border-radius: 9999px;
|
|
box-shadow: none;
|
|
color: white;
|
|
font-weight: 700;
|
|
min-height: 1.8333333343rem;
|
|
min-width: 1.8333333343rem;
|
|
text-shadow: 0 1px 1px alpha(black,0.2); }
|
|
|
|
.accent{color: @gtk_selected_bg_color;}
|
|
|
|
/********
|
|
* Nemo *
|
|
********/
|
|
|
|
.nemo-window .nemo-places-sidebar.frame {border-width: 0;}
|
|
.nemo-window .primary-toolbar button{margin-top: 4px; margin-bottom: 4px;}
|
|
.nemo-window .nemo-window-pane widget.entry { border: 1px solid @gtk_selected_bg_color;}
|
|
.view.places-treeview{ padding: 4px 0;}
|
|
|
|
/**********
|
|
* Budgie *
|
|
**********/
|
|
|
|
.budgie-settings-window buttonbox.inline-toolbar { border-bottom: 1px solid @gtk_borders; background-image: none; background-color: @gtk_sidebar_color; padding: 6px;}
|
|
|
|
/* Raven */
|
|
|
|
.budgie-container,
|
|
.budgie-notification-window,
|
|
.budgie-switcher-window,
|
|
.budgie-osd-window {background-color: transparent;}
|
|
|
|
.raven{
|
|
background-color: alpha(@panel_bg,0.9);
|
|
box-shadow: 0 0 0 1px @gtk_transparent_borders;
|
|
color: @panel_fg;
|
|
border-radius: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.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;}
|
|
|
|
.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: 0.0px;}
|
|
widget.raven-background{ border: 1px solid @gtk_transparent_borders;}
|
|
|
|
.raven button.flat{}
|
|
|
|
calendar.raven-calendar {border-radius: 0px; border-color: transparent; background-color: transparent; border-style: solid;}
|
|
|
|
calendar.raven-calendar :selected {color: @panel_bg; background-color: @panel_fg; border-radius: 0.0px;}
|
|
|
|
.raven-mpris {background-color: alpha(@panel_fg,0.6); color: @panel_bg; margin: 0px; border-radius: 0 0 0.0px 0.0px;}
|
|
.raven-mpris button{ color: @panel_bg;}
|
|
|
|
.raven .powerstrip{box-shadow: inset 0 1px @gtk_transparent_borders;}
|
|
.raven .powerstrip button{padding: 8px;}
|
|
.raven > box {margin-bottom: -12px;}
|
|
|
|
.drop-shadow flowbox flowboxchild:selected{background-color: alpha(currentcolor,0.2);}
|
|
|
|
.drop-shadow,
|
|
.raven-notifications-view list box.vertical row
|
|
{
|
|
border-radius: 0.0px;
|
|
box-shadow: 0 0 0 1px @gtk_transparent_borders;
|
|
border: none;
|
|
}
|
|
|
|
.drop-shadow{margin: 5px 9px; padding: 4px; }
|
|
|
|
/* 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: 0.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;}
|
|
|
|
/* Budgie Panel */
|
|
.budgie-panel label, .budgie-panel image{color: @panel_fg;}
|
|
|
|
.budgie-panel{background-color: alpha(@panel_bg,0.9); transition: all 600ms ease-out; }
|
|
|
|
.budgie-panel.transparent {background-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
|
|
|
|
.bottom .budgie-panel.transparent{background-image: linear-gradient(to bottom, transparent, alpha(@panel_bg,0.5));}
|
|
.top .budgie-panel.transparent{background-image: linear-gradient(to top, transparent, alpha(@panel_bg,0.5));}
|
|
.left .budgie-panel.transparent{background-image: linear-gradient(to left, transparent, alpha(@panel_bg,0.5));}
|
|
.right .budgie-panel.transparent{background-image: linear-gradient(to right, transparent, alpha(@panel_bg,0.5));}
|
|
|
|
.bottom .budgie-panel{box-shadow: 0 -1px @gtk_transparent_borders;}
|
|
.top .budgie-panel{box-shadow: 0 1px @gtk_transparent_borders;}
|
|
.left .budgie-panel{box-shadow: 1px 0 @gtk_transparent_borders;}
|
|
.right .budgie-panel{box-shadow: -1px 0 @gtk_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;}
|
|
|
|
button.flat.launcher image,
|
|
.budgie-panel button.budgie-menu-launcher image{-gtk-icon-shadow: 0 1px 2px @gtk_shadow;}
|
|
|
|
.dock-mode{
|
|
margin: 4px;
|
|
border-radius: 0.0px;
|
|
border: 1px solid @gtk_transparent_borders;
|
|
}
|
|
|
|
.budgie-panel button:not(.launcher):not(.flat){ color: @panel_fg; margin: 2px;}
|
|
|
|
.budgie-panel button.launcher.flat,
|
|
.budgie-panel button.budgie-menu-launcher
|
|
{
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
color: @panel_fg;
|
|
background-clip: border-box;
|
|
}
|
|
|
|
/* Budgie Popover */
|
|
|
|
.budgie-popover{ box-shadow: 0 0 0 1px currentcolor, 0 1px 2px @gtk_menu_shadow; color: @gtk_transparent_borders;}/* this give the popover look*/
|
|
.budgie-popover .container{color: @gtk_fg_color;}/* this fix the text color */
|
|
|
|
.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; border-right: 1px solid @gtk_transparent_borders;}
|
|
|
|
.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;}
|
|
|
|
/*********
|
|
* Xfce4 *
|
|
*********/
|
|
|
|
.xfce4-panel.panel {
|
|
background-color: @panel_bg;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
font-weight: normal;
|
|
color: @panel_fg;
|
|
}
|
|
|
|
.xfce4-panel.panel button:not(.flat) { margin: 2px;}
|
|
|
|
#pulseaudio-button menu .linked button{margin: 0;}
|
|
|
|
/* default state */
|
|
XfdesktopIconView.view {
|
|
background: transparent;
|
|
color: white;
|
|
border-radius: 0.0px; }
|
|
|
|
XfdesktopIconView.view .label { background: transparent; text-shadow: 1px 1px black;}
|
|
|
|
/* active (selected) state */
|
|
XfdesktopIconView.view:active , XfdesktopIconView.view .label:active{background: @gtk_selected_bg_color;}
|
|
|
|
.thunar toolbar{ border-bottom: 1px solid @gtk_borders; border-top: 1px solid @gtk_borders;}
|
|
|
|
/********
|
|
* Mate *
|
|
********/
|
|
|
|
.mate-panel-menu-bar menubar,
|
|
.mate-panel-menu-bar button,
|
|
#PanelApplet-window-menu-applet-button
|
|
{ background-color: transparent; color: @panel_fg; box-shadow: none;}
|
|
|
|
.mate-panel-menu-bar { background-color: alpha(@panel_bg,0.8); font-weight: 500;}
|
|
|
|
.mate-panel-menu-bar:not(.popup) { color: @panel_fg;}
|
|
|
|
PanelToplevel.horizontal > grid > button { min-width: 24px;}
|
|
|
|
PanelToplevel.vertical > grid > button { min-height: 24px;}
|
|
|
|
PanelSeparator {color: @gtk_borders;}
|
|
|
|
.mate-panel-menu-bar.horizontal menubar > menuitem { padding: 0 8px;}
|
|
|
|
.mate-panel-menu-bar.vertical menubar > menuitem { padding: 8px 0;}
|
|
|
|
.caja-side-pane notebook{ background-color: transparent;}
|
|
|
|
.caja-navigation-window .view,.caja-side-pane notebook,.pluma-window scrolledwindow,.pluma-window statusbar frame > border { border-style: none;}
|
|
|
|
.caja-navigation-window paned .vertical.caja-side-pane notebook .frame { border: none;}
|
|
.caja-navigation-window paned .vertical.caja-side-pane stack{border-top: 1px solid @gtk_borders;}
|
|
|
|
.caja-notebook { border-top: 1px solid @gtk_borders;}
|
|
|
|
/* fix black box */
|