From 5a61324ea91ec7ace875442dc6f1d769371b7ade Mon Sep 17 00:00:00 2001 From: raveit65 Date: Fri, 23 May 2014 21:31:10 +0200 Subject: GreenLaguna GTK3: adjustments for caja, mate-terminal and mate-panel fix minimum size issue with top-panel --- .../GreenLaguna/gtk-3.0/mate-applications.css | 485 ++++++++++----------- 1 file changed, 237 insertions(+), 248 deletions(-) (limited to 'desktop-themes') 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; +} -- cgit v1.2.1