1 files changed, 76 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.variables.less b/addons/web_editor/static/src/less/web_editor.variables.less
new file mode 100644
index 00000000000..d72d63931bd
--- /dev/null
+++ b/addons/web_editor/static/src/less/web_editor.variables.less
@@ -0,0 +1,76 @@
+
+// Fonts
+// =======================
+@we_font-default  : "Roboto", Roboto, sans-serif;
+@we_font-size-def : 14px;
+
+// COLORS UI
+// =======================
+@we_color-dark    : #2c2c36;
+@we_color-darker  : darken(@we_color-dark,2%);
+@we_color-divider : #33363e;
+@we_color-normal  : #50545d;
+@we_color-light   : #4e525b;
+
+@we_color-paper    : #fbfbfd;
+@we_color-inactive : #646465;
+
+@we_color-text-normal : #999999;
+@we_color-text-light  : #d4d5d7;
+@we_color-text-dark   : #505050;
+
+@we_color-accent         : #1cc1a9;
+@we_color-accent-d10     : darken(@we_color-accent, 10%);
+@we_color-primary        : #b35e9b;
+@we_color-primary-d10    : darken(@we_color-primary, 10%);
+@we_color-primary-l10    : lighten(@we_color-primary, 10%);
+@we_color-primary-hover  : #7e376b;
+
+@we_color-danger  : #e6586c;
+@we_color-success : #4ab980;
+
+
+// LAYOUT
+// =======================
+@we_screen_xs : 480px;
+@we_screen_sm : 768px;
+@we_screen_md : 992px;
+@we_screen_lg : 1200px;
+
+
+// TOP BAR
+// =======================
+@we_editor-bar-height             : 45px;
+@we_editor-dropdown-border-height : 2px;
+@we_editor-bar-bg                 : @we_color-primary;
+@we_editor-bar-link-color         : @we_color-paper;
+@we_editor-bar-link-shadow        : @we_color-primary-d10;
+
+
+// EDITOR
+// =======================
+@we_sidebar-width: 210px;
+
+
+// SHADOWS
+// =======================
+@we_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
+                0 3px 1px -2px rgba(0, 0, 0, 0.2),
+                0 1px 5px 0 rgba(0, 0, 0, 0.12);
+
+
+// DROPDOWNS
+// =======================
+@we_dropdown-toggle-color        : @we_color-paper;
+@we_dropdown-toggle-shadow-color : @we_color-primary-d10;
+@we_dropdown-menu-color          : @we_color-primary-hover;
+    // open
+    @we_dropdown--open-toggle-color        : white;
+    @we_dropdown--open-toggle-bg-color     : @we_color-primary-hover;
+    @we_dropdown--open-toggle-shadow-color : @we_color-primary-hover;
+
+
+// TABS
+// =======================
+@we_tab-bg: @we_color-darker;
+@we_tab--active-bg: #3D4048;