_mate.scss
ASCII text
1// based css: 2// https://github.com/mate-desktop/mate-themes/blob/master/desktop-themes/Menta/gtk-3.0/mate-applications.css 3 4/************** 5* Mate-Panel * 6**************/ 7 8// first make all transparent 9.mate-panel-menu-bar menubar, 10#PanelApplet-window-menu-applet-button { 11background-color: transparent; 12} 13 14// let's start it 15#PanelPlug, 16PanelToplevel.background { 17background-color: $topbar_color; 18color: $inversed_fg_color; 19font-weight: 500; 20} 21 22// hide buttons 23PanelToplevel > widget > button { 24padding: 0 4px; 25border-radius: 0; 26 27@extend %simple_flat_button; 28} 29 30#PanelApplet { 31// border-width: 0; 32} 33 34PanelSeparator { 35color: $borders_color; 36} 37 38// the grid left from na-tray and wncktasklist 39MatePanelAppletFrameDBus { 40border-style: solid; 41border-width: 0 1px; 42border-color: $borders_color; 43} 44 45// main menu 46// set normal menubar button 47.mate-panel-menu-bar menubar menuitem { 48padding: 4px; 49} 50 51// set normal menubar menuitem 52.mate-panel-menu-bar menubar menu menuitem { 53padding: 6px; 54// font-weight: initial; 55} 56 57// all applets 58.mate-panel-menu-bar #PanelApplet button { 59-GtkWidget-window-dragging: true; 60padding: 4px; 61border-radius: 0; 62 63&:not(.flat) { @extend %flat_button; } 64} 65 66// WnckPager 67PanelApplet.wnck-applet .wnck-pager { 68background-color: transparent; 69color: $alt_primary_color; 70 71&:hover { background-color: $semi_track_color; } 72 73&:active { background-color: $track_color; } 74 75&:selected { background-color: $primary_color; } 76} 77 78#clock-applet-button { 79// font-weight: initial; 80} 81 82#MatePanelPopupWindow { 83border: 1px solid $borders_color; 84border-radius: $md_radius + 1px; 85box-shadow: inset 0 1px $highlight_color; 86 87frame > border { border-style: none; } 88 89// FIXME, does not work 90ClockMap { border: 1px solid $borders_color; } 91} 92 93na-tray-applet { 94-NaTrayApplet-icon-padding: 3px; 95-NaTrayApplet-icon-size: 16; 96} 97 98// remove right space a bit 99na-tray-applet > widget > box { 100// margin-right: 2px; 101} 102 103// no background for icon-padding area 104na-tray-applet widget box widget { 105// background-color: transparent; 106} 107 108// Classic icon style 109.mate-panel-menu-bar { 110-PanelMenuBar-icon-visible: true; 111} 112 113// volume applet, brightness applet 114.mate-panel-applet-slider { 115background: transparent; 116 117frame { 118border: 1px solid $borders_color; 119border-radius: $md_radius + 1px; 120box-shadow: inset 0 1px $highlight_color; 121background-color: $bg_color; 122 123frame { all: unset; } 124 125> border { border-style: none; } 126} 127} 128 129/********************* 130* CAJA File manager * 131*********************/ 132 133// pathpar toggle button 134.caja-navigation-window button.toggle.image-button { 135border-radius: $md_radius; 136} 137 138// pathbar 139// pathbar buttons 140.caja-pathbar button { 141margin: 0 -1px 0 -2px; 142// padding: 4px; 143 144@extend %pathbar_button; 145} 146 147// arrow button 148.caja-pathbar button > widget { 149-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 150-GtkArrow-arrow-scaling: 1; 151} 152 153// places, treeview, history, information, emblems and notes 154// .caja-side-pane notebook treeview.view, 155// .caja-side-pane notebook textview.view text, 156.caja-side-pane notebook viewport.frame, 157.caja-side-pane notebook widget .vertical { 158background-color: $base_color; 159} 160 161// treeview rows 162.caja-side-pane treeview.view { 163// padding: 2px 0; 164} 165 166.caja-side-pane notebook .frame, 167.caja-notebook .frame { 168border-style: none; 169} 170 171.caja-side-pane notebook, 172.caja-notebook { 173border-top: 1px solid $borders_color; 174} 175 176// window and desktop mode 177.caja-canvas-item { 178// border-radius: 2px; 179} 180 181// desktop mode 182.caja-desktop.caja-canvas-item { 183@extend .nautilus-desktop.nautilus-canvas-item; 184} 185 186.caja-desktop EelEditableLabel.entry { 187} 188 189// statusbar 190.caja-navigation-window statusbar { 191margin: 0 -10px; 192padding: 0 4px; 193border-top: 1px solid $borders_color; 194} 195 196// infobar 197.caja-notebook frame > border { 198border-style: none; 199} 200 201#caja-extra-view-widget { 202border-bottom: 1px solid $borders_color; 203background-color: $bg_color; // needs overriding 204 205> box > box > label { font-weight: bold; } 206} 207 208/********* 209* Pluma * 210*********/ 211 212// Pluma status bar 213.pluma-window statusbar { 214margin: 0 -10px; 215padding: 0 4px; 216border-top: 1px solid $borders_color; 217} 218 219.pluma-window statusbar frame > border { 220border-style: none; 221} 222 223.pluma-window statusbar frame button.flat { 224padding: 0 4px; 225border-radius: 0; 226} 227 228.pluma-window statusbar frame button.flat widget { 229-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 230-GtkArrow-arrow-scaling: 1; 231} 232 233// Printpreview 234.pluma-print-preview toolbar { 235border-bottom: 1px solid $borders_color; 236} 237 238.pluma-print-preview scrolledwindow { 239// background-color: $base_color; 240} 241 242// sidebar file-browser 243.pluma-window paned.horizontal box.vertical box.horizontal button.flat { 244margin: 1px; 245 246@extend %small_button; 247} 248 249.pluma-window paned.horizontal box.vertical .frame { 250border-style: none; 251} 252 253.pluma-window paned.horizontal box.vertical notebook.frame { 254margin-top: -1px; 255border-top: 1px solid $borders_color; 256} 257 258.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { 259border-bottom: 1px solid $borders_color; 260} 261 262/********* 263* Atril * 264*********/ 265 266.atril-window paned.horizontal box.vertical .frame { 267border-style: none; 268} 269 270.atril-window paned.horizontal box.vertical notebook .frame { 271border-top: 1px solid $borders_color; 272} 273 274/* mate-screensaver lock dialog */ 275 276.lock-dialog { 277border-radius: $md_radius; 278// not sure if box-shadow works here 279box-shadow: $z-depth-4, inset 0 1px $highlight_color; 280 281frame > border { border-style: none; } 282} 283 284