From 600c6415eeddd449f90b921b547095cddea6cdfb Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 1 Mar 2015 22:37:34 +0100 Subject: Menta themes GTK3: first adjustments for gtk+-3.16 - fix overshoot funktion - fix views, ie mate-appearence-properties, pluma - style notbook arrows - adjust view of mate-control-center --- desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 34 ++++++++++++++++++++- .../BlueMenta/gtk-3.0/mate-applications.css | 19 ++++++++++-- desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 35 ++++++++++++++++++++-- desktop-themes/Menta/gtk-3.0/mate-applications.css | 17 +++++++++-- 4 files changed, 96 insertions(+), 9 deletions(-) diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index afba0f31..24cee041 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -191,6 +191,7 @@ GtkTextView { border-radius: 0px; } +/* displays at end of mouse scrolling */ .overshoot { background-color: alpha (@theme_selected_bg_color, 0.35); } @@ -1586,9 +1587,11 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { -GtkWidget-focus-line-width: 0; } +/* fix view in mate-appearence-properties .notebook GtkScrolledWindow { background-color: @theme_base_color; } +*/ .notebook.frame { border-width: 1px; @@ -1631,11 +1634,14 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { border-width: 0px; } -.notebook :hover { +/* looks ugly with GTK3-3.16 */ +/* +.notebook:hover { -gtk-image-effect: highlight; background-color: shade(@theme_bg_color, 1.07); color: @theme_fg_color; } +*/ .notebook tab { border-color: transparent; @@ -1798,6 +1804,32 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { alpha(black, 0.13); } +.notebook.arrow { + /* FIXME, why this doesn't work? */ + -GtkNotebook-arrow-scaling: 0.5; + color: shade(@theme_fg_color, 2.6); +} + +.notebook.arrow:hover { + color: @theme_selected_bg_color; +} + +.notebook.arrow:active { + color: @theme_fg_color; +} + +.notebook.arrow:insensitive { + color: rgba(141, 144, 145, 0.3); +} + +.notebook.arrow:backdrop { + color: rgba(84, 89, 90, 0.4); +} + +.notebook.arrow:backdrop:insensitive { + color: #c7c7c7; +} + /************** * ComboBoxes * **************/ diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css index 76758802..bf2fe7e8 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css +++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css @@ -546,7 +546,7 @@ WnckPager { } /* prelight of WnckPager */ -MatePanelApplet:hover { +WnckPager:hover { background-image: linear-gradient(to bottom, @theme_bg_color, shade (@theme_selected_bg_color, 0.86)); @@ -640,21 +640,34 @@ PlumaWindow .notebook tab .button.flat:hover { ***********************/ /* background */ -ShellWindow AppResizer { +ShellWindow AppResizer SlabSection { background-color: @theme_base_color; } +/* button of sidebar */ ShellWindow .button.flat { border-image: none; + padding: 4px 1px; } -/* button hover of applications */ ShellWindow .button.flat:hover { + padding: 4px 1px; + +} + +/* button of applications */ +ShellWindow GtkScrolledWindow .button.flat { + padding: 4px 0px; + border-image: none; +} + +ShellWindow GtkScrolledWindow .button.flat:hover { background-color: transparent; background-image: linear-gradient(to bottom, @button_hover_gradient_color_a, @button_hover_gradient_color_b); border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 4px 0px; } /********* diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index 1354bb42..5a4050e8 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -159,6 +159,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(0turn); } } + .spinner { background-image: none; background-color: blue; @@ -190,6 +191,7 @@ GtkTextView { border-radius: 0px; } +/* displays at end of mouse scrolling */ .overshoot { background-color: alpha (@theme_selected_bg_color, 0.35); } @@ -415,7 +417,9 @@ GtkTreeView.separator, inset 0 -1px alpha(@theme_selected_bg_color, 0.2); } -.spinbutton .button:last-child:active { +.spinbutton .button:last-child:active, +.spinbutton .button:last-child:active:focus { + padding: 2px 4px; box-shadow: inset 1px 0 @inset_dark_color, inset 0 1px alpha(@theme_selected_bg_color, 0.2), inset -1px -1px alpha(@theme_selected_bg_color, 0.2); @@ -484,7 +488,7 @@ GtkTreeView.separator, inset 0 -1px 0 0 @borders; /* I'm using box-shadow as borders, so I need to compensate - with padding. Those two values need to be entry padding 1 */ + with padding. Those two values need to be entry padding +1 */ padding-top: 5px; padding-bottom: 5px; } @@ -1569,6 +1573,7 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { *****************/ .notebook { padding: 0; + border-style: solid; border-color: @borders; border-top: 0px; @@ -1582,8 +1587,11 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { -GtkWidget-focus-line-width: 0; } +/* fix view in mate-appearence-properties .notebook GtkScrolledWindow { background-color: @theme_base_color; +*/ + } .notebook.frame { @@ -1627,11 +1635,14 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { border-width: 0px; } -.notebook :hover { +/* looks ugly with GTK3-3.16 */ +/* +.notebook:hover { -gtk-image-effect: highlight; background-color: shade(@theme_bg_color, 1.07); color: @theme_fg_color; } +*/ .notebook tab { border-color: transparent; @@ -1794,6 +1805,24 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { alpha(black, 0.13); } +.notebook.arrow { + /* FIXME, why this doesn't work? */ + -GtkNotebook-arrow-scaling: 0.5; + color: shade(@theme_fg_color, 2.6); +} + +.notebook.arrow:hover { + color: @theme_selected_bg_color; +} + +.notebook.arrow:active { + color: @theme_fg_color; +} + +.notebook.arrow:insensitive { + color: rgba(141, 144, 145, 0.3); +} + /************** * ComboBoxes * **************/ diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css index 5137d23a..454d7699 100644 --- a/desktop-themes/Menta/gtk-3.0/mate-applications.css +++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css @@ -642,21 +642,34 @@ PlumaWindow .notebook tab .button.flat:hover { ***********************/ /* background */ -ShellWindow AppResizer { +ShellWindow AppResizer SlabSection { background-color: @theme_base_color; } +/* button of sidebar */ ShellWindow .button.flat { border-image: none; + padding: 4px 1px; } -/* button hover of applications */ ShellWindow .button.flat:hover { + padding: 4px 1px; + +} + +/* button of applications */ +ShellWindow GtkScrolledWindow .button.flat { + padding: 4px 0px; + border-image: none; +} + +ShellWindow GtkScrolledWindow .button.flat:hover { background-color: transparent; background-image: linear-gradient(to bottom, @button_hover_gradient_color_a, @button_hover_gradient_color_b); border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 4px 0px; } /********* -- cgit v1.2.1