:lipstick: Add themer-things, to be customized later

1 files changed, 109 insertions, 0 deletions

diff --git a/themer/gen/themer-atom-ui/themer-dark-ui/styles/ui-variables.less b/themer/gen/themer-atom-ui/themer-dark-ui/styles/ui-variables.less
new file mode 100644
index 0000000..c143815
--- /dev/null
+++ b/themer/gen/themer-atom-ui/themer-dark-ui/styles/ui-variables.less
@@ -0,0 +1,109 @@
+
+// Themer colors
+
+@accent0: #ef4e7c;
+@accent1: #f37055;
+@accent2: #f79532;
+@accent3: #6ebb82;
+@accent4: #09b399;
+@accent5: #1299ad;
+@accent6: #5073b8;
+@accent7: #a067ab;
+
+@shade0: #23292d;
+@shade1: #42474b;
+@shade2: #616668;
+@shade3: #808486;
+@shade4: #a0a2a4;
+@shade5: #bfc0c2;
+@shade6: #dedfdf;
+@shade7: #fdfdfd;
+
+// Base colors
+
+@base-background-color: @shade0;
+@base-border-color:     @shade1;
+
+// Text Colors
+
+@text-color:           @shade6;
+@text-color-subtle:    @shade3;
+@text-color-highlight: @shade7;
+@text-color-selected:  @shade7;
+
+@text-color-info:    @accent5;
+@text-color-success: @accent3;
+@text-color-warning: @accent1;
+@text-color-error:   @accent0;
+
+// Background colors
+
+@background-color-info:    @accent5;
+@background-color-success: @accent3;
+@background-color-warning: @accent1;
+@background-color-error:   @accent0;
+
+@background-color-highlight: @shade1;
+@background-color-selected:  @shade2;
+@app-background-color:       @base-background-color;
+
+// Component colors
+
+@pane-item-background-color: @base-background-color;
+@pane-item-border-color:     @base-border-color;
+
+@input-background-color: @app-background-color;
+@input-border-color:     @base-border-color;
+
+@tool-panel-background-color: @shade1;
+@tool-panel-border-color:     @base-border-color;
+
+@inset-panel-background-color: @shade1;
+@inset-panel-border-color:     @shade2;
+
+@panel-heading-background-color: @shade1;
+@panel-heading-border-color:     @base-border-color;
+
+@overlay-background-color: @shade1;
+@overlay-border-color:     @base-border-color;
+
+@button-background-color:          @shade2;
+@button-background-color-hover:    @shade3;
+@button-background-color-selected: @button-background-color-hover;
+@button-border-color:              @base-border-color;
+
+@tab-bar-background-color:    @base-background-color;
+@tab-bar-border-color:        @base-border-color;
+@tab-background-color:        @tab-bar-background-color;
+@tab-background-color-active: @base-border-color;
+@tab-border-color:            @base-border-color;
+
+@tree-view-background-color: @base-background-color;
+@tree-view-border-color:     @base-border-color;
+
+// Site colors
+
+@ui-site-color-1: @accent5;
+@ui-site-color-2: @accent3;
+@ui-site-color-3: @accent1;
+@ui-site-color-4: @accent7;
+@ui-site-color-5: @accent2;
+
+// Sizes
+
+@font-size: 12px;
+@input-font-size: 12px;
+
+@disclosure-arrow-size: 12px;
+
+@component-padding: 10px;
+@component-icon-padding: 5px;
+@component-icon-size: 16px;
+@component-line-height: 25px;
+
+@tab-height: 36px;
+
+// Misc
+
+@component-border-radius: 2px;
+@font-family: '.SFNSText-Regular', 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;