diff --git a/stylesheets/ui-variables.less b/stylesheets/ui-variables.less
index 43d375a..a5ecb7f 100644
--- a/stylesheets/ui-variables.less
+++ b/stylesheets/ui-variables.less
@@ -1,14 +1,16 @@
+@import "variables";
+
 // Colors
 
-@text-color: #657b83;
-@text-color-subtle: #93a1a1;
-@text-color-highlight: #93a1a1;
-@text-color-selected: #586e75;
+@text-color: @base00;
+@text-color-subtle: @base1;
+@text-color-highlight: @base1;
+@text-color-selected: @base01;
 
-@text-color-info: #657b83;
-@text-color-success: #859900;
-@text-color-warning: #b58900;
-@text-color-error: #cb4b16;
+@text-color-info: @base00;
+@text-color-success: @green;
+@text-color-warning: @yellow;
+@text-color-error: @orange;
 
 @text-color-ignored: @text-color-subtle;
 @text-color-added: @text-color-success;
@@ -25,7 +27,7 @@
 
 @tree-background-color: #00212b;
 
-@app-background-color: #002b36;
+@app-background-color: @base03;
 
 @base-background-color: lighten(@tool-panel-background-color, 5%);
 @base-border-color: rgba(0, 0, 0, 0.5);
@@ -33,7 +35,7 @@
 @pane-item-background-color: @base-background-color;
 @pane-item-border-color: rgba(0, 0, 0, 0.5);
 
-@input-background-color: #073642;
+@input-background-color: @base02;
 @input-border-color: @base-border-color;
 
 @tool-panel-background-color: #00212b;
@@ -48,12 +50,12 @@
 @overlay-background-color: @tool-panel-background-color;
 @overlay-border-color: @background-color-highlight;
 
-@button-background-color: #073642;
-@button-background-color-hover: #073642;
-@button-background-color-selected: #073642;
+@button-background-color: @base02;
+@button-background-color-hover: @base02;
+@button-background-color-selected: @base02;
 @button-border-color: transparent;
 
-@tab-bar-background-color: #002b36;
+@tab-bar-background-color: @base03;
 @tab-bar-border-color: transparent;
 @tab-background-color: transparent;
 @tab-background-color-active: #294a55;
diff --git a/stylesheets/variables.less b/stylesheets/variables.less
new file mode 100644
index 0000000..befb25f
--- /dev/null
+++ b/stylesheets/variables.less
@@ -0,0 +1,17 @@
+@base03: #002b36;
+@base02: #073642;
+@base01: #586e75;
+@base00: #657b83;
+@base0: #839496;
+@base1: #93a1a1;
+@base2: #eee8d5;
+@base3: #fdf6e3;
+
+@yellow: #b58900;
+@orange: #cb4b16;
+@red: #dc322f;
+@magenta: #d33682;
+@violet: #6c71c4;
+@blue: #268bd2;
+@cyan: #2aa198;
+@green: #859900;