feat(app): add new spacing and colour variables (#876)

dequelabs · Feb 1, 2023 · f7af206 · f7af206
1 parent ce15231
commit f7af206
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/styles/variables.css b/packages/styles/variables.css
@@ -8,6 +8,7 @@
   /* color palette */
   --white: #ffffff;
   --dark-workspace-color: #53636e;
+  --stroke-light: #b3bfc6;
   --stroke-dark: #5d676f;
   --gray-10: #fdfdfe;
   --gray-20: #f2f2f2;
@@ -50,6 +51,9 @@
   --header-text-color: var(--gray-80);
   --header-text-color-dark: var(--gray-90);
 
+  /* background colours */
+  --background-light: #f0f2f5;
+
   /* accents */
   --error: var(--accent-error);
   --disabled: var(--gray-40);
@@ -66,6 +70,7 @@
 
   /* spacing (padding/margin) */
   --space-smallest: 8px;
+  --space-smaller: 12px;
   --space-small: 16px;
   --space-medium: 18px;
   --space-large: 24px;
@@ -81,6 +86,7 @@
   --text-size-larger: 56px;
   --text-size-large: 45px;
   --text-size-large-medium: 34px;
+  --text-size-medium-large: 32px;
   --text-size-medium: 24px;
   --text-small-medium: 20px;
   --text-size-normal: 18px;