[gnome-themes-standard/wip/sass] provide custom sass functions for gtk equivalents

From: Jakub Steiner <jimmac src gnome org>
To: commits-list gnome org
Cc:
Subject: [gnome-themes-standard/wip/sass] provide custom sass functions for gtk equivalents
Date: Mon, 12 May 2014 13:33:14 +0000 (UTC)
commit fe59d9bbeb699a3a9dd8d9ac84b73b741ee66486
Author: Jakub Steiner <jimmac gmail com>
Date:   Mon May 12 15:31:17 2014 +0200

    provide custom sass functions for gtk equivalents
    
    - generally sass has equivalents of gtk functions for mixing color
      in the case of the spinner though, the currentColor only lives
      in the context of gtk runtime. gtkalpha() is a way to provide
      alpha() in gtk context rather than SASS alpha()

 themes/Adwaita/gtk-3.0/_common.scss        |   74 ++++++++++
 themes/Adwaita/gtk-3.0/_spinner.scss       |  116 +++++++++++++++
 themes/Adwaita/gtk-3.0/custom_functions.rb |    5 +
 themes/Adwaita/gtk-3.0/gtk-dark.css        |  213 ++++++++++++++++++++--------
 themes/Adwaita/gtk-3.0/gtk-dark.scss       |   14 ++
 themes/Adwaita/gtk-3.0/gtk.css             |  105 ++++++++++++++
 themes/Adwaita/gtk-3.0/gtk.scss            |    4 +
 themes/Adwaita/gtk-3.0/parse-sass.sh       |    3 +
 8 files changed, 473 insertions(+), 61 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index b71ab0f..80a4750 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -66,3 +66,77 @@ debug {
     color: lighten($theme_fg_color,10%);
 }
 
