From dbd7309ca996843ccd68d89f1d5aec218d94ed18 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 12 Feb 2015 03:54:01 +0100 Subject: Traditional themes GTk3: adjust flat buttons, fix m-c-c --- desktop-themes/TraditionalOk/gtk-3.0/Makefile.am | 1 + .../TraditionalOk/gtk-3.0/gtk-widgets.css | 19 ++ .../TraditionalOk/gtk-3.0/mate-applications.css | 251 +++++++++++++++++++++ 3 files changed, 271 insertions(+) create mode 100644 desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/Makefile.am b/desktop-themes/TraditionalOk/gtk-3.0/Makefile.am index b5e5c206..d4bbf9a9 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/Makefile.am +++ b/desktop-themes/TraditionalOk/gtk-3.0/Makefile.am @@ -8,6 +8,7 @@ theme_DATA = \ gtk-variant.css \ gtk-widgets.css \ gtk-widgets-img.css \ + mate-applications.css \ settings.ini EXTRA_DIST = $(theme_DATA) diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 78380b98..87ac88dd 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -445,6 +445,25 @@ GtkComboBox.combobox-entry .button { padding: 1px 4px; } +.button.default { + text-shadow: none; + color: @theme_fg_color; +} + +.button.flat { + 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; + icon-shadow: none; + border-image: none; +} + +.button.flat.hover { + border-radius: 3px; +} + .button { -GtkButton-image-spacing: 4; -GtkButton-interior-focus: true; diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css new file mode 100644 index 00000000..8783f251 --- /dev/null +++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css @@ -0,0 +1,251 @@ +/************ + * Caja * + ************/ + + +.caja-desktop.caja-canvas-item { + color: @theme_base_color; + text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); +} + +.caja-desktop.caja-canvas-item:active, +.caja-desktop.caja-canvas-item:prelight, +.caja-desktop.caja-canvas-item:selected { + text-shadow: none; +} + + +.caja-desktop .entry { + background-image: none; + border-image: none; +} + +/*************** + * mate-panel * + ***************/ + +.mate-panel-menu-bar, +MatePanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelFrame, +PanelAppletFrame, +MatePanelAppletFrameDBus, +MatePanelAppletContainer, +MatePanelApplet { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_gradient_a), + color-stop (0.50, @menubar_gradient_b), + to (@menubar_gradient_c)); + background-color: @theme_bg_color; + padding: 0px; + color: @theme_fg_color; + 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; + padding: 3px 5px; +} + +/* set menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem { + background-image: none; + color: @theme_text_color; + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: alpha(@theme_bg_color, 0.1); + padding: 3px 5px; +} + +/* set selected menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem:active:hover, +PanelMenuBar.menubar .menu .menuitem:hover { + background-image: none; + color: @theme_text_color; + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: alpha(@theme_selected_bg_color, 0.1); + padding: 3px 5px; +} + +MatePanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-image: none; + color: shade (@theme_bg_color, 0.75); + text-shadow: none; +} + +/* 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 (linear, + left top, + left bottom, + from (@button_gradient_a), + color-stop (0.50, @button_gradient_b), + color-stop (0.50, @button_gradient_c), + to (@button_gradient_d)); +} + +MatePanelApplet .button:active:hover, +MatePanelApplet .button:active { + border-style: solid; + 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); +} + +MatePanelApplet .button:hover { + border-style: solid; + background-image: linear-gradient(to bottom, + @button_gradient_color_b, + @button_gradient_color_a); +} + +/*Wncklist */ +WnckTasklist .button { + padding: 0px; + border-radius: 3px; + border-width: 1px; + border-style: solid; + text-shadow: none; + color: @theme_fg_color; + background-color: transparent; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@button_gradient_a), + color-stop (0.50, @button_gradient_b), + color-stop (0.50, @button_gradient_c), + to (@button_gradient_d)); +} + +WnckTasklist .button:active:hover, +WnckTasklist .button:active { + padding: 0px; + border-style: solid; + background-color: transparent; + 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); +} + +WnckTasklist .button:hover { + padding: 0px; + border-style: solid; + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_c); +} + +/* 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, + @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); +} + +/* set WnckSelector selected menuitem */ +.mate-panel-window-menu-menu-bar .menu .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { + background-image: none; + background-color: shade(@theme_selected_bg_color, 1.1); + 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, +MatePanelApplet > GtkMenuBar.menubar { + font: normal; +} + +WnckPager { + background-image: none; + border-color: transparent; + background-color: shade(@theme_bg_color, 0.9); + text-shadow: none; +} + +/* prelight of WnckPager */ +WnckPager:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.86), + shade (@theme_selected_bg_color, 1.0)); + background-color: @theme_base_color; +} + +/* Classic icon style */ +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +NaTrayApplet { + background-image: none; + background-color: @theme_bg_color; + padding: 0; + color: @theme_fg_color; + text-shadow: none; + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +/*********************** + * Mate-Control-Center * + ***********************/ + +ShellWindow .button.flat { + border-image: none; + padding: 3px; +} + +/* button hover of applications */ +ShellWindow GtkScrolledWindow .button.flat:hover { + background-color: transparent; + padding: 3px; +} + -- cgit v1.2.1