1 files changed, 103 insertions, 0 deletions
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
@@ -6305,6 +6305,109 @@ filechooser.vertical paned > separator {
 }
 
 /*****************
+ * 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 *
  *****************/