+*:selected,
+*:selected:focus {
+    background-color: $theme_selected_bg_color;
+    color: $theme_selected_fg_color;
+}
+
+*:selected:backdrop {
+    background-color: $theme_selected_bg_color;
+    color: $theme_selected_fg_color;
+}
+
+*:insensitive {
+    background-color: $insensitive_bg_color;
+    color: $insensitive_fg_color;
+    border-color: lighten($borders,10%);
+}
+
+*:insensitive:backdrop {
+    /* I want everything nice and flat in the unfocused window */
+    text-shadow: none;
+    icon-shadow: none;
+    color: lighten($theme_fg_color,10%);
+}
+
+/* Apply effects to insensitive and prelit images */
+*:insensitive {
+    -gtk-image-effect: dim;
+}
+
+*:hover {
+    -gtk-image-effect: highlight;
+}
+*:hover {
+    -gtk-image-effect: highlight;
+}
+
+.gtkstyle-fallback {
+    background-color: $theme_bg_color;
+    color: $theme_fg_color;
+}
+
+.gtkstyle-fallback:prelight {
+    background-color: lighten($theme_bg_color, 10%);
+    color: $theme_fg_color;
+}
+
+.gtkstyle-fallback:active {
+    background-color: darken($theme_bg_color, 10%);
+    color: $theme_fg_color;
+}
+
+.gtkstyle-fallback:insensitive {
+    background-color: $insensitive_bg_color;
+    color: $insensitive_fg_color;
+}
+
+.gtkstyle-fallback:selected {
+    background-color: $theme_selected_bg_color;
+    color: $theme_selected_fg_color;
+}
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+    background-color: transparent;
+}
+
+// spinner animation
+ import 'spinner';
diff --git a/themes/Adwaita/gtk-3.0/_spinner.scss b/themes/Adwaita/gtk-3.0/_spinner.scss
new file mode 100644
index 0000000..7a5de0c
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/_spinner.scss
@@ -0,0 +1,116 @@
+/*****************
+ * Miscellaneous *
+ *****************/
+ keyframes spinner {
+    0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)); }
+
+    12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)); }
+
+    25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)); }
+
+    37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)); }
+
+    50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)); }
+
+    62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)); }
+
+    75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)); }
+
+    87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)); }
+
+    100%  { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(gtkalpha(currentColor, 0.125)), to(transparent)); }
+}
+
+.spinner {
+    background-color: transparent;
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent));
+    background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
+    background-size: 20% 20%;
+    background-repeat: no-repeat;
+}
+
+.spinner:active {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.875)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.750)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.625)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.500)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.375)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.250)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtkalpha(currentColor, 
0.125)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent));
+    animation: spinner 1s infinite linear;
+}
+
+.button .spinner:active {
+    color: $theme_fg_color;
+}
diff --git a/themes/Adwaita/gtk-3.0/custom_functions.rb b/themes/Adwaita/gtk-3.0/custom_functions.rb
new file mode 100644
index 0000000..bbd8b5b
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/custom_functions.rb
@@ -0,0 +1,5 @@
+module Sass::Script::Functions
+    def gtkalpha(*args)
+      return Sass::Script::String.new("alpha(#{args[0]},#{args[1]})")
+    end
+end
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.css b/themes/Adwaita/gtk-3.0/gtk-dark.css
index 29e9145..581d22b 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.css
@@ -1,61 +1,152 @@
-/*
-Syntax error: Undefined variable: "$error_color".
-        on line 11 of _common.scss
-        from line 6 of ./gtk-dark.scss
-
-6: @import 'common';
-
-Backtrace:
-_common.scss:11
-./gtk-dark.scss:6
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/script/variable.rb:49:in `_perform'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/script/node.rb:40:in `perform'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:298:in `visit_prop'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:100:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `map'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:109:in `block in visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:121:in `with_environment'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:108:in `visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `block in visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:320:in `visit_rule'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:100:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:227:in `block in visit_import'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:227:in `map'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:227:in `visit_import'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:100:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `map'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:53:in `visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:109:in `block in visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:121:in `with_environment'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:108:in `visit_children'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `block in visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:128:in `visit_root'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/base.rb:37:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:100:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/visitors/perform.rb:7:in `visit'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/tree/root_node.rb:20:in `render'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/engine.rb:315:in `_render'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/engine.rb:262:in `render'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/plugin/compiler.rb:362:in `update_stylesheet'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/plugin/compiler.rb:203:in `block in update_stylesheets'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/plugin/compiler.rb:201:in `each'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/plugin/compiler.rb:201:in `update_stylesheets'
-/home/jimmac/.gem/ruby/gems/sass-3.2.13/lib/sass/plugin/compiler.rb:283:in `block in watch'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/multi_listener.rb:108:in `call'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/multi_listener.rb:108:in `on_change'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/multi_listener.rb:117:in `block in initialize_adapter'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/adapter.rb:198:in `call'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/adapter.rb:198:in `report_changes'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/adapter.rb:210:in `poll_changed_dirs'
-/home/jimmac/.gem/ruby/gems/listen-0.7.3/lib/listen/adapters/linux.rb:48:in `block in start'
-*/
-body:before {
-  white-space: pre;
-  font-family: monospace;
-  content: "Syntax error: Undefined variable: \"$error_color\".\A         on line 11 of _common.scss\A       
  from line 6 of ./gtk-dark.scss\A \A 6: @import 'common';"; }
+debug {
+  background-color: red; }
+
+* {
+  engine: adwaita;
+  padding: 0;
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 4;
+  -GtkTextView-error-underline-color: #cc0000;
+  -GtkPaned-handle-size: 5;
+  -GtkCheckButton-indicator-size: 16;
+  -GtkCheckMenuItem-indicator-size: 12;
+  /* The size for scrollbars. The slider is 2px smaller, but we keep it
+   * up so that the whole area is sensitive to button presses for the
+   * slider. The stepper button is larger in both directions, the slider
+   * only in the width
+   */
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkScrolledWindow-scrollbars-within-bevel: 1;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkExpander-expander-size: 11;
+  -GtkTreeView-expander-size: 11;
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkMenu-horizontal-padding: 0;
+  -GtkMenu-vertical-padding: 0;
+  -GtkWidget-link-color: #4a90d9;
+  -GtkWidget-visited-link-color: #4a90d9;
+  -GtkWidget-focus-padding: 2;
+  -GtkWidget-focus-line-width: 1;
+  -GtkWindow-resize-grip-width: 0;
+  -GtkWindow-resize-grip-height: 0;
+  outline-color: rgba(238, 238, 236, 0.7);
+  outline-style: dashed;
+  outline-offset: 2px; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  color: #eeeeec;
+  background-color: #393f3f; }
+
+.background:backdrop {
+  /* I want everything nice and flat in the unfocused window */
+  text-shadow: none;
+  icon-shadow: none;
+  color: white; }
+
+*:selected,
+*:selected:focus {
+  background-color: #2a76c6;
+  color: white; }
+
+*:selected:backdrop {
+  background-color: #2a76c6;
+  color: white; }
+
+*:insensitive {
+  background-color: #212424;
+  color: white;
+  border-color: #181b1b; }
+
+*:insensitive:backdrop {
+  /* I want everything nice and flat in the unfocused window */
+  text-shadow: none;
+  icon-shadow: none;
+  color: white; }
+
+/* Apply effects to insensitive and prelit images */
+*:insensitive {
+  -gtk-image-effect: dim; }
+
+*:hover {
+  -gtk-image-effect: highlight; }
+
+*:hover {
+  -gtk-image-effect: highlight; }
+
+.gtkstyle-fallback {
+  background-color: #393f3f;
+  color: #eeeeec; }
+
+.gtkstyle-fallback:prelight {
+  background-color: #515a5a;
+  color: #eeeeec; }
+
+.gtkstyle-fallback:active {
+  background-color: #212424;
+  color: #eeeeec; }
+
+.gtkstyle-fallback:insensitive {
+  background-color: #212424;
+  color: white; }
+
+.gtkstyle-fallback:selected {
+  background-color: #2a76c6;
+  color: white; }
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+  background-color: transparent; }
+
+/*****************
+ * Miscellaneous *
+ *****************/
+ keyframes spinner {
+  0.00% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)); }
+
+  12.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), 
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
+
+  25.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), 
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 
-gtk-gradient(radial, center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.875)), 
to(transparent)); }
+
+  37.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(currentColor), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.75)), to(transparent)); }
+
+  50.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)); }
+
+  62.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)); }
+
+  75.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)); }
+
+  87.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)); }
+
+  100% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)); } }
+
+.spinner {
+  background-color: transparent;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent));
+  background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
+  background-size: 20% 20%;
+  background-repeat: no-repeat; }
+
+.spinner:active {
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(parsedalpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 
0.5, to(parsedalpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center 
center, 0.5, to(parsedalpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, 
center center, 0.5, to(parsedalpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 
0, center center, 0.5, to(parsedalpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center 
center, 0, center center, 0.5, to(parsedalpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, 
center center, 0, center center, 0.5, to(parsedalpha(currentColor,0.125)), to(transparent)), 
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
+  animation: spinner 1s infinite linear; }
+
+.button .spinner:active {
+  color: #eeeeec; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.scss b/themes/Adwaita/gtk-3.0/gtk-dark.scss
index 94438a4..91d6523 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.scss
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.scss
@@ -1,6 +1,20 @@
 $variant: 'dark';
 
 // Color definitions
+$theme_base_color: #333;
+$theme_bg_color: #393f3f;
+$theme_fg_color: #eeeeec;
+$theme_selected_fg_color: lighten($theme_fg_color,10%);
+$theme_selected_bg_color: darken(#4a90d9,10%);
+$borders: darken($theme_bg_color,30%);
+
+$link_color: lighten($theme_selected_bg_color,10%);
+$warning_color: #f57900;
+$error_color: #cc0000;
+$success_color: $theme_selected_bg_color;
+
+$insensitive_fg_color: lighten($theme_fg_color, 10%);
+$insensitive_bg_color: darken($theme_bg_color, 10%);
 
 @import 'drawing';
 @import 'common';
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index c0fd658..b7d26f0 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -45,3 +45,108 @@ debug {
   text-shadow: none;
   icon-shadow: none;
   color: #454f52; }
+
+*:selected,
+*:selected:focus {
+  background-color: #4a90d9;
+  color: white; }
+
+*:selected:backdrop {
+  background-color: #4a90d9;
+  color: white; }
+
+*:insensitive {
+  background-color: white;
+  color: #17191a;
+  border-color: #a1a1a1; }
+
+*:insensitive:backdrop {
+  /* I want everything nice and flat in the unfocused window */
+  text-shadow: none;
+  icon-shadow: none;
+  color: #454f52; }
+
+/* Apply effects to insensitive and prelit images */
+*:insensitive {
+  -gtk-image-effect: dim; }
+
+*:hover {
+  -gtk-image-effect: highlight; }
+
+*:hover {
+  -gtk-image-effect: highlight; }
+
+.gtkstyle-fallback {
+  background-color: #ededed;
+  color: #2e3436; }
+
+.gtkstyle-fallback:prelight {
+  background-color: white;
+  color: #2e3436; }
+
+.gtkstyle-fallback:active {
+  background-color: lightgrey;
+  color: #2e3436; }
+
+.gtkstyle-fallback:insensitive {
+  background-color: white;
+  color: #17191a; }
+
+.gtkstyle-fallback:selected {
+  background-color: #4a90d9;
+  color: white; }
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+  background-color: transparent; }
+
+/*****************
+ * Miscellaneous *
+ *****************/
+ keyframes spinner {
+  0.00% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)), 
to(transparent)); }
+
+  12.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)); }
+
+  25.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)); }
+
+  37.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)); }
+
+  50.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)); }
+
+  62.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)); }
+
+  75.0% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)); }
+
+  87.5% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)); }
+
+  100% {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.875)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.75)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.625)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.5)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.375)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.25)), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0.125)), 
to(transparent)); } }
+
+.spinner {
+  background-color: transparent;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), 
to(transparent));
+  background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
+  background-size: 20% 20%;
+  background-repeat: no-repeat; }
+
+.spinner:active {
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.875)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.75)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.625)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.375)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.25)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(alpha(currentColor,0.125)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(currentColor), to(transparent));
+  animation: spinner 1s infinite linear; }
+
+.button .spinner:active {
+  color: #2e3436; }
diff --git a/themes/Adwaita/gtk-3.0/gtk.scss b/themes/Adwaita/gtk-3.0/gtk.scss
index 7dacb07..06a02f1 100644
--- a/themes/Adwaita/gtk-3.0/gtk.scss
+++ b/themes/Adwaita/gtk-3.0/gtk.scss
@@ -12,12 +12,16 @@ $theme_bg_color: #ededed;
 $theme_fg_color: #2e3436;
 $theme_selected_fg_color: #ffffff;
 $theme_selected_bg_color: #4a90d9;
+$borders: darken($theme_bg_color,40%);
 
 $link_color: lighten($theme_selected_bg_color,10%);
 $warning_color: #f57900;
 $error_color: #cc0000;
 $success_color: $theme_selected_bg_color;
 
+$insensitive_fg_color: darken($theme_fg_color, 10%);
+$insensitive_bg_color: lighten($theme_bg_color, 10%);
+
 // common drawing routines
 @import 'drawing';
 @import 'common';
diff --git a/themes/Adwaita/gtk-3.0/parse-sass.sh b/themes/Adwaita/gtk-3.0/parse-sass.sh
new file mode 100755
index 0000000..108f11e
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/parse-sass.sh
@@ -0,0 +1,3 @@
+#! /usr/bin/which bash
+
+sass --update -r custom_functions.rb .
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]