summaryrefslogtreecommitdiff
path: root/desktop-themes/GreenLaguna
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2014-05-23 21:31:10 +0200
committerraveit65 <[email protected]>2014-05-23 21:31:10 +0200
commit5a61324ea91ec7ace875442dc6f1d769371b7ade (patch)
tree608f5fd00e078aaed293a92cd1d1a935b2c65341 /desktop-themes/GreenLaguna
parentbfd6c4b826fa37477a58b0a36426ac3058991578 (diff)
downloadmate-themes-5a61324ea91ec7ace875442dc6f1d769371b7ade.tar.bz2
mate-themes-5a61324ea91ec7ace875442dc6f1d769371b7ade.tar.xz
GreenLaguna GTK3: adjustments for caja, mate-terminal and mate-panel
fix minimum size issue with top-panel
Diffstat (limited to 'desktop-themes/GreenLaguna')
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css485
1 files changed, 237 insertions, 248 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index c697af20..2de053e7 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -1,156 +1,110 @@
-/*********************
- * CAJA File manager *
- *********************/
+/************
+ * Caja *
+ ************/
-/**** View ***/
-
-CajaView .view {
- background-color: shade (@theme_bg_color, 1.08);
- color: @theme_fg_color;
+/* Look out !
+This is the background color of caja view */
+CajaView .entry {
+ background-color: shade(@base_color, 1.08);
}
+/* FIXME, doesn't work */
.caja-inactive-pane .view {
- background-color: shade(@less_dark_color, 1.3);
-}
-
-/* file renaming */
-CajaView .view .entry,
-CajaView .view .entry:focus {
- background-image: none;
- border-image: none;
- border-style: solid;
- border-radius: 1px;
- border-color: @theme_selected_bg_color;
- background-color: shade(@theme_selected_bg_color, 0.3);
-}
-
-/**** Window ***/
-
-/*FIXME normaly this isn't the right entry for adjusting
-the sidebar background color*/
-CajaWindow .view {
- background-color: shade (@theme_bg_color, 1.08);
-}
-
-CajaWindow GtkPaned {
- background-color: @less_dark_color;
-}
-
-CajaWindow GtkScrolledWindow.frame {
- border-style: none;
+ background-color: shade(@theme_bg_color, 0.9);
}
-CajaWindow .button {
- border-image: url("assets/button-border-dark1.svg") 3 / 3px stretch;
- 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(@less_dark_color, 0.4)));
+.caja-inactive-pane .notebook {
+ background-color: shade(@theme_bg_color, 0.9);
}
-CajaWindow .button:hover {
+.caja-inactive-pane .notebook tab.top:active {
background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 1.3),
- shade(@less_dark_color, 0.4));
+ 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:insensitive {
+ background-color: shade(@theme_bg_color, 0.9);
+ border-radius: 0px;
}
-CajaWindow .button:active,
-CajaWindow .button:hover:active {
- background-image: linear-gradient(to bottom,
- shade(@button_gradient_color_b, 0.7),
- @theme_bg_color 40%,
- shade(@less_dark_color, 1.6));
- border-image: url("assets/button-active-border-dark1.svg") 3 / 3px stretch;
+/*FIXME normaly this isn't the right entry for adjusting
+the sidebar background color*/
+CajaWindow .view {
+ background-color: shade(@base_color, 1.03);
}
-CajaWindow column-header .button,
-CajaWindow column-header .button:hover {
+/* file renaming */
+CajaView .view .entry,
+CajaView .view .entry:focus {
+ background-image: none;
border-image: none;
- border-width: 0px 0px 1px 1px;
- border-radius: 0;
border-style: solid;
- border-color: @less_dark_color;
-}
-
-CajaWindow .toolbar {
- /*border-radius: 3px 0px 0px 3px;*/
- background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 0.4),
- shade(@less_dark_color, 1.36));
+ border-radius: 1px;
+ border-color: @theme_selected_bg_color;
}
-CajaToolbar .toolbar {
+/*CajaToolbar .toolbar {
border-radius: 0px;
+}*/
+
+/* the small line between sidebar and view */
+CajaWindow * {
+ -GtkPaned-handle-size: 1px;
}
-CajaWindow .scrollbar.slider:prelight,
-CajaWindow .scrollbar.slider:prelight:active,
-CajaWindow .scrollbar.slider.vertical:prelight,
-CajaWindow .scrollbar.slider.vertical:prelight:active {
- border-color: shade(@scroll_slider_color, 1.1);
+CajaWindow GtkScrolledWindow.frame {
+ border-style: none;
}
-CajaWindow .scrollbar.button,
-CajaWindow .scrollbar.button.horizontal,
-CajaWindow .scrollbar.button.vertical,
-CajaWindow .scrollbar.button:insensitive,
-CajaWindow .scrollbar.button.horizontal:insensitive,
-CajaWindow .scrollbar.button.vertical:insensitive {
+CajaView .expander column:sorted:selected,
+CajaView .expander column:sorted:selected:hover {
background-image: none;
+ background-color: transparent;
}
-CajaWindow GtkStatusbar,
CajaWindow .floating-bar {
font: italic;
}
-CajaWindow .floating-bar.right,
-CajaWindow .floating-bar.left {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+CajaWindow .notebook {
+ /*border-color: shade(@notebook_border, 1.2);*/
+ border-radius: 0px 0px 5px 5px;
}
-/**** Notebook ***/
+CajaWindow .notebook tab {
+ border-radius: 0px;
+}
-/* give the notebook view the same color */
-/*CajaWindow .notebook .view {
- background-color: @less_dark_color;
-}*/
+CajaWindow .notebook tab:active {
+ border-radius: 0px 0px 5px 5px;
+}
-.caja-inactive-pane .notebook {
- background-color: shade(@less_dark_color, 1.3);
- border-color: @less_dark_color;
+CajaWindow .notebook tab.top {
+ /* top right-left bottom */
+ padding: 4px 8px 4px;
}
-.caja-inactive-pane .notebook tab.top:active {
- background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 1.05),
- shade(@less_dark_color, 1.16) 40%,
- shade(@less_dark_color, 1.25) 70%,
- shade(@less_dark_color, 1.3));
+CajaWindow .notebook tab.top:active {
+ padding: 6px 8px 4px;
}
CajaWindow .notebook .view.rubberband,
CajaWindow .notebook .rubberband {
background-color: alpha(@theme_selected_bg_color, 0.35);
- /*border-radius: 6;*/
+ border-radius: 6px;
}
-/**** Sidebar ***/
-
-/* FIXME has no effect*/
-/*CajaWindow .sidebar .view {
- background-color: shade (@theme_bg_color, 1.08);
- color: @theme_fg_color;
-}*/
+/* FIXME, Why this doesn't work with caja? */
+CajaWindow .sidebar .view {
+ background-color: shade(@theme_bg_color, 1.03);
+ border-width: 0px;
+}
CajaWindow .sidebar .frame {
border-width: 0px;
- /*padding: 3px;*/
}
CajaWindow .sidebar .scrollbar.button {
@@ -161,21 +115,11 @@ CajaWindow .sidebar .scrollbar.button:hover {
color: @theme_fg_color;
}
-CajaPlacesSidebar .cell,
-CajaPlacesSidebar *.cell {
- color: @theme_text_color;
-}
-
-CajaPlacesSidebar .cell:hover,
-CajaPlacesSidebar *.cell:hover {
- color: @theme_text_color;
-}
-
CajaPlacesSidebar .cell:selected,
CajaPlacesSidebar *.cell:selected {
- background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 1.5),
- shade(@less_dark_color, 0.6));
+ 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;
}
@@ -183,98 +127,117 @@ CajaPlacesSidebar *.cell:selected {
CajaPlacesSidebar .cell:selected:focus,
CajaPlacesSidebar *.cell:selected:focus {
color: @theme_text_color;
- background-image: linear-gradient(to top,
- shade(@less_dark_color, 1.5),
- shade(@less_dark_color, 0.6));
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 1.3),
+ shade(@theme_bg_color, 0.73));
}
-/**** Infos ***/
+CajaPlacesSidebar .cell.image:selected,
+CajaPlacesSidebar .cell.image:selected:focus {
+ color: shade(@theme_selected_bg_color, 0.75);
+}
-CajaWindow .question,
+
+CajaWindow .question, /* why question for trash? */
CajaWindow .info,
CajaTrashBar.info,
CajaXContentBar.info,
-CajaQueryEditor.info {
- background-color: transparent;
+CajaQueryEditor.info,
+CajaSearchBar.info {
+ background-color: @theme_bg_color;
}
CajaSearchBar.info {
border-radius: 0px;
- background-color: @less_dark_color;
}
-CajaWindow CajaQueryEditor .toolbar,
-CajaWindow .notebook CajaQueryEditor .toolbar {
+CajaWindow NautilusQueryEditor .toolbar,
+CajaWindow .notebook NautilusQueryEditor .toolbar {
background-image: none;
background-color: transparent;
padding: 5px 7px;
}
-CajaSearchBar .entry,
-CajaQueryEditor .toolbar .entry {
- background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 0.2),
- shade(@less_dark_color, 0.5) 10%,
- @less_dark_color 50%,
- shade(@less_dark_color, 1.5));
- box-shadow: inset 0 -3px alpha(@entry_shadow, 0.03),
- inset 0 -2px alpha(@entry_shadow, 0.04),
- inset 0 -1px alpha(@entry_shadow, 0.06);
-}
-
-CajaSearchBar .entry:focus,
-CajaQueryEditor .toolbar .entry:focus {
- border-color: shade(@less_dark_color, 1.4);
- box-shadow: inset 0 -2px alpha(@entry_shadow, 0.04),
- inset 0 -1px alpha(@entry_shadow, 0.06);
-}
-
.caja-canvas-item {
border-radius: 5px;
}
-/**** Desktop Drawn ***/
-
-.caja-desktop.caja-canvas-item {
- color: @theme_fg_color;
+.caja-desktop.nautilus-canvas-item {
+ color: @theme_bg_color;
text-shadow: 1px 1px black;
}
-.caja-desktop.caja-canvas-item:active {
+.caja-desktop.nautilus-canvas-item:active {
color: @theme_text_color;
}
-.caja-desktop.caja-canvas-item:selected {
+.caja-desktop.nautilus-canvas-item:selected {
color: @theme_selected_fg_color;
}
-.caja-desktop.caja-canvas-item:active,
-.caja-desktop.caja-canvas-item:prelight,
-.caja-desktop.caja-canvas-item:selected {
+.caja-desktop.nautilus-canvas-item:active,
+.caja-desktop.nautilus-canvas-item:prelight,
+.caja-desktop.nautilus-canvas-item:selected {
text-shadow: none;
}
-
/****************
* Mate-Panel *
****************/
-PanelApplet > GtkMenuBar.menubar,
+/* the panel bar itself */
+.mate-panel-menu-bar,
+MatePanelApplet > GtkMenuBar.menubar,
PanelToplevel,
PanelWidget,
+PanelFrame,
PanelAppletFrame,
-PanelApplet,
-NotificationArea,
-.mate-panel {
+MatePanelAppletFrameDBus,
+MatePanelAppletContainer,
+MatePanelApplet {
background-image: none;
background-color: @theme_bg_color;
padding: 0;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
color: @theme_fg_color;
text-shadow: none;
}
-PanelApplet {
+/* needed for a working top panel with 24px (default) */
+PanelMenuBar.menubar * {
+ background-image: none;
+ background-color: transparent;
+ border-width: 0px;
+ border-style: none;
+ padding: 0px;
+ text-shadow: none;
+}
+
+/* set selected menubar button */
+PanelMenuBar.menubar .menuitem:hover {
+ background-image: none;
+ background-color: shade(@theme_selected_bg_color, 1.1);
+ border-style: none;
+ border-image: none;
+ /* join menuitem to menu */
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px;
+ text-shadow: none;
+}
+
+/* set selected menubar menuitem */
+PanelMenuBar.menubar .menu .menuitem:active:hover,
+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_text_color;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
+ border-image: url("assets/menu-border.svg") 2 / 2px stretch;
+ /*border-color: alpha(@theme_selected_bg_color, 0.1);*/
+}
+
+MatePanelApplet {
border-width: 0;
}
@@ -283,122 +246,148 @@ PanelSeparator {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@theme_bg_color, 0.96)),
to (shade (@theme_bg_color, 1.05)));
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
- color: shade (@selected_fg_color, 0.85);
+ color: shade (@theme_selected_bg_color, 1.65);
text-shadow: none;
}
-.mate-panel-menu-bar,
-PanelMenuBar.menubar,
-PanelMenuBar.menubar.menuitem,
-.mate-panel .menubar,
-.mate-panel .menubar .menuitem {
- background-image: none;
- background-color: @theme_bg_color;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
+/* desktop-applet, clockapplet, drivemount, character-map,
+dictionary */
+MatePanelApplet .button {
+ /* Due to a bug somewhere in gtk or cairo,
+ a padding of zero (or even one) doesn't work always!!! */
+ padding: 0px;
+
+ 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)),
+ to (shade(@button_gradient_color_b, 0.7)));
}
-PanelAppletFrame {
- background-color: @color;
- background-image: none;
- border-width: 0;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
- text-shadow: none;
+MatePanelApplet .button:active:hover,
+MatePanelApplet .button:active {
+ border-style: solid;
+ background-image: linear-gradient(to bottom,
+ @button_gradient_color_b,
+ @button_gradient_color_a);
}
-PanelApplet .button,
-.mate-panel .button {
- -GtkButton-inner-border: 2;
+MatePanelApplet .button:hover {
+ border-style: solid;
+ background-image: linear-gradient(to bottom,
+ @button_gradient_color_b,
+ @button_gradient_color_a);
+}
- background-image: none;
+/*Wncklist */
+WnckTasklist .button {
+ /* Due to a bug somewhere in gtk or cairo,
+ a padding of zero (or even one) doesn't work always!!! */
+ padding: 2px;
- border-color: @transparent;
- border-radius: 0;
- border-width: 0 1px 0 1px;
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ text-shadow: none;
color: @theme_fg_color;
- text-shadow: none;
+ 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)),
+ to (shade(@button_gradient_color_b, 0.7)));
+}
- -unico-border-gradient: none;
- -unico-glow-radius: 0;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
+WnckTasklist .button:active:hover,
+WnckTasklist .button:active {
+ border-style: solid;
+ background-image: linear-gradient(to bottom,
+ @button_gradient_color_b,
+ @button_gradient_color_a);
}
-PanelApplet .button:prelight:active,
-PanelApplet .button:active,
-.mate-panel .button:prelight:active,
-.mate-panel .button:active {
- background-image: none;
- border-color: shade (@theme_bg_color, 0.78);
- border-radius: 0;
- border-width: 0 1px 0 1px;
-
- -unico-border-gradient: none;
- -unico-glow-radius: 0;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
- text-shadow: none;
+WnckTasklist .button:hover {
+ border-style: solid;
+ background-image: linear-gradient(to bottom,
+ @button_gradient_color_b,
+ @button_gradient_color_a);
}
-PanelApplet .button:prelight,
-.mate-panel .button:prelight {
- background-image: none;
- border-color: @transparent;
- border-radius: 0;
- border-width: 0 1px 0 1px;
-
- -unico-border-gradient: none;
- -unico-glow-radius: 0;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
- text-shadow: none;
+/* set selected button WnckSelector */
+.mate-panel-window-menu-menu-bar .menuitem:hover,
+MatePanelApplet > WnckSelector.menubar .menuitem:hover {
+ 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));
}
-/*NotificationArea {
- -NotificationArea-icon-padding: 12;
- -NotificationArea-icon-size: 16;
-}*/
+/* set WnckSelector selected menuitem */
+.mate-panel-window-menu-menu-bar .menu .menuitem:hover,
+MatePanelApplet > WnckSelector.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_text_color;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
+ border-image: url("assets/menu-border.svg") 2 / 2px stretch;
+ /*border-color: alpha(@theme_selected_bg_color, 0.1);*/
+}
ClockBox,
.mate-panel-menu-bar.menubar,
-PanelApplet > GtkMenuBar.menubar {
+MatePanelApplet > GtkMenuBar.menubar {
font: normal;
}
-WnckPager, WnckTasklist {
- background-color: @theme_bg_color;
+WnckPager {
+ background-image: none;
+ border-color: transparent;
+ background-color: shade(@theme_bg_color, 0.9);
text-shadow: none;
}
-/* Classic icon style */
-.mate-panel-menu-bar {
- -PanelMenuBar-icon-visible: true;
+/* prelight of WnckPager */
+MatePanelApplet *:hover {
+ background-image: linear-gradient(to bottom,
+ shade (@theme_selected_bg_color, 2.86),
+ shade (@theme_selected_bg_color, 1.0));
+ background-color: @theme_base_color;
}
-/* Makes the text color on the light panel black */
-/*.mate-panel-menu-bar .menuitem {
- color: @theme_fg_color;
- text-shadow: none;
+/* Classic icon style */
+/*.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
}*/
-/*.mate-panel-menu-bar .menuitem:hover {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 1.0)),
- to (shade (@theme_selected_bg_color, 0.85)));
- border-width: 0;
+NaTrayApplet {
+ background-image: none;
+ background-color: @theme_bg_color;
+ padding: 0;
color: @theme_fg_color;
text-shadow: none;
- -unico-inner-stroke-width: 0;
- -unico-outer-stroke-width: 0;
+/* -NaTrayApplet-icon-padding: 12;
+ -NaTrayApplet-icon-size: 16;*/
}
-.mate-panel-menu-bar .menu.menuitem:hover,
-.mate-panel-menu-bar .menu .menuitem:hover {
- color: @theme_selected_fg_color;
-}*/
+/****************
+ * Mate-Terminal *
+ ****************/
+
+/* Background mate-terminal, this isn't the normal way to style that! */
+TerminalWindow .entry {
+ -TerminalWindow-background-darkness: 0.95;
+ background-color: @selected_fg_color;
+ color: @theme_text_color;
+}