[beast: 13/47] EBEAST: vc/styles.less vc/variables.less: lay foundation for vc theming

[Tim Janik <timj src gnome org>]

commit 127ef788fdf1215a24eca40523b99cccbce76c78
Author: Tim Janik <timj gnu org>
Date:   Sun Apr 9 02:21:15 2017 +0200

    EBEAST: vc/styles.less vc/variables.less: lay foundation for vc theming
    
    Signed-off-by: Tim Janik <timj gnu org>

 ebeast/vc/styles.less    |   14 ++++++++++++++
 ebeast/vc/variables.less |   27 +++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 0 deletions(-)
---
diff --git a/ebeast/vc/styles.less b/ebeast/vc/styles.less
new file mode 100644
index 0000000..9ddc7ce
--- /dev/null
+++ b/ebeast/vc/styles.less
@@ -0,0 +1,14 @@
+/* GNU LGPL v2.1+: http://www.gnu.org/licenses/lgpl.html */
+
+/* == Buttons Mixins == */
+.vc-buttonframe                { border: 1px solid @vc-button-border; }
+.vc-buttonshade                { background-image: @vc-button-lg;
+                                 border-top: 1px solid @vc-button-light; border-left: 1px solid 
@vc-button-light;
+                                 border-bottom: 1px solid @vc-button-dark; border-right: 1px solid 
@vc-button-dark; }
+.vc-buttonhover                        { box-shadow: inset 500px 500px @vc-button-hover; }
+.vc-buttonactive               { box-shadow: inset 500px 500px @vc-button-active;
+                                 background-image: @vc-button-active-lg;
+                                 border-color: @vc-button-active-border; }
+
+/* == User Settings & Overrides == */
+@import 'variables.less';
diff --git a/ebeast/vc/variables.less b/ebeast/vc/variables.less
new file mode 100644
index 0000000..5470450
--- /dev/null
+++ b/ebeast/vc/variables.less
@@ -0,0 +1,27 @@
+/* GNU LGPL v2.1+: http://www.gnu.org/licenses/lgpl.html */
+
+/* == Theme Settings == */
+@vc-theme-foreground:          #ffffff;
+@vc-theme-background:          #505050;
+@vc-theme-border-radius:       3px;
+@vc-panel-background-lg0:      lighten(@vc-theme-background, 1%);
+@vc-panel-background-lg1:      darken(@vc-theme-background, 1%);
+@vc-panel-background-lg:       linear-gradient(to bottom, @vc-panel-background-lg0 0%, 
@vc-panel-background-lg1 100%);
+@vc-panel-background-border:   darken(@vc-theme-background, 25%);
+@vc-panel-background-light:    lighten(@vc-theme-background, 9%);
+@vc-panel-background-dark:     darken(@vc-theme-background, 9%);
+@vc-toolbar-background:                #606060;
+@vc-toolbar-background-lg:     linear-gradient(to bottom, #666666 0%, #5a5a5a 100%);
+@vc-button-foreground:         #dddddd;
+@vc-button-light:              #999999;
+@vc-button-lg:                 linear-gradient(to bottom, #777777 0%, #707070 45%, #606060 55%, #555555 
100%);
+@vc-button-dark:               #444444;
+@vc-button-radius:             @vc-theme-border-radius;
+@vc-button-border:             #333333;
+@vc-button-hover:              fade(#ffffff, 10%);
+@vc-button-active:             fade(#000000, 20%);
+@vc-button-active-fg:          #bbbbbb;
+@vc-button-active-lg:          linear-gradient(to bottom, #606060 0%, #707070 50%, #606060 100%);
+@vc-button-active-border:      #555555;
+@vc-glow-control:              #0080ff;
+@vc-focus-outline:             1px solid @vc-glow-control;