File: //snap/gtk-common-themes/current/share/themes/Ambiant-MATE/gtk-3.0/apps/mate-applications.css
/********
* Caja *
********/
/* caja sidebar */
/* places, treeview, history, information, emblems and notes */
.caja-side-pane > notebook treeview.view,
.caja-side-pane > notebook textview.view text,
.caja-side-pane > notebook viewport.frame,
.caja-side-pane > notebook widget .vertical {
background-color: shade (@bg_color, 0.98);
color: @theme_fg_color;
}
.caja-side-pane > notebook treeview.view:selected,
.caja-side-pane > notebook treeview.view:selected:hover {
background-color: shade (@theme_selected_bg_color, 1.00);
color: shade (@theme_selected_fg_color, 1.00);
}
.caja-side-pane > notebook widget.view > box.vertical,
.caja-side-pane > notebook box.vertical > scrolledwindow {
border-color: shade (@bg_color, 0.82);
border-style: solid;
border-width: 1px;
}
/* sidebars treeview rows */
.caja-side-pane > notebook treeview.view {
padding: 2px 0px;
}
/* background-image is needed for inactiv-pane (list-view). bg color don't work here */
.caja-notebook treeview.view:selected,
.caja-notebook treeview.view:selected:hover {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
background-image: linear-gradient(to bottom,
shade (@theme_selected_bg_color, 1.00),
shade (@theme_selected_bg_color, 1.00));
}
/* set height of rows in listview */
.caja-notebook treeview.view {
padding: 1px;
}
.caja-canvas-item {
border-radius: 3px;
}
/* desktop mode */
.caja-desktop.caja-canvas-item {
color: #ffffff;
text-shadow: 1px 1px alpha (#000000, 0.8);
}
.caja-desktop.caja-canvas-item:selected,
.caja-desktop.caja-canvas-item:active,
.caja-desktop.caja-canvas-item:hover {
text-shadow: none;
}
/* EelEditableLabel (icon labels) */
.caja-desktop.view entry,
.caja-desktop.view entry:focus,
.caja-desktop.view entry:backdrop,
.caja-navigation-window .view entry,
.caja-navigation-window .view entry:active,
.caja-navigation-window .view entry:focus,
.caja-navigation-window .view entry:backdrop {
border-image: none;
border-style: solid;
border-width: 1px;
border-color: #000000;
border-radius: 3px;
color: #000000;
text-shadow: none;
background-image: -gtk-gradient(linear,
left top, left bottom,
from (shade(rgba(255,255,255,1), 0.86)),
color-stop (0.15, shade(rgba(255,255,255,1), 0.96)),
color-stop (0.50, shade(rgba(255,255,255,1), 0.98)),
to (shade(rgba(255,255,255,1), 1.00)));
}
.caja-desktop.view entry:selected,
.caja-desktop.view entry:focus:selected,
.caja-desktop.view entry:backdrop:selected,
.caja-desktop.view :selected:backdrop,
.caja-navigation-window .view entry:active,
.caja-navigation-window .view entry:selected,
.caja-navigation-window .view entry:focus:selected,
.caja-navigation-window .view entry:backdrop:selected {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
text-shadow: none;
}
/**************
* Mate-Panel *
**************/
/* the panel bar itself */
#PanelPlug,
.mate-panel-menu-bar,
PanelToplevel.background {
background-color: @dark_bg_color;
background-image: none;
/* normal panel */
color: @dark_fg_color;
/* transparent panel, light desktop background*/
/* color: @fg_color; */
text-shadow: none;
}
/* workaround to avoid unwanted black frames behind menus if switching compositor on/off */
.mate-panel-menu-bar .window-frame.csd.popup {
box-shadow: none;
}
/* hide buttons */
PanelToplevel > widget > button {
border-image: none;
background-image: none;
background: transparent;
border-style: none;
border-radius: 0px;
padding: 0px;
box-shadow: none;
color: @dark_fg_color;
}
PanelToplevel > widget > button:hover,
PanelToplevel > widget > button:hover:active {
border-radius: 0px;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.2)),
to (shade (@dark_bg_color, 1.1)));
}
#PanelApplet {
border-width: 0;
}
PanelWidget > PanelSeparator {
border-width: 0;
background-color: transparent;
color: shade (@dark_bg_color, 1.8);
}
/* the grid left from wnckpager and wncktasklist */
MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
background-image: -gtk-scaled(url("assets/panel-grid.svg"));
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
}
/* this makes text readable with all kind of wallpapers if using a transparent panel */
#PanelApplet label,
.mate-panel-menu-bar menubar > menuitem {
color: @dark_fg_color;
text-shadow: 1px 1px alpha (#000000, 0.8);
}
/* outlines */
window.background, /* selector where outlines are writen on GtkTrayIcon */
.mate-panel-menu-bar menubar,
.mate-panel-menu-bar button,
.mate-panel-menu-bar PanelApplet {
outline-style: dotted;
outline-offset: -2px;
outline-color: shade (@theme_bg_color, 0.7);
}
PanelApplet.wnck-applet .wnck-pager {
outline-style: dotted;
outline-offset: -1px;
outline-color: shade (@theme_bg_color, 0.7);
}
/* main menu */
/* set normal menubar menuitem */
.mate-panel-menu-bar menubar > menuitem {
background-image: none;
box-shadow: none;
}
/* set selected menubar menuitem */
.mate-panel-menu-bar menubar > menuitem:hover {
background-color: transparent;
background-clip: border-box;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.38)),
to (shade (@dark_bg_color, 1.11)));
}
/* set normal menubar menu menuitem */
.mate-panel-menu-bar menubar > menuitem > .popup.csd > menu > menuitem {
padding: 4px 5px 4px 5px;
border-width: 0px;
}
/* set Mate menu menuitem */
.mate-panel-menu-bar menu menuitem {
padding: 4px 5px 4px 5px;
border-width: 0px;
}
/* all applets */
.mate-panel-menu-bar #PanelApplet button,
.mate-panel-menu-bar #PanelApplet button.flat,
.mate-panel-menu-bar #PanelApplet button.toggle,
.mate-panel-menu-bar #PanelApplet button.flat.toggle {
background-image: none;
background-color: transparent;
/* normal panel */
color: @dark_fg_color;
/* transparent panel light desktop background*/
/* color: @fg_color; */
padding: 2px;
border-radius: 3px;
border-image: none;
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
}
.mate-panel-menu-bar #PanelApplet button:hover:active,
.mate-panel-menu-bar #PanelApplet button.flat:hover:active,
.mate-panel-menu-bar #PanelApplet button.toggle:hover:active,
.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover:active
.mate-panel-menu-bar #PanelApplet button.flat:backdrop,
.mate-panel-menu-bar #PanelApplet button:backdrop {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.85)),
to (shade (@dark_bg_color, 1.0)));
border-color: shade (@dark_bg_color, 0.9);
border-radius: 3px;
border-image: none;
color: @dark_fg_color;
}
.mate-panel-menu-bar #PanelApplet button:hover,
.mate-panel-menu-bar #PanelApplet button.flat:hover,
.mate-panel-menu-bar #PanelApplet button.toggle:hover,
.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.7)),
to (shade (@dark_bg_color, 1.25)));
border-color: alpha (shade (@dark_bg_color, 1.0), 0.6);
border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.4);
border-radius: 3px;
border-image: none;
color: @dark_fg_color;
}
.mate-panel-menu-bar #PanelApplet button:checked,
.mate-panel-menu-bar #PanelApplet button.flat:checked,
.mate-panel-menu-bar #PanelApplet button.toggle:checked,
.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.75)),
to (shade (@dark_bg_color, 0.9)));
color: @dark_fg_color;
border-radius: 3px;
border-image: none;
}
na-tray-applet {
-NaTrayApplet-icon-padding: 1px; /*any more and outlines get cut off*/
}
/* clock-applet */
.mate-panel-menu-bar #PanelApplet #clock-applet-button.flat.toggle,
.mate-panel-menu-bar #PanelApplet #clock-applet-button.flat.toggle:hover {
background-color: transparent;
background-image: none;
border-width: 0;
color: @dark_fg_color;
text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
padding: 3px 5px 3px 5px;
border: 1px solid transparent;
}
.mate-panel-menu-bar #PanelApplet #clock-applet-button.flat.toggle:checked,
.mate-panel-menu-bar #PanelApplet #clock-applet-button.flat.toggle:checked:hover {
background-color: transparent;
background-clip: border-box;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.38)),
to (shade (@dark_bg_color, 1.11)));
box-shadow: none;
color: shade (@dark_fg_color, 1.1);
text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
}
/* clock window */
#MatePanelPopupWindow {
border-radius: 3px;
}
/* Weird, this sets the border color of the clockmap */
#MatePanelPopupWindow > frame > box > box > box > widget {
color: @borders;
}
/* volume applet */
.mate-panel-applet-slider,
.mate-panel-applet-slider.background {
background: transparent;
}
.mate-panel-applet-slider frame,
.mate-panel-applet-slider.background frame {
background-color: @dark_bg_color;
padding: 0px;
margin: 0px;
}
.mate-panel-applet-slider frame border,
.mate-panel-applet-slider.background frame border {
border-image: none;
border-style: none;
border-radius:2px;
}
.mate-panel-applet-slider frame frame,
.mate-panel-applet-slider.background frame frame {
background-color:transparent;
padding: 3px;
}
/* brightness applet */
.mate-panel-applet-slider frame button,
.mate-panel-applet-slider.background frame button {
padding: 4px 5px 4px 0px;
background-image: none;
background-color: transparent;
border-style: none;
border-image: none;
color: @dark_fg_color;
margin: 0px;
}
/* mate-indicator-applet */
/* needed for a transparent panel */
#fast-user-switch-applet > #fast-user-switch-menubar {
background-color: transparent;
}
/* Classic icon style */
.mate-panel-menu-bar {
-PanelMenuBar-icon-visible: true;
}
/* system-monitor-applet, kill light frame border */
.multiload-applet > box.horizontal > box.vertical > frame > border {
border-color: transparent;
}
.multiload-applet > box.horizontal > box.vertical > frame {
box-shadow: inset 0px 1px shade (@dark_bg_color, 1.2),
inset 1px 0px shade (@dark_bg_color, 1.2),
inset -1px 0px shade (@dark_bg_color, 1.2),
inset 0px -1px shade (@dark_bg_color, 1.2);
}
/*****************
* Mate-terminal *
*****************/
/* override for pavu-control */
window.background.mate-terminal > box.vertical > notebook > header.top,
window.background.mate-terminal > box.vertical > notebook > stack > box {
border-style: none;
border-width: 0px;
}
/* vte use hardcoded colors as upstream, ubuntu is patched */
window.background.mate-terminal vte-terminal {
-TerminalScreen-background-darkness: 0.95;
background-color: #373633;
color: @dark_fg_color;
}
/*********
* Pluma *
*********/
.pluma-window .notebook .header {
border-width: 1px 1px 0px 1px;
border-radius: 0px;
}
.pluma-window .notebook tab.top {
padding: 5px 3px 5px 6px;
border-width: 1px 1px 0px 1px;
}
/* pluma line numbers */
.pluma-window textview {
background-color: shade (@bg_color, 0.95);
}
/*************
* Mate-Menu *
*************/
#mate-menu.background {
background-image: none;
background-color: shade (@dark_bg_color, 1.00);
border-color: shade(@dark_fg_color, 0.3);
border-width: 1px;
border-style: solid;
border-radius:2px;
}
#mate-menu.background notebook,
#mate-menu.background viewport,
#mate-menu.background viewport grid,
#mate-menu.background > widget > box > widget > box,
#mate-menu.background > widget > box > widget > box > box > widget {
background-image: none;
background-color: shade (@dark_bg_color, 1.00);
}
#mate-menu.background viewport,
#mate-menu.background notebook {
border-radius: 0px;
border-width: 0px;
border-style: none;
}
#mate-menu.background scrolledwindow {
border-color: transparent;
border-width: 0px;
border-style: none;
border-radius: 0px;
}
#mate-menu.background label,
#mate-menu.background button,
#mate-menu.background button.flat {
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
color: @dark_fg_color;
}
#mate-menu.background button:hover label,
#mate-menu.background button:hover,
#mate-menu.background button.flat:hover {
color: @selected_fg_color;
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
}
#mate-menu.background button,
#mate-menu.background button.flat {
background-color: transparent;
background-image: none;
border-radius: 6px;
border-image: none;
border-style: solid;
border-width: 1px;
border-color: shade (@dark_bg_color, 1.00);
padding: 4px;
}
#mate-menu.background button:hover,
#mate-menu.background button.flat:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.1)),
to (shade (@selected_bg_color, 0.9)));
border-image-width: 0px;
box-shadow: inset 1px 0 shade (@selected_bg_color, 1.02),
inset -1px 0 shade (@selected_bg_color, 1.02),
inset 0 1px shade (@selected_bg_color, 1.16),
inset 0 -1px shade (@selected_bg_color, 0.96);
}
#mate-menu.background separator,
#mate-menu.background widget notebook viewport grid widget separator {
min-height: 0px;
background-color: transparent;
border-color: transparent;
border-style: none;
border-width: 0px 0px 0px 0px;
}
#mate-menu.background scrollbar {
background-image: none;
border-style: solid;
border-color: shade(@dark_fg_color, 0.3);
min-width: 11px;
}
#mate-menu.background scrollbar.vertical trough {
background-image: none;
border-color: shade(@dark_fg_color, 0.3);
min-width: 11px;
}
scrollbar.vertical slider {
min-width: 11px;
min-height: 42px;
margin: 0px -1px 0px -1px;
}
#mate-menu.background scrollbar.vertical button {
border-radius: 0px;
background-image: none;
box-shadow: none;
min-width: 11px;
}
#mate-menu.background scrollbar.vertical button:disabled {
background-color: transparent;
color: shade (@insensitive_fg_color, 0.6);
}
#mate-menu.background entry {
background-color: transparent;
background-image: -gtk-gradient(linear,
left top, left bottom,
from (shade(@dark_bg_color, 1.16)),
color-stop (0.15, shade(@dark_bg_color, 1.26)),
color-stop (0.50, shade(@dark_bg_color, 1.28)),
to (shade(@dark_bg_color, 1.30)));
color: shade (@dark_fg_color, 1.0);
border-image: none;
}
#mate-menu.background entry,
#mate-menu.background entry:focus {
box-shadow: inset 0px 1px shade(@dark_fg_color, 0.3),
inset 1px 0px shade(@dark_fg_color, 0.3),
inset -1px 0px shade(@dark_fg_color, 0.3),
inset 0px -1px shade(@dark_fg_color, 0.3);
/* color of the cursor */
caret-color: shade (@dark_fg_color, 1.0);
}
#mate-menu.background entry selection,
#mate-menu.background entry selection:focus {
background-color: shade(@dark_fg_color, 0.4);
color: shade (@dark_fg_color, 1.2);
}
/* mate-screensaver lock dialog */
.lock-dialog {
border-radius: 0px;
border-style: solid;
border-width: 2px;
border-color: @borders;
/* not sure if box-shadow works here */
box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
}
.lock-dialog frame {
border-radius: 0px;
border-style: none;
border-width: 0px;
}
.lock-dialog notebook {
background-color: shade (@theme_bg_color, 1.0);
}
/******************
* multimedia OSD *
******************/
/*For mate-settings-daemon noncomposited osd windows*/
MsdOsdWindow.background.osd.msd-osd-window-solid {
border-radius: 0px;
border-width: 2px;
border-style:solid;
border-color: shade(@borders, 0.20);
}
MsdOsdWindow.background.osd.msd-osd-window-solid progressbar {
border-radius: 8px;
background: transparent;
}
MsdOsdWindow.background.osd.msd-osd-window-solid progressbar trough,
MsdOsdWindow.background.osd.msd-osd-window-solid progressbar progress {
border-radius: 8px;
}
/***********************
* Mate-Control-Center *
***********************/
#MyControlCenter button.flat {
outline-style: solid;
outline-color: shade (@theme_selected_bg_color, 1.3);
-gtk-outline-radius: 5px;
outline-offset: -2px;
}
/* disable, to avoid strange flashes during tabbing,
use outlines instead */
#MyControlCenter button.flat:focus {
box-shadow: none;
}
/**************
* Brisk-menu *
**************/
.background.brisk-menu {
background-color: @dark_bg_color;
color: @dark_fg_color;
}
.background.brisk-menu .apps-list,
.background.brisk-menu .categories-list {
background-color: @dark_bg_color;
border-color: shade(@borders, 0.2);
border-style: solid;
border-width: 1px;
}
.background.brisk-menu button.flat {
background: transparent;
color: @dark_fg_color;
padding: 5px;
}
.background.brisk-menu button.flat:checked {
border-radius: 0;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.2)),
to (shade (@selected_bg_color, 1.1)));
border-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.8)),
to (shade (@selected_bg_color, 0.9))) 1;
border-image-width: 1px;
box-shadow: inset 1px 0 shade (@selected_bg_color, 1.02),
inset -1px 0 shade (@selected_bg_color, 1.02),
inset 0 1px shade (@selected_bg_color, 1.16),
inset 0 -1px shade (@selected_bg_color, 0.96);
color: @selected_fg_color;
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
}
.background.brisk-menu button.flat:hover {
border-radius: 0;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.1)),
to (shade (@selected_bg_color, 0.9)));
border-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.7)),
to (shade (@selected_bg_color, 0.7))) 1;
border-image-width: 1px;
box-shadow: inset 1px 0 shade (@selected_bg_color, 1.02),
inset -1px 0 shade (@selected_bg_color, 1.02),
inset 0 1px shade (@selected_bg_color, 1.16),
inset 0 -1px shade (@selected_bg_color, 0.96);
color: @selected_fg_color;
text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
}
/* classic session button */
.background.brisk-menu button.flat.session-button {
padding: 5px 6px;
border-radius: 8px;
min-width: 24px;
}
.background.brisk-menu button.flat.session-button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.2)),
to (shade (@dark_bg_color, 1.1)));
border-image-source: -gtk-scaled(url("../assets/backdrop-button-toolbar.png"),
url("../assets/backdrop-button-toolbar@2.png"));
border-image-width: 10px 12px 10px 12px;
border-image-slice: 10 12 10 12;
border-image-repeat: stretch;
box-shadow: none;
color: @dark_fg_color;
}
.background.brisk-menu separator {
border-width: 1px;
border-style: solid;
border-color: shade (@dark_bg_color, 1.02);
border-bottom-color: shade (@dark_bg_color, 0.8);
border-right-color: shade (@dark_bg_color, 0.8);
}
.background.brisk-menu scrolledwindow {
border-width: 1px;
border-style: solid;
border-color: shade (@dark_bg_color, 1.02);
}
.background.brisk-menu overshoot {
background: none;
}
.background.brisk-menu scrollbar {
background-image: none;
border-style: solid;
border-color: shade(@dark_fg_color, 0.3);
min-width: 11px;
}
.background.brisk-menu scrollbar.vertical trough {
background-image: none;
border-color: shade(@dark_fg_color, 0.3);
min-width: 11px;
}
.background.brisk-menu scrollbar.vertical button {
border-radius: 0px;
background-image: none;
box-shadow: none;
color: @dark_fg_color;
min-width: 11px;
}
.background.brisk-menu scrollbar.vertical button:disabled {
background-color: transparent;
color: shade (@insensitive_fg_color, 0.6);
}
.background.brisk-menu scrollbar.vertical button.up,
.background.brisk-menu scrollbar.vertical .button.up,
.background.brisk-menu scrollbar.vertical button.up:hover,
.background.brisk-menu scrollbar.vertical .button.up:hover {
box-shadow: inset 0 -1px shade(@dark_fg_color, 0.35);
}
.background.brisk-menu scrollbar.vertical button.down,
.background.brisk-menu scrollbar.vertical .button.down,
.background.brisk-menu scrollbar.vertical button.down:hover,
.background.brisk-menu scrollbar.vertical .button.down:hover {
box-shadow: inset 0 1px shade(@dark_fg_color, 0.35);
}
.background.brisk-menu entry {
background-color: transparent;
background-image: -gtk-gradient(linear,
left top, left bottom,
from (shade(@dark_bg_color, 1.16)),
color-stop (0.15, shade(@dark_bg_color, 1.26)),
color-stop (0.50, shade(@dark_bg_color, 1.28)),
to (shade(@dark_bg_color, 1.30)));
color: shade (@dark_fg_color, 1.0);
border-image: none;
}
.background.brisk-menu entry,
.background.brisk-menu entry:focus {
box-shadow: inset 0px 1px shade(@dark_fg_color, 0.3),
inset 1px 0px shade(@dark_fg_color, 0.3),
inset -1px 0px shade(@dark_fg_color, 0.3),
inset 0px -1px shade(@dark_fg_color, 0.3);
/* color of the cursor */
caret-color: shade (@dark_fg_color, 1.0);
}
.background.brisk-menu entry selection,
.background.brisk-menu entry selection:focus {
background-color: shade(@dark_fg_color, 0.4);
color: shade (@dark_fg_color, 1.2);
}
.background.brisk-menu label,
.background.brisk-menu label.dim-label {
text-shadow: none;
}
/* panel button */
.mate-panel-menu-bar #PanelApplet button.flat.toggle.brisk-button,
.mate-panel-menu-bar #PanelApplet button.flat.toggle.brisk-button:hover {
background-image: none;
background-color: transparent;
padding: 3px 5px;
border-width: 1px 1px 1px 0px;
border-radius: 4px 4px 0 0;
border-color: transparent;
border-image: none;
text-shadow: none;
}
.mate-panel-menu-bar #PanelApplet button.flat.toggle.brisk-button:checked {
background-color: transparent;
background-clip: border-box;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.38)),
to (shade (@dark_bg_color, 1.11)));
box-shadow: inset 0 1px 1px 0 shade (@dark_bg_color, 1.8);
padding: 3px 5px;
border-width: 1px 1px 1px 0px;
border-radius: 4px 4px 0 0;
border-color: #2e2e2c;
border-image: none;
text-shadow: none;
}
/* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
/* this way it styles only the border of the keys, the bg of the map itself
use the .view class */
matekbd-keyboard-drawing {
background-color: shade (@theme_bg_color, 1.0);
}
matekbd-keyboard-drawing:selected {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
border-radius: 0px;
}