summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-04-18 16:31:25 +0200
committerraveit65 <[email protected]>2016-04-18 16:32:03 +0200
commitc9e5af67cc59f1db18b2044be4bc3236b15662f5 (patch)
treef49e1eb533fde1f565f7e3c05a298d369757e426 /desktop-themes
parent31528cdbabf12116c6fbaf194130167bbe8eef98 (diff)
downloadmate-themes-c9e5af67cc59f1db18b2044be4bc3236b15662f5.tar.bz2
mate-themes-c9e5af67cc59f1db18b2044be4bc3236b15662f5.tar.xz
Gtk+-3.20 GreenLaguna: fine tuning part-5
- adjust color chooser - style osd spinbutton - style parole media-player
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css12
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css164
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/other-applications.css13
3 files changed, 147 insertions, 42 deletions
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 9619f3dd..9b6d1e4f 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
@@ -21,15 +21,20 @@ scale.vertical slider:disabled {
background-image: url("assets/scale-slider-vertical-insensitive.svg");
}
-scale.horizontal.scale-has-marks-below slider {
+scale.horizontal contents:first-child:not(:only-child) slider,
+scale.horizontal contents:first-child:not(:only-child) slider:hover,
+scale.horizontal.scale-has-marks-below slider,
+scale.horizontal.scale-has-marks-below slider:hover {
background-image: url("assets/scale-slider-marks-below-horizontal.svg");
}
+scale.horizontal contents:first-child:not(:only-child) slider:disabled,
scale.horizontal.scale-has-marks-below slider:disabled {
background-image: url("assets/scale-slider-marks-below-horizontal-insensitive.svg");
}
-scale.vertical.scale-has-marks-below slider {
+scale.vertical.scale-has-marks-below slider,
+scale.vertical.scale-has-marks-below slider:hover {
background-image: url("assets/scale-slider-marks-below-vertical.svg");
}
@@ -37,7 +42,8 @@ scale.vertical.scale-has-marks-below slider:disabled {
background-image: url("assets/scale-slider-marks-below-vertical-insensitive.svg");
}
-scale.horizontal.scale-has-marks-above slider {
+scale.horizontal.scale-has-marks-above slider,
+scale.horizontal.scale-has-marks-above slider:hover {
background-image: url("assets/scale-slider-marks-above-horizontal.svg");
}
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index a2789e63..9e40ee10 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -52,17 +52,17 @@
}
*:hover {
- background-color: shade(@theme_bg_color, 1.02);
+/* background-color: shade(@theme_bg_color, 1.02);*/
color: @theme_fg_color;
}
*:selected {
- background-color: shade(@theme_selected_bg_color, 1.23);
+/* background-color: shade(@theme_selected_bg_color, 1.23);*/
color: @theme_selected_fg_color;
}
*:selected:focus {
- background-color: @theme_selected_bg_color;
+/* background-color: @theme_selected_bg_color;*/
color: @theme_selected_fg_color;
}
@@ -73,13 +73,13 @@
*:disabled {
/* no need to a different background */
- background-color: @theme_bg_color; /*@insensitive_bg_color;*/
+/* background-color: @theme_bg_color; *//*@insensitive_bg_color;*/
color: @insensitive_fg_color;
border-color: @insensitive_border_color;
}
*:active {
- background-color: shade(@theme_bg_color, 0.915);
+/* background-color: shade(@theme_bg_color, 0.915);*/
}
.gtkstyle-fallback {
@@ -1523,8 +1523,9 @@ scale.horizontal slider {
}
/* scale.horizontal.scale-has-marks-below */
-scale.horizontal contents:first-child:not(:only-child) slider{
- min-height: 22px
+scale.horizontal contents:first-child:not(:only-child) slider {
+ min-height: 22px;
+ min-width: 14px;
}
scale.horizontal.fine-tune slider:active,
@@ -1567,7 +1568,7 @@ scale.scale-has-marks-below.color trough {
scale.vertical.scale-has-marks-below.color slider {
min-height: 20px;
- min-width: 22px;
+ min-width: 20px;
padding: 0px;
background-size: 100%;
background-repeat: no-repeat;
@@ -1576,8 +1577,8 @@ scale.vertical.scale-has-marks-below.color slider {
}
scale.horizontal.scale-has-marks-above.color slider {
- min-height: 14px;
- min-width: 20px;
+ min-height: 12px;
+ min-width: 16px;
margin: 0px 0px 0px 0px;
padding: 5px 0px;
background-size: 100%;
@@ -1588,6 +1589,7 @@ scale.horizontal.scale-has-marks-above.color slider {
scale.horizontal.scale-has-marks-above.color slider:hover,
scale.vertical.scale-has-marks-below.color slider:hover {
background-size: 105%;
+ background-color: transparent;
}
/**************
@@ -1774,14 +1776,6 @@ button.default:hover {
border-image: none;
}
-button.color {
- min-height: 27px;
-}
-
-button.color > colorswatch.activatable {
- padding: 5px;
-}
-
/******************
* Linked Buttons *
******************/
@@ -2513,7 +2507,8 @@ button.osd:checked:disabled,
}
button.osd:hover,
-.osd button:hover {
+.osd button:hover,
+.osd.popover spinbutton button:hover {
background-image: linear-gradient(to bottom,
@osd_button_bg_hover_a,
@osd_button_bg_hover_b 68%,
@@ -2525,7 +2520,8 @@ button.osd:checked,
.osd .menuitem.button:checked,
button.osd:active:hover,
.osd button:active:hover,
-.osd .menuitem.button:active:hover {
+.osd .menuitem.button:active:hover,
+.osd.popover spinbutton button:active {
background-image: linear-gradient(to bottom,
@osd_button_bg_active_a,
@osd_button_bg_active_b 68%,
@@ -2546,7 +2542,7 @@ toolbar.osd {
color: @osd_fg;
text-shadow: 0 1px @osd_text_shadow;
padding: 10px;
- border-radius: 1px;
+ border-width: 1px;
border-style: solid;
border-radius: 7px;
border-color: shade (@theme_selected_bg_color, 0.9);
@@ -2694,6 +2690,49 @@ progressbar.osd {
outline-color: transparent;
}
+/* ie. colorchooser */
+.osd.popover {
+ background-image: linear-gradient(to left,
+ alpha (shade(@theme_selected_bg_color, 1.05), 0.5),
+ alpha (shade(@theme_selected_bg_color, 0.95), 0.3));
+ border-width: 1px;
+ border-style: solid;
+ border-image: none;
+ border-color: shade (@theme_selected_bg_color, 0.9);
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.osd.popover label {
+ color: @osd_fg;
+}
+
+.osd.popover spinbutton entry,
+.osd.popover spinbutton entry:focus,
+.osd.popover spinbutton button,
+.osd.popover spinbutton button:focus {
+ min-width: 16px;
+ min-height: 16px;
+ border-width: 1px;
+ border-style: none;
+ border-radius: 0px;
+ box-shadow: none;
+ padding: 8px;
+ color: @theme_fg_color;
+}
+
+/* ie. parole control bar */
+revealer.bottom > box.background.horizontal.osd {
+ background-color: transparent;
+ background-image: linear-gradient(to left,
+ alpha (shade(@theme_selected_bg_color, 1.05), 0.3),
+ alpha (shade(@theme_selected_bg_color, 0.95), 0.1));
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade (@theme_selected_bg_color, 0.9);
+ color: @osd_fg;
+}
+
/* used by Documents */
.osd .page-thumbnail {
border-style: solid;
@@ -3302,40 +3341,87 @@ treeview.view.separator:hover {
* Color Chooser *
*****************/
-colorswatch,
-colorswatch:selected {
- background-color: transparent;
- border-radius: 3px;
+button.color {
+ min-height: 27px;
+}
+button.color > colorswatch.activatable {
+ padding: 5px;
}
-colorswatch.color-dark:hover {
- background-image: linear-gradient(to bottom,
- alpha(white, 0) 40%,
- alpha(white, 0.3));
+colorchooser {
+ border-style: solid;
+ border-color: @notebook_border;
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: shade (@theme_bg_color, 1.03);
+ color: @theme_fg_color;
+ box-shadow: none;
+}
+colorchooser box.vertical {
+ padding: 6px;
}
-colorswatch.color-light:hover {
- background-image: linear-gradient(to top,
- alpha(black, 0) 40%,
- alpha(black, 0.1));
+colorchooser #editor-color-sample,
+colorchooser colorswatch.activatable,
+colorchooser colorswatch.activatable:selected {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: @notebook_border;
+ background-color: transparent;
+ background-clip: border-box;
+}
+colorchooser #editor-color-sample:hover,
+colorchooser colorswatch.activatable:hover {
+ border-color: alpha(black, 0.45);
}
-colorswatch:selected {
- border-style: solid;
- border-color: alpha(black, 0.2);
- border-width: 1px;
+colorchooser #editor-color-sample.dark:hover,
+colorchooser colorswatch.activatable.dark:hover {
+ background-image: linear-gradient(to bottom,
+ alpha(white, 0) 40%,
+ alpha(white, 0.3));
+}
+
+colorchooser #editor-color-sample.light:hover,
+colorchooser colorswatch.activatable.light:hover {
+ background-image: linear-gradient(to top,
+ alpha(black, 0) 40%,
+ alpha(black, 0.1));
}
-colorswatch:selected:hover {
- border-color: alpha(black, 0.5);
+colorchooser colorswatch.activatable:selected:hover {
+ background-image: none;
+}
+
+colorchooser colorswatch {
+ border-radius: 3px;
+}
+
+colorchooser #add-color-button {
+ background-clip: padding-box;
+ border-color: mix(@borders, @theme_bg_color, 0.3);
+ background-color: mix(@borders, @theme_bg_color, 0.8);
+}
+
+colorchooser #add-color-button:hover {
+ border-color: @borders;
+ background-color: @borders;
+ color: @theme_base_color;
+}
+
+/* GtkColorEditor */
+colorchooser box.horizontal {
+ padding: 6px;
}
/***************************
* Radio and Check Buttons *
***************************/
+
radio,
check,
radio:selected,
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
index 981e0a0f..732a47e3 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
@@ -221,3 +221,16 @@ NemoWindow .notebook NemoQueryEditor .toolbar {
text-shadow: none;
}
+/* parole madia list, hopefuly that styles no other things */
+paned.horizontal > notebook box.horizontal > box.vertical > notebook,
+paned.horizontal > notebook box.horizontal > box.vertical > notebook scrolledwindow.frame {
+ border-style: none;
+ border-width: 0px;
+ border-radius: 0px;
+ padding: 0;
+}
+
+paned.horizontal > notebook box.horizontal > box.vertical > toolbar.horizontal.inline-toolbar {
+ border-width: 1px 0px 0px 0px;
+ padding: 0;
+}