From 19b4ffb88eee5b301f7a9b3f19dae808ef026d18 Mon Sep 17 00:00:00 2001
From: Wolfgang Ulbrich <chat-to-me@raveit.de>
Date: Thu, 18 Feb 2016 12:30:41 +0100
Subject: GTK+-3.20 Blue-Submarine: style colorchooser

---
 .../Blue-Submarine/gtk-3.0/gtk-widgets.css         | 103 +++++++++++++++++++++
 1 file changed, 103 insertions(+)

(limited to 'desktop-themes/Blue-Submarine')

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index 2f0233a6..70bbc670 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -6304,6 +6304,109 @@ filechooser.vertical paned > separator {
                 inset  0px -1px shade (@theme_selected_bg_color, 1.3);
 }
 
+/*****************
+ * Color Chooser *
+ *****************/
+
+button.color colorswatch.activatable {
+    border-radius: 3px;
+}
+
+colorchooser {
+    border-style: solid;
+    border-color: @notebook_border;
+    border-width: 1px;
+    border-radius: 4px;
+    background-color: shade (@theme_bg_color, 1.1);
+    color: @theme_fg_color;
+    box-shadow: none;
+}
+
+colorchooser box.vertical {
+    padding: 6px;
+}
+
+colorswatch,
+colorswatch:selected {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    border-color: @notebook_border;
+    box-shadow: inset 0 2px alpha(black, 0.07),
+                inset 1px 1px alpha(black, 0.07);
+    background-color: transparent;
+    background-clip: border-box;
+}
+
+colorswatch:hover {
+    border-color: alpha(black, 0.45);
+}
+
+colorswatch.color-dark:hover {
+    background-image: linear-gradient(to bottom,
+                                      alpha(white, 0) 40%,
+                                      alpha(white, 0.3));
+}
+
+colorswatch.color-light:hover {
+    background-image: linear-gradient(to top,
+                                      alpha(black, 0) 40%,
+                                      alpha(black, 0.1));
+}
+
+colorswatch.color-light:selected:hover {
+    background-image: none;
+}
+
+colorswatch {
+    border-radius: 6px;
+}
+
+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;
+}
+
+.color-active-badge,
+.color-active-badge:selected {
+    border-style: solid;
+    border-width: 2px;
+    background-color: transparent;
+}
+
+.color-active-badge.color-light,
+.color-active-badge.color-light:hover {
+    border-color: #444444;
+    color: #444444;
+}
+
+.color-active-badge.color-dark,
+.color-active-badge.color-dark:hover {
+    border-color: #cccccc;
+    color: #cccccc;
+}
+
+colorchooser box.horizontal colorswatch {
+    border-radius: 6px;
+}
+
+colorchooser box.horizontal colorswatch.color-dark:hover {
+    background-image: none;
+    border-color: alpha(black, 0.3);
+}
+
+/* color mix window */
+colorchooser box.horizontal box.horizontal grid.horizontal{
+    padding: 6px;
+}
+
 /*****************
  * Miscellaneous *
  *****************/
-- 
cgit v1.2.1