summaryrefslogtreecommitdiff
path: root/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
diff options
context:
space:
mode:
Diffstat (limited to 'desktop-themes/YaruGreen/gtk-3.0/_apps.scss')
-rw-r--r--desktop-themes/YaruGreen/gtk-3.0/_apps.scss1144
1 files changed, 0 insertions, 1144 deletions
diff --git a/desktop-themes/YaruGreen/gtk-3.0/_apps.scss b/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
deleted file mode 100644
index ef2aaa7a..00000000
--- a/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
+++ /dev/null
@@ -1,1144 +0,0 @@
-@import "palette";
-
-/* set $ambiance to null, unless already defined */
-$ambiance: null !default;
-
-/***********
- * Tweak Tool *
- ***********/
- list.tweak-categories separator {
- // hide sidebar separators
- // make the sidebar look like a normal sidebar
- background: transparent;
- }
-
- /***********
- * Nautilus *
- ***********/
- .nautilus-window {
- .nautilus-canvas-item.dim-label,
- .nautilus-list-dim-label {
- color: mix($text_color, $base_color);
- }
- // keep details box visible
- // details box looks ugly when many items are selected and it floats above the orange
- background-image: none;
- background-color: if($variant=='light', white, $bg_color);
- &:backdrop { background-color: if($variant=='light', $backdrop_base_color, $backdrop_bg_color); }
-
- placessidebar {
- background-color: if($variant=='light', $bg_color, $base_color);
- &:backdrop {
- background-color: $backdrop_bg_color;
- }
- }
-
- // Makes icons less bright in backdrop
- @at-root %dim_icons_in_backdrop,
- & *scrolledwindow:backdrop { opacity: 0.9; }
-
- infobar {
- background-color: if($variant=="light", lighten($silk, 10%), $slate);
- &:backdrop { background-color: $backdrop_bg_color; }
- }
-
- paned box.floating-bar {
- background-color: $bg_color;
- border-style: solid;
- border-color: if($variant=='light', lighten($borders_color, 8.3%), darken($borders_color, 1%));
- border-width: 1px 0 0 1px;
- border-radius: $button_radius 0 0 0;
-
- button:dir(ltr).circular.flat.image-button {
- background: radial-gradient(circle at 50%, white 35%, $bg_color 1%);
- color: $destructive_color;
- }
-
- button:dir(ltr).circular.flat.image-button:hover {
- border: 1px solid $borders_color;
- background: radial-gradient(circle at 50%, white 30%, $base_hover_color 16%);
- color: lighten($destructive_color, 5%);
-
- }
- }
-
- .searchbar-container searchbar {
- // get rid of a 1px white line shown at the top of the window
- // applies to the desktop too
- background: transparent;
- border-color: transparent;
- }
-
- treeview:drop(active):focus {
- // drop target green bottom border was missing
- border-bottom: 1px solid $drop_target_color;
- }
-
- treeview.view header button {
- background-color: if($variant=='light', $base_color, $base_color);
- background-image: none;
- border-color: transparentize($borders_color, 0.6);
- border-left: 1px;
-
- &:hover {background-color: $bg_color;}
- &:backdrop { background-color: $backdrop_base_color;}
- }
-
- .nautilus-list-view .view {
- border-bottom: 1px solid transparentize($borders_color, 0.8);
-
- // Hide superfluous treeview drop target indication
- &.dnd { border-style: none; }
-
- $_selection_bg: if($variant=='light', darken($bg_color, 5%), lighten($base_color, 5%));
- treeview {
- &:selected {
- background-color: $_selection_bg;
- color: $fg_color;
- &:hover {
- background-color: if($variant=='light', darken($_selection_bg, 5%), lighten($_selection_bg, 5%));
- }
- &:backdrop {
- color: $backdrop_fg_color;
- background-color: $_selection_bg;
- }
- }
- }
- }
-
- notebook > header {
- background: $bg_color;
- }
-
- paned > separator {
- // separator between sidebar and main window view
- background-image: image(if($variant=='light', transparentize($borders_color, 0.6), darken($borders_color, 1%)));
- &:backdrop { background-image: image(transparentize($borders_color, 0.7)); }
- }
-
- // custom code from nautilus Adwaita.css for entries and the pathbar
- entry.search > * {
- margin: 5px;
- }
-
- .path-bar-box {
- border-radius: 5px;
- border: 1px solid if($ambiance, darken($headerbar_bg_color, 9%), $borders_color);
- &:backdrop { border-color: if($ambiance, $headerbar_bg_color, $backdrop_borders_color);}
- background-color: if($ambiance, lighten($headerbar_bg_color, 6.5%), $bg_color);
- padding-right: 6px;
- &:backdrop { border-color: if($ambiance, darken($inkstone, 9%), $backdrop_borders_color); }
- }
-
- .nautilus-path-bar button {
- margin: 0px;
- }
-
- .nautilus-path-bar button:first-child {
- border-width: 0px 1px 0px 0px;
- border-radius: 3.5px 0px 0px 3.5px;
- }
-
- .nautilus-path-bar button:not(:first-child) {
- border-width: 0px 1px 0px 1px;
- border-radius: 0px 0px 0px 0px;
- }
-
- .nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
-
- // This is the Icon + Text beneath - it's one widget
- .nautilus-canvas-item {
- outline-width: 0;
- // First, remove the background
- background-color: rgba(255, 255, 255, 0.1);
- // Then bring it back for when it receives a direction
- &:selected:not(:backdrop) {
- &:dir(ltr) { background-color: $selected_bg_color; }
- &:not(:dir(ltr)) { background-color: rgba(175, 175, 175, 0.5); }
- color: $selected_fg_color;
- }
-
- &:backdrop:selected {
- background-color: $selected_bg_color;
- color: $backdrop_selected_fg_color;
- }
- }
-}
-
-// Nautilus disk space dialogue styling
-// Copied from the nautilus adwaita.css
-// keeping the CSS code style to make upstream updates easier
-
-$_disk_space_unknown: $insensitive_bg_color;
-$_disk_space_used: $progress_bg_color;
-$_disk_space_free: if($variant=='light', darken($bg_color, 10%), $bg_color);
-
-.disk-space-display {
- border-style: solid;
- border-width: 2px;
-}
-
-.disk-space-display.unknown {
- background-color: $_disk_space_unknown;
- border-color: transparentize($_disk_space_unknown, 0.7);
- color: $_disk_space_unknown;
-}
-.disk-space-display.unknown.border {
- color: transparentize($_disk_space_unknown, 0.7);
-}
-
-.disk-space-display.used {
- background-color: $_disk_space_used;
- border-color: transparentize($_disk_space_used, 0.7);
- color: $_disk_space_used;
-}
-.disk-space-display.used.border {
- color: transparentize($_disk_space_used, 0.7);
-}
-
-.disk-space-display.free {
- background-color: $_disk_space_free;
- border-color: transparentize($_disk_space_free, 0.7);
- color: $_disk_space_free;
-}
-.disk-space-display.free.border {
- color: transparentize($_disk_space_free, 0.7);
-}
-
-/************
- * Terminal *
- ************/
-
-$_terminal_bg_color: #300A24;
-$_terminal_fg_color: white;
-
-terminal-window {
-
- // use unity 8 colors
- // only colors, let everything else be inherited
- .terminal-screen {
- // inherits from .background
- background-color: $_terminal_bg_color;
- color: $_terminal_fg_color;
-
- &:backdrop {
- background-color: lighten($_terminal_bg_color, 2%);
- color: $backdrop_selected_fg_color;
- }
- }
-
- notebook {
- scrollbar {
- // inherits from scrollbar
- background-color: transparent;
- border-color: transparent;
-
- &:backdrop {
- background-color: transparent;
- border-color: transparent
- }
-
- slider {
- // avoids scrollbar protruding from the terminal window on wayland session
- // workaround for https://bugs.launchpad.net/ubuntu/+source/gnome-terminal/+bug/1720651
- margin: 0;
- border-width: 3px;
-
- &:backdrop {
- background-color: gtkalpha(currentColor, 0.1);
- }
-
- &:disabled {
- background-color: transparent;
- }
- }
-
- &.dragging,
- &.hovering {
- background-color: transparent;
- }
- }
- }
-}
-
- /******************
- * GNOME Software *
- ******************/
- .review-row {
- margin-bottom: 10px;
- padding: 6px 12px;
- box-shadow: 0 1px 2.5px transparentize(black, 0.75);
- outline-offset: -1px;
-
- &,
- &:not(:selected):not(:backdrop):hover,
- &:not(:selected):not(:backdrop):active { background-color: $base_color; }
-
- &:backdrop { background-color: $backdrop_base_color; }
-
- &:last-child { margin-bottom: 0; }
-
- > grid { margin-top: -24px; }
- }
-
- .app-listbox-header { background: $dark_fill; }
-
- .list-box-app-row {
- border-radius: 0;
- border-color: $borders_color;
- border-style: none solid solid solid;
- border-width: 0 1px 1px 1px;
- margin: -1px 0 0 0;
-
- & ~ separator {
- background-color: $bg_color;
- border: none;
- min-height: 0px;
- }
- }
-
- // Avoid double border when list in included in a box (e.g. Updates view)
- box > list row.list-box-app-row {
- border: none;
- }
-
- //Used as update count in GNOME software
- .counter-label {
- margin-top: 2px;
- margin-bottom: 2px;
- border-width: 0px;
- padding-left: 2px;
- padding-right: 2px;
- box-shadow: inset 0 0 10px 10px $success_color;
- }
-
- /*********
- * Gedit *
- *********/
- .gedit-bottom-panel-paned notebook > header {
- background: if($variant==light, $porcelain, $bg_color);
- }
-
- .gedit-bottom-panel-paned ~ statusbar {
- // give gedit's bottom panel a border
- border-top: 1px solid $borders_color;
-
- &:backdrop { border-color: $backdrop_borders_color; }
- }
-
- .gedit-search-slider {
- // gives gedit search entry some padding and a border
- // otherwise it's right under the headerbar
- background: $bg_color;
- border: 1px solid $borders_color;
- border-top-style: none;
- padding: 4px 8px;
- border-radius: 0 0 5px 5px; // same radius as tooltips
-
- &:backdrop {
- background-color: $backdrop_bg_color;
- border-color: $backdrop_borders_color;
- }
- }
-
- .gedit-search-entry-occurrences-tag {
- color: transparentize($fg_color, 0.65);
- border: none; // Removed ugly tag border
- box-shadow: none; // Removed button inset shadow
- margin: 2px;
- padding: 2px;
- }
-
- .gedit-document-panel { // 'documents' pane
-
- background-color: $bg_color;
- row.activatable { padding: 6px; }
-
- row button { // 'close' button
- min-width: 22px;
- min-height: 22px;
- padding: 0;
- margin: 0;
- border: none;
- }
-
- row:hover button {
- &:hover {
- background-color: rgba($fg_color, 0.15);
- }
- &:active {
- background-color: rgba($fg_color, 0.25);
- }
- }
-
- row:hover:selected button:hover {
- color: $selected_fg_color;
- }
- }
-
- /***************
- * GNOME Disks *
- ***************/
-
- headerbar button image ~ window decoration ~ menu separator {
- // gnome disks headerbar menu seems to inherit the headerbar separator bg color
- // no unique class names or id used here so this rule is as specific as it can be
- background: $borders_color;
- }
-
- /********
- * Nemo *
- ********/
- .nemo-properties-dialog {
- .dialog-action-box .dialog-action-area {
- // add margin to preferences buttons
- margin: 2px 6px 4px;
- }
-
- toolbar stackswitcher.linked button {
- margin-right: 0;
- &:backdrop {
- color: $backdrop_fg_color;
- background-color: $backdrop_bg_color;
- }
- }
- }
-
- .nemo-window {
- .sidebar {
- scrolledwindow.frame.nemo-places-sidebar {
- // get rid of double border in sidebar
- border: none;
- }
-
- viewport.frame box.vertical treeview.view.places-treeview {
- // use sidebar bg color
- background-image: image($sidebar_bg_color);
- border-radius: 0; // get rid of weird radius on selected rows
- &:backdrop { background-image: image($backdrop_sidebar_bg_color); }
- &:selected { background: $selected_bg_color; }
- &:not(:selected) {
- &:not(:backdrop):hover { background-image: image($base_hover_color); }
- }
- }
-
- }
-
- .nemo-inactive-pane .view, .nemo-inactive-pane iconview {
- // Shades the background of the inactive pane
- background-color: $backdrop_bg_color;
- }
-
- .nemo-window-pane {
- widget.entry {
- // Add border around rename text entry
- border: 1px solid;
- border-radius: 3px;
- color: $fg_color;
- border-color: $selected_bg_color;
- background-color: $bg_color;
- }
- widget.entry:selected {
- // Add highlighting to selected text in rename text entry
- border: 1px solid;
- border-radius: 3px;
- color: $selected_fg_color;
- border-color: $selected_bg_color;
- background-color: $selected_bg_color;
- }
- }
-
- .view {
- // imports nautilus tweaks
- // dim icons in backdrop
- &:backdrop { @extend %dim_icons_in_backdrop; }
- }
-
- toolbar.horizontal.primary-toolbar {
- // add border under toolbar
- border-bottom: 1px solid $borders_color;
-
- widget.linked.raised button {
- // use proper icons for next and left in stackswitcher-like pathbar
- &:first-child widget {-gtk-icon-source: -gtk-icontheme('go-previous-symbolic'); }
- &:last-child widget {-gtk-icon-source: -gtk-icontheme('go-next-symbolic'); }
- }
-
- toolitem box widget * {
- // reset toolbar button dimensions
- min-height: 0;
- min-width: 0;
- }
-
- .linked button {
- // link linked buttons
- margin-right: 0;
- }
-
- button {
- // return non-flat buttons
- @each $state, $t in ("", "normal"),
- (":hover", "hover"),
- (":active, &:checked", "active"),
- (":disabled", "insensitive"),
- (":disabled:active, &:disabled:checked", "insensitive-active"),
- (":backdrop", "backdrop"),
- (":backdrop:active, &:backdrop:checked", 'backdrop-active'),
- (":backdrop:disabled", 'backdrop-insensitive'),
- (":backdrop:disabled:active, &:backdrop:disabled:checked", 'backdrop-insensitive-active') {
- &#{$state} { @include button($t) }
- }
- }
- }
- }
-
- /*************
- * GNOME ToDo *
- **************/
-
- .org-gnome-Todo {
- taskrow.activatable.new-task-row button.popup.toggle {
- border-radius: 0px;
- border: none;
- border-left: 1px solid $borders-color;
- padding-left: 10px; padding-right: 10px;
- -gtk-outline-radius: 0px;
-
- }
-
- viewport.view, listbox.transparent {
- background-color: darken($base_color,5%);
- &:backdrop { background-color: $backdrop_base_color}
- }
- }
-
- /***********
- * Firefox *
- ***********/
- #MozillaGtkWidget.background {
- // REMOVE THIS when firefox supports rounded menus
- menu, .menu,.context-menu { border-radius: 0; }
-
- @if $ambiance {
- menubar,
- .menubar,
- menubar > menuitem:hover {
- background-color: $headerbar_bg_color;
- color:$headerbar_fg_color;
- }
- }
-
- // Adapt scrollbars a bit more to the GTK Scrollbar styling
- scrollbar {
- background-color: transparent;
- border-color: transparent;
-
- slider {
- background-color: darken($scrollbar_slider_color, 10%);
- &:hover { background-color: darken($scrollbar_slider_hover_color, 10%); }
- &:hover:active { background-color: $scrollbar_slider_active_color; }
- &:backdrop { background-color: $backdrop_scrollbar_slider_color; }
- &:disabled { background-color: transparent; }
- }
-
- trough {
- background-color: transparentize($bg_color, 0.8);
- }
- }
- }
-
- normal-button {
- @include button(normal);
-
- &:hover {
- @include button(hover);
- }
- &:active { @include button(active)}
-
- &:disabled {@include button(insensitive);}
- }
-
- /***********
- * Ubiquity *
- ***********/
-
- #live_installer {
-
- #title_eventbox {
- background-color: $bg_color;
- color: $fg_color;
- &:backdrop {
- background-color: $backdrop_bg_color;
- color: $backdrop_fg_color;
- }
- }
-
- #dot_grid progressbar {
- border-radius: 100%;
- padding: 1px;
- padding-top: 2px;
- background-color: white;
- border: 1px solid $progress_bg_color;
-
- .empty {
- border-radius: 100%;
- background-color: white;
- padding: 0px;
- }
-
- .full progress {
- border-radius: 100%;
- padding: 1px;
- padding-top: 2px;
- margin-bottom: 2px;
- }
- }
- }
- #dialog-action_area1 { padding-bottom: 5px; padding-right: 5px }
-
- /***********
- * Geary *
- ***********/
-
- .geary-expanded headerbar { border: none; }
-
- /***********
- * usb-creator-gtk *
- ***********/
-
- #dialog-action_area3 { margin: 5px; }
-
- /***********
- * Evolution *
- ***********/
-
- assistant.background scrolledwindow .vertical checkbutton {
- // checkbox is clipped but this is undetectable till it gets keyboard focus
- // so we're pushing it to the right to have the focus ring be displayed properly
- margin-left: 1px
- }
-
-
-/***********
-* Mate *
-***********/
-$_panel_bg_color: $bg_color;
-$_panel_fg_color: $fg_color;
-$_base_bg_color: if($ambiance==true, $_panel_bg_color, if($variant=='light', $bg_color, $_panel_bg_color));
-$_base_fg_color: if($ambiance==true, $_panel_fg_color, if($variant=='light', $fg_color, $_panel_fg_color));
-$_backdrop_base_bg_color: lighten(if($ambiance==true, $_panel_bg_color, if($variant=='light', $bg_color, $_panel_bg_color)), 3%);
-$_backdrop_base_fg_color: transparentize(if($ambiance==true, $_panel_fg_color, if($variant=='light', $fg_color, $_panel_fg_color)), 0.3);
-$_base_insensitive_fg_color: if($ambiance==true, lighten($_panel_fg_color, 10%), if($variant=='light', $insensitive_fg_color, lighten($_panel_fg_color, 10%)));
-$_base_border_color: if($ambiance==true, $headerbar_border_color, if($variant=='light', $borders_color, $headerbar_border_color));
-$_base_hover_color: if($ambiance==true, lighten($_panel_bg_color, 4%), if($variant=='light', darken($bg_color, 4%), lighten($_panel_bg_color, 4%)));
-$_base_active_color: if($ambiance==true, darken($_panel_bg_color, 4%), if($variant=='light', darken($bg_color, 4%), darken($_panel_bg_color, 4%)));
-$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
-$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
-$_wm_shadow: 0 3px 9px 1px transparentize(black, 0.5), 0 0 0 1px $_wm_border; //doing borders with box-shadow;
-
-/**************
- * Mate-Panel *
- **************/
-
-/* the panel bar itself */
-#PanelPlug,
-.mate-panel-menu-bar,
-PanelToplevel.background {
- background-color: $_base_bg_color;
- background-image: none;
- color: $fg_color;
- text-shadow: none;
- menu {
- border-radius: $menu_radius;
- padding: 4px 0px;
- .csd & {
- border: none; // axes borders in a composited env
- border-radius: $menu_radius;
- }
- }
-}
-// Axe the border under panel menubars
-#PanelPlug menubar { box-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;
-}
-
-// Force round menus for MATE, because they are populated from the top/bottom panels
-// And thus for MATE not just "legacy" menus used in "old" applications
-menubar,
-.menubar {
-
- > menuitem {
-
- menu {
- &:dir(rtl), &:dir(ltr) { // specificity bump
- border-radius: $menu_radius;
- }
- }
- }
-
- .csd.popup decoration { border-radius: $menu_radius; }
-}
-
-/* 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: $_base_fg_color;
-}
-
-#PanelApplet {
- border-radius: $menu_radius;
-}
-
-PanelWidget > PanelSeparator {
- border-width: 0;
- background-color: transparent;
- color: $_base_border_color;
-}
-
-/* the grid left from wnckpager and wncktasklist */
-MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
- background-image: none;
- 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: $_base_fg_color;
- text-shadow: none;
- &:hover {
- color: $_base_fg_color;
- background-image: linear-gradient(to bottom,
- $button_active_gradient_a,
- $button_active_gradient_b 3px,
- $button_active_gradient_c 4px,
- $button_active_gradient_d 50%,
- $button_active_gradient_e 50%,
- $button_active_gradient_f);
- // box-shadow: inset 0 -3px 0 0 $selected_bg_color;
- }
-}
-
-/* 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: solid;
- outline-offset: -2px;
- outline-color: $focus_border_color;
-}
-
-PanelApplet.wnck-applet .wnck-pager {
- outline-style: solid;
- outline-offset: -1px;
- outline-color: $focus_border_color;
-}
-
-/* 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: image($_base_hover_color);
-}
-
-/* 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 {
- &, &.flat {
- &.toggle {
- background-color: transparent;
- color: $_base_fg_color;
- border-radius: 4px;
- border-color: $borders_color;
- border-right-width: 1px;
- border-left-width: 1px;
- border-color: rgba(0,0,0,0.0);
- box-shadow: inset 0px 1px $borders_color,inset 0px -1px $borders_color, inset 1px 0px $borders_color,inset -1px 0px $borders_color;
- border-image: none;
- text-shadow: none;
- background-image: linear-gradient(to bottom, $button_gradient_a,$button_gradient_b 50%, $button_gradient_c 50%, $button_gradient_d );
-
-
- &:hover, &:active:hover, &:checked:hover {
- background-image: linear-gradient(to bottom,
- $button_hover_gradient_a 5%,
- $button_hover_gradient_b 95%,
- $button_hover_gradient_c);
- border-color: $core_color_a;
- }
-
- &:checked {
-
-
- background-image: linear-gradient(to bottom,
- $button_active_gradient_a,
- $button_active_gradient_b 3px,
- $button_active_gradient_c 4px,
- $button_active_gradient_d 50%,
- $button_active_gradient_e 50%,
- $button_active_gradient_f);
- }
- }
- }
-}
-
-/* clock window */
-#MatePanelPopupWindow {
- border-radius: $button_radius;
-}
-
-
-#PanelApplet > #clock-applet-button.flat.toggle {
- background-color: transparent;
- background-image: none;
- border-color: transparent;
- border-width: 0px;
- box-shadow: none;
-}
-
-#PanelApplet > #clock-applet-button.flat.toggle:hover {
- box-shadow: inset 0px 1px $borders_color,inset 0px -1px $borders_color, inset 1px 0px $borders_color,inset -1px 0px $borders_color;
- background-image: linear-gradient(to bottom,
- $button_hover_gradient_a 5%,
- $button_hover_gradient_b 95%,
- $button_hover_gradient_c);
- }
-
-#PanelApplet > #clock-applet-button.flat.toggle:checked {
- box-shadow: inset 0px 1px $borders_color,inset 0px -1px $borders_color, inset 1px 0px $borders_color,inset -1px 0px $borders_color;
- background-image: linear-gradient(to bottom,
- $button_active_gradient_a,
- $button_active_gradient_b 3px,
- $button_active_gradient_c 4px,
- $button_active_gradient_d 50%,
- $button_active_gradient_e 50%,
- $button_active_gradient_f);
- }
-
-/* volume applet */
-.mate-panel-applet-slider,
-.mate-panel-applet-slider.background {
- border-radius: $menu_radius;
- border: 1px solid $_wm_border;
- background: transparent;
-
- frame {
- background-color: $bg_color;
- border-radius: $menu_radius;
- padding: 1px;
- margin: 1px;
-
- border {
- border-image: none;
- border-style: none;
- border-radius:2px;
- }
-
- frame {
- background-color:transparent;
- padding: 3px;
- }
-
- /* brightness applet */
- button {
- padding: 4px 5px 4px 0px;
- background-image: none;
- background-color: transparent;
- border-style: none;
- border-image: none;
- color: $_base_fg_color;
- margin: 0px;
- &:checked {
- // box-shadow: inset 0 -3px 0 0 $selected_bg_color;
- }
- }
- }
-}
-
-/* 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: $_wm_shadow;
-}
-
-/*****************
- * 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 {
-
-
- scrollbar {
- &, &.vertical {
- &, &:backdrop {
- background-color: transparent;
- }
- }
-
- }
-
- }
-
-
-// /* mate-screensaver lock dialog */
-
-.lock-dialog {
- // border-radius: $window_radius;
- // 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: $_base_bg_color;
-// }
-
-/******************
- * multimedia OSD *
- ******************/
-
-MsdOsdWindow.background.osd {
- border-radius: $window_radius;
- border: 1px solid transparentize(white, 0.85);
- background-color: $osd_bg_color;
- color: $osd_fg_color;
-
- .trough {
- border-radius: $button_radius;
- border: none;
- background: darken($osd_fg_color, 70%);
- }
-
- .progressbar {
- border-radius: $button_radius;
- background-color: $osd_fg_color;
- border: none;
- }
-}
-
-.background.osd {
- color: $osd_fg_color;
- background-image: none;
- background-color: $osd_bg_color;
- border-radius: $window_radius;
- border: 1px solid transparentize(white, 0.85);
-
- :selected {
- background-color: $selected_bg_color;
- }
-}
-
-/**************
- * Brisk-menu *
- **************/
-
-.brisk-menu {
- .apps-list, .categories-list, entry {
- margin: 4px;
- }
-
- .apps-list, .categories-list {
- border-radius: $menu_radius;
- row:selected { background-color: $selected_bg_color; color: $selected_fg_color; }
- }
-
- /* classic session button */
- button.flat.session-button {
- padding: 5px 6px;
- min-width: 24px;
- }
-
- scrolledwindow {
- border-width: 1px;
- border-style: solid;
- border-color: transparent;
- margin: 4px;
- }
-
- scrollbar {
- background-image: none;
- background-color: transparent;
- border-style: solid;
- border-color: transparent;
- }
-}
-
-// This should move into _tweaks.scss
-// Or best would be adwaita, since there is no :hover for iconview there
-iconview {
- border-radius: $button_radius;
- &:hover {
- background-color: lighten($selected_bg_color, 10%);
- }
-}
-
-
-
-/* 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: $_base_bg_color;
-}
-
-matekbd-keyboard-drawing:selected {
- background-color: $selected_bg_color;
- color: $selected_fg_color;
-}
-
-#xkb-layout-chooser > box.dialog-vbox > box.vertical > box.vertical > frame > border {
- border-radius: 0px;
-}
-
-scrollbar {
- background-image: none;
- background-color: transparent;
-}
-
-// Axing the border-radii for classic (not csd) dialog buttons
-// So we don't end up with rounded buttons in a squared dialog frame
-messagedialog.background:not(.csd) {
- .dialog-action-area button {
- border-radius: $button_radius;
- -gtk-outline-radius: $button_radius;
- border: 1px solid $borders_color;
- margin: 4px;
- margin-bottom: 6px;
- &:first-child {
- margin-left: 6px;
- }
- &:last-child {
- margin-right: 6px;
- }
- }
-}
-
-/**************
- * Caja *
- **************/
-
-window.background.caja-navigation-window #Toolbar:backdrop { background-color: $backdrop_bg_color; }
-
-.caja-pathbar button {
- min-width: 24px;
- border-radius: 0;
- border-right-width: 0;
- margin-right: -3px;
-}
-
-.caja-pathbar button.slider-button:nth-child(odd) {
- border-radius: $button_radius 0px 0px $button_radius;
-}
-
-.caja-pathbar button.slider-button:nth-child(even) {
- border-radius: 0 $button_radius $button_radius 0;
- border-right-width: 1px;
-}
-
-// Removes roundness and highlight from
-// Headerbars that are not the last vertical top element
-// of the window
-.background:not(.csd) headerbar:not(.titlebar) {
- border-radius: 0;
- box-shadow: none;
-}
-
-// style mate control center
-#slab_section_style2.vertical:dir(ltr) {
- background-color: $base_color;
- &, label {
- &, &:dir(ltr) {
- color: $text_color;
- &:backdrop { color: $backdrop_text_color; }
- }
- }
-}
-
-// Style mate panel pull down terminal search bar
-window#Main.background {
- $_pull_down_terminal_border_color: if($variant=='light', $borders_color, lighten(desaturate($base_color, 100%), 14%));
- #search {
- background: $base_color;
- color: $fg_color;
- box-shadow: inset 100px 100px $base_color; // very dirty hack, otherwise we can't set the bg
- border-bottom: 1px solid $_pull_down_terminal_border_color;
- entry { border-color: $_pull_down_terminal_border_color; }
- }
-
-
-}
-
-window > box.vertical > box.vertical > box.vertical button.text-button { padding-left: 0px; padding-right: 0px; min-width: 2px; margin: 0px; }
-
-MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
- background-image: -gtk-scaled(url("assets/panel-grid.svg"));
- background-color: transparent;
- color: #8f8f8f;
- background-repeat: no-repeat;
- background-position: left;
-}
-
-/* for firefox and probably other apps */
-label:selected,
-label selection,
-label selection:focus,
-label selection:hover {
- color: $selected_fg_color;
-}
-