summaryrefslogtreecommitdiff
path: root/desktop-themes/GreenLaguna
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-04-23 12:11:29 +0200
committerraveit65 <[email protected]>2016-04-23 12:12:20 +0200
commitc4e689f1015a282289d6c61b10d26adffdecde0f (patch)
treec7a08dcd3dcf664b7972c9b28edca62910287866 /desktop-themes/GreenLaguna
parent6240e990d82446ddb4b8d65f90b4222348fadfd9 (diff)
downloadmate-themes-c4e689f1015a282289d6c61b10d26adffdecde0f.tar.bz2
mate-themes-c4e689f1015a282289d6c61b10d26adffdecde0f.tar.xz
GTK+-3.20 GreenLaguna: final fine tuning
- adjustments for gnome-weather OSD - chage some color definition - use a margin for linked buttons and entries - adjust height of statusbar progressbar.horizontal - sync colors of frame and view borders - make notebook header a bit darker - adjust background image of treeview header button - some corrections for OSD - add support for GtkFlowBox - port mate-application.css to 3.20
Diffstat (limited to 'desktop-themes/GreenLaguna')
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gnome-applications.css52
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css10
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css1
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css182
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css673
5 files changed, 376 insertions, 542 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gnome-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/gnome-applications.css
index ae34dd37..faeb3dce 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gnome-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gnome-applications.css
@@ -85,3 +85,55 @@ RBSource .cell.image {
border-radius: 2px;
}
+/* gnome-weather */
+#weather-page {
+ padding: 0px;
+ margin: -2px -2px -2px 0px;
+}
+
+#weather-page > frame {
+ border-radius: 0px;
+ margin: 0px 0px 0px -1px;
+ border-color: transparent;
+}
+
+#weather-page stack > scrolledwindow > .frame {
+ background-color: transparent;
+}
+
+#weather-page stack > scrolledwindow > .frame > grid > frame {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ alpha(shade(@theme_selected_bg_color, 1.2), 0.3),
+ alpha(shade(@theme_selected_bg_color, 0.95), 0.3));
+ border-color: @osd_button_border;
+}
+
+#weather-page frame.weather-clear stack > scrolledwindow > .frame {
+ color: @theme_fg_color;
+ text-shadow: none;
+}
+
+#weather-page frame.weather-few-clouds-night .linked.stack-switcher.osd > button label,
+#weather-page frame.weather-few-clouds-night .linked.stack-switcher.osd > button:checked,
+#weather-page frame.weather-few-clouds-night stack > scrolledwindow > .frame label,
+#weather-page frame.weather-clear-night .linked.stack-switcher.osd > button label,
+#weather-page frame.weather-clear-night .linked.stack-switcher.osd > button:checked,
+#weather-page frame.weather-clear-night stack > scrolledwindow > .frame label,
+#weather-page frame.weather-storm .linked.stack-switcher.osd > button label,
+#weather-page frame.weather-storm .linked.stack-switcher.osd > button:checked,
+#weather-page frame.weather-storm stack > scrolledwindow > .frame label,
+#weather-page frame.weather-showers .linked.stack-switcher.osd > button label,
+#weather-page frame.weather-showers .linked.stack-switcher.osd > button:checked,
+#weather-page frame.weather-showers stack > scrolledwindow > .frame label,
+#weather-page frame.weather-overcast .linked.stack-switcher.osd > button label,
+#weather-page frame.weather-overcast .linked.stack-switcher.osd > button:checked,
+#weather-page frame.weather-overcast stack > scrolledwindow > .frame label {
+ color: @osd_button_fg_active;
+}
+
+#weather-page button.osd,
+#weather-page frame .linked.stack-switcher.osd > button {
+ border-image: none;
+}
+
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
index e28d9321..0e435814 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
@@ -24,15 +24,15 @@
@define-color keyboard_focus_border shade(@bg_color, 0.8);
-@define-color button_gradient_color_a shade(@theme_bg_color, 1.4);
-@define-color button_gradient_color_b #AABAB2; /*shade(@theme_bg_color, 0.75);*/
-@define-color button_border #AAABA9;
+@define-color button_gradient_color_a shade(@theme_bg_color, 1.07);
+@define-color button_gradient_color_b #AEBAAA; /*shade(@theme_bg_color, 0.75);*/
+@define-color button_border #A8ABA8;
@define-color button_hover_gradient_color_a shade(@theme_bg_color, 1.1);
@define-color button_hover_gradient_color_b shade(@theme_bg_color, 0.9);
@define-color insensitive_bg_color #E0E6DE;
-@define-color insensitive_fg_color #AAABA9;
+@define-color insensitive_fg_color #A8ABA8;
@define-color insensitive_border_color alpha(#ababab, 0.5);
@define-color trough_bg_color_a #C8CCC7;
@@ -61,7 +61,7 @@
/*@define-color menu_color #655b56;*/
@define-color menu_controls_color #ffffff;
-@define-color borders #AAABA9;
+@define-color borders #A8ABA8;
@define-color highlighted_border #8E8F8E;
@define-color internal_element_color @borders;
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
index f38c383e..67dcdb7b 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
@@ -72,6 +72,7 @@ button {
}
button:hover,
+button.flat:hover,
button:checked,
button:hover:active,
toolbar button:hover,
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 1283d44e..9e26a0f2 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -540,13 +540,14 @@ spinner:checked:disabled {
****************/
entry {
- background-color: shade(@theme_bg_color, 1.09);
- border-width: 1px;
- border-style: none;
- border-radius: 3px;
- padding: 4px;
- color: @theme_text_color;
+ background-color: shade(@theme_bg_color, 1.09);
+ border-width: 1px;
+ border-style: none;
+ border-radius: 3px;
+ padding: 4px;
+ color: @theme_text_color;
min-height: 22px;
+ margin: 0px 1px 0px 0px; /* move button away from entry */
}
entry:focus {
@@ -693,6 +694,17 @@ progressbar.vertical progress {
border-radius: 16px;
}
+statusbar progressbar.horizontal {
+ min-height: 13px;
+}
+
+/* progress component */
+statusbar progressbar.horizontal trough,
+statusbar progressbar.horizontal progress {
+ min-height: 13px;
+ border-radius: 6px;
+}
+
progressbar progress.left {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
@@ -785,21 +797,6 @@ frame.flat {
border-style: none;
}
-/*scrolledwindow,*/
-scrolledwindow.frame {
- -gtk-icon-style: regular;
- border-style: solid;
- border-color: @borders;
- border-width: 1px;
- border-radius: 2px;
- padding: 0;
-}
-
-/* no double frames */
-scrolledwindow viewport.frame {
- border-style: none;
-}
-
/* ie, dconf-editor, nautilus view */
.background.csd scrolledwindow,
.gedit-bottom-panel-paned > grid > notebook scrolledwindow,
@@ -813,6 +810,23 @@ scrolledwindow viewport.frame {
padding: 0;
}
+/*scrolledwindow,*/
+scrolledwindow.frame,
+.background.csd scrolledwindow.frame,
+.background.solid-csd scrolledwindow.frame {
+ -gtk-icon-style: regular;
+ border-style: solid;
+ border-color: alpha(@frame_color, 0.6);
+ border-width: 1px;
+ border-radius: 2px;
+ padding: 0;
+}
+
+/* no double frames */
+scrolledwindow viewport.frame {
+ border-style: none;
+}
+
/***************
* GtkLevelBar *
***************/
@@ -914,7 +928,7 @@ notebook header.top {
border-width: 0px 0px 1px 0px;
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 0.86),
- shade(@theme_bg_color, 1.05));
+ shade(@theme_bg_color, 1.00));
box-shadow: inset 0px -1px alpha(shade(@button_border, 1.00), 0.90);
}
@@ -923,7 +937,7 @@ notebook header.bottom {
border-width: 1px 0px 0px 0px;
background-image: linear-gradient(to top,
shade(@theme_bg_color, 0.86),
- shade(@theme_bg_color, 1.05));
+ shade(@theme_bg_color, 1.00));
box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90);
}
@@ -932,7 +946,7 @@ notebook header.left {
border-width: 1px 1px 0px 0px;
background-image: linear-gradient(to right,
shade(@theme_bg_color, 0.86),
- shade(@theme_bg_color, 1.05));
+ shade(@theme_bg_color, 1.00));
box-shadow: inset -1px 0px alpha(shade(@button_border, 1.00), 0.90);
}
@@ -941,7 +955,7 @@ notebook header.right {
border-width: 0px 0px 0px 1px;
background-image: linear-gradient(to left,
shade(@theme_bg_color, 0.86),
- shade(@theme_bg_color, 1.05));
+ shade(@theme_bg_color, 1.00));
box-shadow: inset 1px 0px alpha(shade(@button_border, 1.00), 0.90);
}
@@ -983,7 +997,7 @@ paned.horizontal > box.vertical > notebook scrolledwindow.frame,
paned.horizontal > paned.vertical > notebook scrolledwindow.frame {
border-width: 1px 1px 1px 1px;
border-style: solid;
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
}
.gedit-bottom-panel-paned > grid > notebook > header tab,
@@ -1251,7 +1265,11 @@ notebook > header button.flat.small-button {
notebook > header button.flat:hover,
notebook > header button.flat.small-button:hover {
- -gtk-icon-effect: highlight;
+ -gtk-icon-effect: highlight;
+ border-image: none;
+ border-style: none;
+ background-image: none;
+ background-color: transparent;
}
notebook header.top tabs arrow.up,
@@ -1345,7 +1363,7 @@ treeview header {
treeview header button {
background-image: linear-gradient(to bottom,
@button_gradient_color_a,
- shade(@button_gradient_color_b, 0.92));
+ shade(@button_gradient_color_b, 0.98));
border-image: none;
border-width: 0px 1px 1px 0px;
border-radius: 0px;
@@ -1786,7 +1804,8 @@ button image:disabled {
color: @insensitive_fg_color;
}
-button:hover {
+button:hover,
+button.flat:hover {
border-image: none;
border-style: solid;
border-color: shade(@button_border, 1.1);
@@ -1841,10 +1860,22 @@ button.image-button.radio {
margin: 0px 1px;
}
+buttonbox.horizontal.linked.dialog-action-area button {
+ margin: 0px 1px;
+}
+
/******************
* Linked Buttons *
******************/
+.linked.horizontal combobox .linked.horizontal button.combo {
+ margin: 0px 1px;
+}
+
+.linked.vertical button {
+ margin: 1px 0px;
+}
+
/* We don't make them different. */
/*****************
@@ -2581,7 +2612,9 @@ button.osd,
button.osd:checked,
.osd button,
.osd button:hover,
-.osd button:checked {
+.osd button:checked,
+.osd button.flat:hover,
+.osd button:checked:hover {
border-width: 1px;
border-style: solid;
border-image: none;
@@ -2631,8 +2664,6 @@ button.osd:hover,
color: @osd_button_fg_hover;
}
-button.osd:hover:active,
-.osd button:hover:active,
button.osd:checked,
.osd button:checked {
color: @osd_button_fg_active;
@@ -2738,11 +2769,29 @@ toolbar.osd separator {
color: shade(@osd_lowlight, 0.80);
}
-/* used by gnome-settings-daemon's media-keys OSD
- and Epiphany */
-.osd trough {
- background-color: @osd_trough_bg;
- border-width: 0;
+/* ie. parole media-player */
+.osd scale trough,
+.osd scale.horizontal trough {
+ border-radius: 8px;
+ border-style: solid;
+ border-width: 1px;
+ background-image: -gtk-gradient (linear,
+ left top,
+ left bottom,
+ from (alpha (#fff, 0.10)),
+ color-stop (0.20, alpha (#fff, 0.10)),
+ to (alpha (#fff, 0.04)));
+ box-shadow: inset 1px 1px alpha(#000, 0.08),
+ inset -1px -1px alpha(#000, 0.08);
+ border-color: @osd_button_border;
+}
+
+.osd scale.horizontal trough {
+ min-height: 3px;
+}
+
+.osd scale.vertical trough {
+ min-width: 3px;
}
.osd progressbar {
@@ -3113,6 +3162,11 @@ popover .horizontal label {
color: @theme_selected_fg_color;
}
+/* ie. gnome-weather */
+popover list row.activatable label {
+ color: @theme_fg_color;
+}
+
.linked button.image-button.model {
min-height: 28px;
margin: 0px 1px;
@@ -3146,8 +3200,6 @@ popover button.default.suggested-action.text-button:hover {
* Header bars *
***************/
-
-
/*******
* CSD *
*******/
@@ -3885,7 +3937,7 @@ calendar {
border-radius: 3px;
border-style: solid;
border-width: 1px;
- border-color: @borders;
+ border-color: alpha(@frame_color, 0.6);
padding: 1px;
}
@@ -4037,6 +4089,10 @@ placessidebar.sidebar.frame {
border-color: alpha(@frame_color, 0.6);
}
+filechooser placessidebar.sidebar.frame {
+ border-width: 1px 1px 1px 1px;
+}
+
placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row {
background-color: shade(@theme_bg_color, 1.02);
border-radius: 0px;
@@ -4107,7 +4163,7 @@ stacksidebar.sidebar scrolledwindow {
shade(@theme_bg_color, 1.0));
border-style: solid;
border-width: 0px 1px 0px 0px;
- border-color: @borders;
+ border-color: alpha(@frame_color, 0.6);
border-radius: 2px 0px 0px 2px;
}
@@ -4121,7 +4177,7 @@ stacksidebar.sidebar viewport.frame {
filechooser #pathbarbox {
background-color: shade(@theme_bg_color, 1.02);
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
border-width: 1px 1px 0px 1px;
border-style: solid;
border-radius: 3px 0px 0px 0px;
@@ -4139,7 +4195,7 @@ filechooser placesview stack frame {
filechooser stack scrolledwindow {
background-color: shade(@theme_bg_color, 1.02);
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
border-width: 1px;
border-style: solid;
border-radius: 0px;
@@ -4186,7 +4242,7 @@ button.link:active:hover {
/* ie. mate-keyboard-properties option window */
dialog scrolledwindow.frame {
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
border-style: solid;
border-width: 1px;
border-radius: 2px;
@@ -4199,8 +4255,44 @@ dialog scrolledwindow.frame viewport .vertical {
dialog scrolledwindow.frame viewport .vertical expander .vertical {
background-color: shade (@theme_bg_color, 1.10);
border-radius: 3px;
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
border-style: solid;
border-width: 1px;
}
+/******************
+ * FlowBox *
+ ******************/
+
+flowbox {
+ background-color: shade(@base_color, 1.02);
+ -gtk-icon-style: regular;
+ border-style: solid;
+ border-color: alpha(@frame_color, 0.6);
+ border-width: 1px 1px 1px 1px;
+ border-radius: 3px;
+ padding: 8px;
+}
+
+flowbox > flowboxchild,
+flowbox > flowboxchild:focus,
+flowbox > flowboxchild:backdrop {
+ border-style: solid;
+ border-width: 2px;
+ border-radius: 3px;
+ border-color: transparent;
+ color: @theme_text_color;
+
+}
+
+flowbox > flowboxchild:selected,
+flowbox > flowboxchild:selected:focus,
+flowbox > flowboxchild:selected:hover,
+flowbox > flowboxchild:selected:focus:hover {
+ border-style: solid;
+ border-width: 2px;
+ border-radius: 3px;
+ border-color: alpha(@theme_selected_bg_color, 0.75);
+ color: @theme_text_color;
+}
+
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 98dc3089..da16d86b 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -4,7 +4,7 @@
.caja-side-pane > notebook {
background-color: shade(@theme_bg_color, 1.02);
- border-color: @notebook_border;
+ border-color: alpha(@frame_color, 0.6);
border-width: 1px;
border-style: solid;
}
@@ -27,242 +27,137 @@
margin: -1px;
}
-.caja-desktop-window scrolledwindow {
- border-width: 0px;
-}
-
-/* background of all views */
-CajaNavigationWindow .view,
-CajaNavigationWindow .view row {
- background-color: shade(@base_color, 1.04);
-}
-
-/* borders of view and sidebar */
-CajaNavigationWindow CajaSidePane CajaPlacesSidebar.frame,
-CajaNavigationWindow CajaNotebook .vertical .vertical FMIconView.frame {
- border-color: shade(@toolbar_gradient_base, 0.98);
- border-style: solid;
- border-width: 1px;
- border-radius: 2px;
-}
-
-/* FIXME, doesn't work */
-.caja-inactive-pane .view {
- background-color: shade(@theme_bg_color, 0.9);
-}
-
-.caja-inactive-pane .notebook {
- background-color: shade(@theme_bg_color, 0.9);
-}
-
-.caja-inactive-pane .notebook tab.top:active {
- background-image: linear-gradient(to bottom,
- shade(@theme_bg_color, 0.8),
- shade(@theme_bg_color, 0.86) 40%,
- shade(@theme_bg_color, 0.88) 70%,
- shade(@theme_bg_color, 0.9));
-}
-
-.caja-inactive-pane .notebook .scrollbar.button:disabled {
- background-color: shade(@theme_bg_color, 0.9);
- border-radius: 0px;
-}
-
-/* the small line between sidebar and view */
-CajaWindow GtkPaned.horizontal {
-/* -GtkPaned-handle-size: 3px;*/
- border-color: transparent;
- background-color: @theme_bg_color;
-}
-
-CajaWindow GtkScrolledWindow.frame {
- border-style: none;
-}
-
-CajaView .expander column:sorted:selected,
-CajaView .expander column:sorted:selected:hover {
- background-image: none;
- background-color: transparent;
-}
-
-CajaWindow .floating-bar {
- font: italic;
-}
-
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical .notebook .frame {
- border-style: none;
-}
-
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical .notebook tab {
- padding: 3px 3px 0px;
-}
-
-CajaWindow .notebook .view.rubberband,
-CajaWindow .notebook .rubberband {
- background-color: alpha(@theme_selected_bg_color, 0.35);
- border-radius: 6px;
-}
-
-/* Caja pathbar */
-CajaNavigationWindow .horizontal .vertical .horizontal .vertical .horizontal CajaPathBar .button ,
-CajaNavigationWindow .horizontal .vertical .horizontal .vertical .horizontal .button.image-button {
- padding: 4px;
-}
-
-/* View toogle button */
-CajaNavigationWindow .toolbar.horizontal.primary-toolbar .vertical .button {
- padding: 6px;
-}
-
/* Caja places bar */
/* close button */
-CajaSidePane GtkButton.button.flat {
- border-style: solid;
- border-color: shade(@button_border, 1.1);
- border-radius: 3px;
- padding: 4px 2px;
-}
-
-CajaSidePane GtkButton.button.flat:hover {
- border-radius: 3px;
- padding: 4px 2px;
+.caja-side-pane button.flat {
+ margin: 0px 1px;
+ padding: 0px 2px;
}
/* places button */
-CajaSidePane GtkToggleButton.button.flat,
-CajaSidePane GtkToggleButton.button.flat:hover {
- padding: 4px 5px;
+.caja-side-pane button.flat.toggle,
+.caja-side-pane button.flat.flat.toggle:hover {
+ padding: 0px 5px;
}
/* caja sidebar */
-CajaWindow FMTreeView .view,
-CajaWindow CajaNotesViewer .view,
-CajaWindow CajaPlacesSidebar .view,
-CajaWindow CajaHistorySidebar .view,
-CajaWindow CajaInformationPanel GtkVBox,
-CajaWindow CajaEmblemSidebar GtkViewport {
+.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(@theme_bg_color, 1.02);
- border-width: 0px;
-}
-
-CajaWindow FMTreeView .frame,
-CajaWindow CajaNotesViewer .frame,
-CajaWindow CajaPlacesSidebar .frame,
-CajaWindow CajaHistorySidebar .frame,
-CajaWindow CajaEmblemSidebar .frame {
- border-width: 0px;
}
-CajaWindow FMTreeView .scrollbar.button,
-CajaWindow CajaNotesViewer .scrollbar.button,
-CajaWindow CajaEmblemSidebar .scrollbar.button,
-CajaWindow CajaPlacesSidebar .scrollbar.button,
-CajaWindow CajaHistorySidebar .scrollbar.button {
- color: transparent;
+/* View toogle button */
+.caja-navigation-window toolbar.horizontal.primary-toolbar combobox button.combo {
+ padding: 6px;
}
-CajaWindow FMTreeView .scrollbar.button:hover,
-CajaWindow CajaNotesViewer .scrollbar.button:hover,
-CajaWindow CajaEmblemSidebar .scrollbar.button:hover,
-CajaWindow CajaPlacesSidebar .scrollbar.button:hover,
-CajaWindow CajaHistorySidebar .scrollbar.button:hover {
- color: @theme_fg_color;
+/* pathbar */
+.caja-navigation-window .caja-pathbar button,
+.caja-navigation-window button.image-button.toggle {
+ padding: 3px 2px;
}
-CajaWindow FMTreeView .cell:selected,
-CajaWindow FMTreeView *.cell:selected,
-CajaPlacesSidebar .cell:selected,
-CajaPlacesSidebar *.cell:selected,
-CajaWindow CajaHistorySidebar .cell:selected,
-CajaWindow CajaHistorySidebar *.cell:selected {
- background-image: linear-gradient(to bottom,
- shade(@theme_bg_color, 1.3),
- shade(@theme_bg_color, 0.73));
- color: @theme_text_color;
- border-radius: 2px;
+/* arrow button */
+.caja-pathbar button:nth-child(odd) widget {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}
-CajaWindow FMTreeView .cell:selected:focus,
-CajaWindow FMTreeView *.cell:selected:focus,
-CajaPlacesSidebar .cell:selected:focus,
-CajaPlacesSidebar *.cell:selected:focus,
-CajaWindow CajaHistorySidebar .cell:selected:focus,
-CajaWindow CajaHistorySidebar *.cell:selected:focus {
- color: @theme_text_color;
- background-image: linear-gradient(to top,
- shade(@theme_bg_color, 1.3),
- shade(@theme_bg_color, 0.73));
+.caja-pathbar button:nth-child(odd) {
+ margin: 0px;
+ padding: 0px;
}
-CajaWindow FMTreeView .cell.image:selected,
-CajaWindow FMTreeView .cell.image:selected:focus,
-CajaPlacesSidebar .cell.image:selected,
-CajaPlacesSidebar .cell.image:selected:focus,
-CajaWindow CajaHistorySidebar .cell.image:selected,
-CajaWindow CajaHistorySidebar .cell.image:selected:focus {
- color: shade(@theme_selected_bg_color, 0.75);
+.caja-pathbar button:nth-child(even) widget {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
-
-CajaWindow .question, /* why question for trash? */
-CajaWindow .info,
-CajaTrashBar.info,
-CajaXContentBar.info,
-CajaQueryEditor.info,
-CajaSearchBar.info {
- background-color: @theme_bg_color;
+.caja-pathbar button:nth-child(even) {
+ margin: 0px;
+ padding: 0px;
}
-CajaSearchBar.info {
- border-radius: 0px;
+/* folder button */
+.caja-pathbar button.toggle {
+ padding: 3px 4px;
+ margin: 0px -1px 0px 0px;
}
-CajaWindow NautilusQueryEditor .toolbar,
-CajaWindow .notebook NautilusQueryEditor .toolbar {
- background-image: none;
- background-color: transparent;
- padding: 5px 7px;
+/* eventbars, ie. search results */
+.caja-notebook box.vertical frame {
+ background-color: shade (@theme_bg_color, 1.02);
+ border-style: none;
+ border-radius: 0px;
}
-.caja-canvas-item,
-EelEditableLabel.entry {
- border-radius: 4px;
+.caja-notebook #caja-extra-view-widget {
+ background-color: shade (@theme_bg_color, 1.02);
+ border-color: @notebook_border;
+ border-width: 1px 1px 0px 1px;
+ border-style: solid;
+ border-radius: 3px 3px 0px 0px;
}
-/* view */
-CajaNavigationWindow.background .view.caja-canvas-item {
- color: @theme_fg_color;
- text-shadow: none;
+.caja-notebook #caja-extra-view-widget button.flat {
+ border-width: 1px;
+ border-style: solid;
+ padding: 4px;
}
-CajaNavigationWindow.background .view.caja-canvas-item:active,
-CajaNavigationWindow.background .view.caja-canvas-item:selected {
- color: @theme_selected_fg_color;
+.caja-canvas-item {
+ border-radius: 3px;
}
-/**** Desktop Drawn ***/
-CajaDesktopWindow.background FMIconContainer.view EelEditableLabel.entry {
- border-image: none;
- text-shadow: none;
+/* desktop mode */
+.caja-desktop-window scrolledwindow {
+ border-width: 0px;
}
-CajaDesktopWindow.background .caja-canvas-item {
- color: @theme_selected_fg_color;
+.caja-desktop.caja-canvas-item {
+ color: #ffffff;
text-shadow: 1px 1px alpha (#000000, 0.8);
}
-CajaDesktopWindow.background .caja-canvas-item:active {
- color: @theme_text_color;
-}
-
-CajaDesktopWindow.background .caja-canvas-item:selected {
- color: @theme_selected_fg_color;
+.caja-desktop.caja-canvas-item:selected,
+.caja-desktop.caja-canvas-item:active,
+.caja-desktop.caja-canvas-item:hover {
+ text-shadow: none;
}
-CajaDesktopWindow.background .caja-canvas-item:active,
-CajaDesktopWindow.background .caja-canvas-item:hover,
-CajaDesktopWindow.background .caja-canvas-item:selected {
- 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-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;
}
/****************
@@ -270,31 +165,28 @@ CajaDesktopWindow.background .caja-canvas-item:selected {
****************/
/* first make all transparent */
-PanelToplevel.background.horizontal {
+.mate-panel-menu-bar,
+.mate-panel-menu-bar menubar,
+.mate-panel-menu-bar menuitem,
+#PanelPlug,
+PanelApplet,
+PanelApplet button,
+PanelToplevel.background {
background-color: transparent;
-}
-
-WnckSelector.menubar,
-PanelMenuBar.menubar,
-WnckSelector GtkMenuItem,
-PanelMenuBar GtkMenuItem,
-MatePanelApplet GtkToggleButton.button {
+ background: transparent;
+ background-image: none;
border-image: none;
border-color: transparent;
- background-image: none;
- background-color: transparent;
box-shadow: none;
+ padding: 0px;
}
/* let's started */
/* the panel bar itself */
-PanelToplevel.background.horizontal {
- background-color: @theme_bg_color;
-}
-
-.mate-panel-menu-bar {
+#PanelPlug,
+.mate-panel-menu-bar,
+PanelToplevel.background {
background-color: @theme_bg_color;
- background-image: none;
/* normal panel */
color: @theme_fg_color;
/* transparent panel with dark wallpaper*/
@@ -303,7 +195,7 @@ PanelToplevel.background.horizontal {
}
/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .window-frame.csd.popup {
+.mate-panel-menu-bar .csd.popup decoration {
box-shadow: none;
}
@@ -318,20 +210,22 @@ PanelToplevel.background {
}
/* hide buttons */
-PanelToplevel.background .button {
+PanelToplevel > widget > button {
color: @theme_fg_color;
background: transparent;
border-image: none;
- border-radius: 0px;
- border-style: none;
+ border-radius: 3px;
+ border-style: solid;
+ border-color: transparent;
padding: 0px;
box-shadow: none;
}
-PanelToplevel.background .button:hover {
+PanelToplevel > widget > button:hover {
border-radius: 3px;
border-image: none;
border-style: solid;
+ padding: 0px;
border-color: shade(@button_border, 1.1);
background-image: linear-gradient(to bottom,
shade(@button_gradient_color_b, 0.7),
@@ -339,7 +233,7 @@ PanelToplevel.background .button:hover {
shade(@button_gradient_color_a, 1.5));
}
-PanelToplevel.background .button:hover:active {
+PanelToplevel > widget > button:hover:active {
border-radius: 3px;
color: @theme_fg_color;
border-style: solid;
@@ -361,7 +255,7 @@ MatePanelAppletFrameDBus {
background-position: left;
}
-PanelSeparator.mate-custom-panel-background {
+PanelSeparator {
border-width: 0;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.96)),
@@ -371,43 +265,21 @@ PanelSeparator.mate-custom-panel-background {
}
/* main menu */
-PanelMenuBar.menubar .menuitem {
- transition: all 300ms ease-out;
+.mate-panel-menu-bar menubar > menuitem {
text-shadow: none;
+ padding: 3px 5px;
}
-/* set selected menubar button */
-PanelMenuBar.menubar .menuitem:hover {
- background-image: none;
- background-color: shade(@theme_selected_bg_color, 1.1);
- color: @theme_selected_fg_color;
- border-style: none;
- border-image: none;
- border-radius: 3px 3px 0px 0px;
- border-width: 0px;
+/* set normal menu menuitem */
+.mate-panel-menu-bar menu menuitem {
+ padding: 3px 6px;
}
-/* set normal menubar menuitem */
-PanelMenuBar.menubar .menu .menuitem {
- padding: 6px;
-}
-
-/* set selected menubar menuitem */
-PanelMenuBar.menubar .menu .menuitem:hover {
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.6),
- shade(@theme_selected_bg_color, 0.6));
- color: @theme_selected_fg_color;
- border-style: solid;
- border-width: 1px;
- border-radius: 3px;
- border-image: url("assets/menu-border.svg") 2 / 2px stretch;
-}
-
-/* desktop-applet, clockapplet, drivemount, character-map,
-dictionary */
-MatePanelApplet .button,
-MatePanelApplet .button.flat {
+/* most applets */
+#PanelApplet button,
+#PanelApplet button.flat,
+#PanelApplet button.toggle
+#PanelApplet button.flat.toggle {
transition: all 400ms ease-out;
background-image: none;
padding: 4px 3px;
@@ -418,73 +290,51 @@ MatePanelApplet .button.flat {
color: @theme_fg_color;
}
-MatePanelApplet .button:hover,
-MatePanelApplet .button:active,
-MatePanelApplet .button:checked,
-MatePanelApplet .button:active:hover
-MatePanelApplet .button:checked:hover,
-MatePanelApplet .button.flat:hover,
-MatePanelApplet .button.flat:active,
-MatePanelApplet .button.flat:checked,
-MatePanelApplet .button.flat:active:hover,
-MatePanelApplet .button.flat:checked:hover {
+#PanelApplet button:hover,
+#PanelApplet button.flat:hover,
+#PanelApplet button.toggle:hover,
+#PanelApplet button.flat.toggle:hover,
+#PanelApplet button:hover:active,
+#PanelApplet button:checked,
+#PanelApplet button:checked:hover,
+#PanelApplet button.flat:hover:active,
+#PanelApplet button.flat:checked,
+#PanelApplet button.flat:checked:hover,
+#PanelApplet button.toggle:hover:active,
+#PanelApplet button.toggle:checked,
+#PanelApplet button.toggle:checked:hover,
+#PanelApplet button.flat.toggle:hover:active,
+#PanelApplet button.flat.toggle:checked,
+#PanelApplet button.flat.toggle:checked:hover{
background-image: linear-gradient(to bottom,
@button_gradient_color_b,
@button_gradient_color_a);
}
-/*Wncklist */
-WnckTasklist .button {
- transition: all 400ms ease-out;
- padding: 2px;
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
- text-shadow: none;
- color: @theme_fg_color;
- background-image: -gtk-gradient (radial,
- 0.5 -2.0, 2.0,
- 0.5 -2.0, 3.0,
- from (shade(@button_gradient_color_a, 1.5)),
- color-stop (0.42, shade(@button_gradient_color_a, 0.7)),
- color-stop (0.43, @theme_bg_color),
- to (shade(@button_gradient_color_b, 0.7)));
-}
-
-WnckTasklist .button:checked:hover,
-WnckTasklist .button:checked,
-WnckTasklist .button:active:hover,
-WnckTasklist .button:active {
- border-radius: 3px;
- color: @theme_fg_color;
- border-style: solid;
- background-image: linear-gradient(to bottom,
- shade(@button_gradient_color_b, 0.7),
- @theme_bg_color 50%,
- shade(@button_gradient_color_a, 1.5));
+#PanelApplet #showdesktop-button.toggle,
+#PanelApplet #showdesktop-button.toggle:hover,
+#PanelApplet #showdesktop-button.toggle:hover:active,
+#PanelApplet #showdesktop-button.toggle:checked,
+#PanelApplet #showdesktop-button.toggle:checked:hover,
+#PanelApplet #showdesktop-button.toggle:checked:hover:active {
+ padding: 4px 2px;
}
-WnckTasklist .button:hover {
- border-radius: 3px;
- border-image: none;
- border-style: solid;
- border-color: shade(@button_border, 1.1);
- background-image: linear-gradient(to bottom,
- shade(@button_gradient_color_a, 1.5),
- shade(@button_gradient_color_a, 0.7) 39%,
- @theme_bg_color 40%,
- shade(@less_dark_color, 0.4));
+/* drivemount */
+#PanelApplet > grid > button,
+#PanelApplet > grid > button:hover {
+ padding: 4px;
}
/* set button WnckSelector */
-WnckSelector.menubar .menuitem {
+#window-menu-applet-button wnck-selector menuitem {
border-radius: 3px;
- color: @theme_fg_color;
border-style: solid;
+ padding: 4px 5px;
}
-/* set selected button WnckSelector */
-WnckSelector.menubar .menuitem:hover {
+/* set selected button WnckSelector, hover is checked!! */
+#window-menu-applet-button wnck-selector menuitem:hover {
background-image: linear-gradient(to bottom,
shade(@button_gradient_color_b, 0.7),
@theme_bg_color 50%,
@@ -492,27 +342,28 @@ WnckSelector.menubar .menuitem:hover {
border-image: url("assets/button-active-border.svg") 3 / 3px stretch;
}
-/* set WnckSelector menuitem */
-WnckSelector.menubar .menu .menuitem {
+/* set WnckSelector menu menuitem */
+#window-menu-applet-button wnck-selector menu menuitem {
background-image: none;
- color: @theme_selected_fg_color;
- border-style: none;
- border-width: 0px;
+ border-style: solid;
+ border-width: 1px;
border-radius: 0px;
+ padding: 4px 6px;
}
-/* set WnckSelector selected menuitem */
-WnckSelector.menubar .menu .menuitem:hover {
+/* set WnckSelector menu selected menuitem */
+#window-menu-applet-button wnck-selector menu menuitem:hover {
background-image: linear-gradient(to bottom,
shade(@theme_selected_bg_color, 1.6),
shade(@theme_selected_bg_color, 0.6));
+ color: @theme_fg_color;
border-style: solid;
border-width: 1px;
border-radius: 3px;
border-image: url("assets/menu-border.svg") 2 / 2px stretch;
}
-WnckPager {
+.wnck-pager {
background-image: none;
border-color: transparent;
background-color: transparent;
@@ -520,63 +371,35 @@ WnckPager {
}
/* selected WnckPager */
-WnckPager:selected {
+.wnck-pager:selected {
background-image: linear-gradient(to bottom,
shade (@wnckpager_bg_color, 1.65),
shade (@wnckpager_bg_color, 0.75));
}
/* prelight of WnckPager */
-WnckPager:hover {
+.wnck-pager:hover {
background-image: linear-gradient(to bottom,
shade (@wnckpager_bg_color, 0.75),
shade (@wnckpager_bg_color, 1.65));
}
-/* drivemount */
-DriveList .button,
-DriveList .button.flat {
- padding: 4px 5px;
- border-radius: 3px;
- border-color: transparent;
- border-image: none;
- box-shadow: none;
-}
-ClockBox,
-.mate-panel-menu-bar.menubar,
-MatePanelApplet > GtkMenuBar.menubar {
+#clock-applet-button.flat.toggle > box.horizontal > label {
font: normal;
}
-/* no background for icon-padding area */
-GtkTrayIcon.background {
- background-color: transparent;
-}
-
-NaTrayApplet {
+na-tray-applet {
-NaTrayApplet-icon-padding: 3px;
-NaTrayApplet-icon-size: 16;
}
-/* system-monitor-applet */
-MatePanelApplet .horizontal .vertical .frame {
- background-color: transparent;
- border-style: none;
- box-shadow: none;
- border-radius: 0px;
-}
-/* Classic icon style */
-.mate-panel-menu-bar {
- -PanelMenuBar-icon-visible: true;
-}
-
/* volume applet, brightness applet */
.mate-panel-applet-slider {
background: transparent;
}
-.mate-panel-applet-slider .frame {
+.mate-panel-applet-slider frame {
background-color: @theme_bg_color;
border-image: none;
border-style: solid;
@@ -585,18 +408,18 @@ MatePanelApplet .horizontal .vertical .frame {
margin: 0px;
}
-.mate-panel-applet-slider .frame .frame{
+.mate-panel-applet-slider frame frame {
background-color:transparent;
border-style: none;
box-shadow: none;
}
-.mate-panel-applet-slider .frame .button {
+.mate-panel-applet-slider frame button {
padding: 4px 0px;
margin: 0px;
}
-.mate-panel-applet-slider .frame .button:disabled {
+.mate-panel-applet-slider frame button:disabled {
color: @insensitive_fg_color;
background-image: none;
border-image: none;
@@ -608,8 +431,7 @@ MatePanelApplet .horizontal .vertical .frame {
* Mate-Terminal *
****************/
-/* Background mate-terminal, this isn't the normal way to style that! */
-TerminalWindow .entry {
+.mate-terminal vte {
-TerminalWindow-background-darkness: 0.95;
background-color: @selected_fg_color;
color: @theme_text_color;
@@ -619,146 +441,13 @@ TerminalWindow .entry {
* Pluma *
*********/
-/* Pluma status bar */
-PlumaWindow .button.flat {
- border-style: solid;
- border-color: shade(@button_border, 1.1);
- border-radius: 5px;
-}
-
-PlumaWindow .button.flat,
-PlumaWindow .button.flat:hover {
- border-radius: 5px;
-}
-
-/* surpress styling of close button */
-PlumaWindow .notebook tab .button.flat,
-PlumaWindow .notebook tab .button.flat:hover {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- border-image: none;
-}
-
-PlumaCloseButton.button.flat,
-PlumaCloseButton.button.flat:hover,
-PlumaCloseButton:hover.button.flat,
-PlumaCloseButton:hover.button.flat:hover {
- padding: 0px;
-}
-
-/* close button tab text view */
-PlumaWindow .vertical .horizontal .vertical .notebook .horizontal PlumaCloseButton.button.flat,
-PlumaWindow .vertical .horizontal .vertical .notebook .horizontal PlumaCloseButton.button.flat:hover {
- padding: 2px 0px;
-}
-
/* pluma line numbers */
-PlumaView {
+.pluma-window textview {
background-color: @theme_bg_color;
}
-/* Printpreview */
-PlumaPrintPreview.vertical .toolbar.horizontal {
- padding: 0px;
-}
-
-PlumaPrintPreview.vertical .toolbar.horizontal GtkToolItem .horizontal .entry {
- padding: 4px 6px;
-}
-
-PlumaPrintPreview.vertical .toolbar.horizontal .button.image-button,
-PlumaPrintPreview.vertical .toolbar.horizontal .button.flat.image-button {
- padding: 0px;
-}
-
-PlumaPrintPreview.vertical .toolbar.horizontal .button.text-button,
-PlumaPrintPreview.vertical .toolbar.horizontal .button.flat.text-button {
- padding: 0px 8px;
- border-radius: 2px;
-}
-
-PlumaPrintPreview.vertical GtkLayout {
- background-color: @theme_main_color;
-}
-
-/* sidebar file-browser */
-PlumaPanel.vertical {
- border-radius: 3px 3px 3px 3px;
- border-width: 1px 1px 0px 0px;
- border-style: solid;
- border-color: @borders;
-}
-
-PlumaPanel.vertical .notebook {
- background-color: shade (@theme_bg_color, 1.04);
- border-style: solid;
- border-width: 0px 1px 1px 1px;
- border-radius: 0px 0px 3px 3px;
- border-color: @borders;
-}
-
-PlumaFileBrowserWidget.vertical .frame {
- border-width: 1px 0px 1px 1px;
- border-radius: 0px;
-}
-
-PlumaFileBrowserWidget.vertical .frame PlumaFileBrowserView{
- background-color: shade(@theme_bg_color, 1.02);
-}
-
-PlumaPanel.vertical .horizontal .horizontal GtkImage {
- padding: 0px;
-}
-
-PlumaFileBrowserWidget.vertical .toolbar.horizontal {
- padding: 5px 0px;
-}
-
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.menu-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.image-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat.menu-button,
-PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat.image-button {
- padding: 3px;
-}
-
-PlumaFileBrowserWidget.vertical GtkExpander {
- padding: 4px;
-}
-
-/***********************
- * Mate-Control-Center *
- ***********************/
-
-/* background */
-ShellWindow AppResizer .view {
- background-color: shade(@theme_main_color, 1.00)
-}
-
-ShellWindow .button.flat {
- border-image: none;
-}
-
-/* button hover of applications */
-ShellWindow GtkScrolledWindow .button.flat:hover {
- border-radius: 12px;
-}
-
-/******************************
- * mate-appearance-properties *
- ******************************/
-
-/* mate-appearance-properties view */
-GtkDialog GtkScrolledWindow .view {
- background-color: shade(@base_color, 1.06)
-}
-
/* atril and eom */
-EggToolbarEditor.vertical GtkScrolledWindow .frame {
+EggToolbarEditor.vertical scrolledwindow .frame {
background-color: shade(@base_color, 1.04);
border-color: @borders;
border-width: 1px;
@@ -770,12 +459,12 @@ EggToolbarEditor.vertical GtkScrolledWindow .frame {
* Eom *
*******/
-EomThumbNav .button.flat {
+.eom-window .vertical .vertical .vertical .horizontal button.flat {
border-color: @borders;
border-image: none;
}
-EomThumbNav .button.flat:first-child {
+.eom-window .vertical .vertical .vertical .horizontal button.flat:first-child {
border-radius: 4px 0px 0px 4px;
border-width: 1px 0px 1px 1px;
background-image: linear-gradient(to left,
@@ -783,7 +472,7 @@ EomThumbNav .button.flat:first-child {
@button_gradient_color_b);
}
-EomThumbNav .button.flat:last-child {
+.eom-window .vertical .vertical .vertical .horizontal button.flat:last-child {
border-radius: 0px 4px 4px 0px;
border-width: 1px 1px 1px 0px;
background-image: linear-gradient(to right,
@@ -791,19 +480,19 @@ EomThumbNav .button.flat:last-child {
@button_gradient_color_b);
}
-EomThumbNav .button.flat:hover:first-child {
+.eom-window .vertical .vertical .vertical .horizontal button.flat:hover:first-child {
background-image: linear-gradient(to left,
@button_hover_gradient_color_a,
@button_hover_gradient_color_b);
}
-EomThumbNav .button.flat:hover:last-child {
+.eom-window .vertical .vertical .vertical .horizontal button.flat:hover:last-child {
background-image: linear-gradient(to right,
@button_hover_gradient_color_a,
@button_hover_gradient_color_b);
}
-EomThumbNav .button.flat:disabled {
+.eom-window .vertical .vertical .vertical .horizontal button.flat:disabled {
background-image: none;
border-color: transparent;
}