From ce123e02d70d8e439e0bd445346be91b95b8ce69 Mon Sep 17 00:00:00 2001 From: Jakob Stendahl Date: Sun, 13 Oct 2019 13:26:59 +0200 Subject: :lipstick: Add themer-things, to be customized later --- .../themer-dark-ui/styles/ui-variables.less | 109 +++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 themer/gen/themer-atom-ui/themer-dark-ui/styles/ui-variables.less (limited to 'themer/gen/themer-atom-ui/themer-dark-ui/styles/ui-variables.less') 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; -- cgit v1.2.3