fix: use rem for space tokens, prefix dark theme class

tigranpetrossian · Jul 12, 2024 · 3784a60 · 3784a60
1 parent 0bc8c76
commit 3784a60
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 24 deletions.
diff --git a/figma-kit/src/styles/figma-development-theme.css b/figma-kit/src/styles/figma-development-theme.css
@@ -188,8 +188,7 @@ body {
   --figma-color-text-warning-tertiary: #b86200;
 }
 
-.dark,
-.dark-theme {
+.figma-dark {
   --figma-color-bg: #2c2c2c;
   --figma-color-bg-brand: #0c8ce9;
   --figma-color-bg-brand-hover: #0a6dc2;

diff --git a/figma-kit/src/styles/tokens/space.css b/figma-kit/src/styles/tokens/space.css
@@ -1,24 +1,24 @@
 :root {
-  --space-0: 0px;
-  --space-px: 1px;
-  --space-0_5: 2px;
-  --space-1: 4px;
-  --space-1_5: 6px;
-  --space-2: 8px;
-  --space-2_5: 10px;
-  --space-3: 12px;
-  --space-3_5: 14px;
-  --space-4: 16px;
-  --space-5: 20px;
-  --space-6: 24px;
-  --space-7: 28px;
-  --space-8: 32px;
-  --space-9: 36px;
-  --space-10: 40px;
-  --space-11: 44px;
-  --space-12: 48px;
-  --space-13: 52px;
-  --space-14: 56px;
-  --space-15: 60px;
-  --space-16: 64px;
+  --space-0: 0rem;
+  --space-px: 0.0625rem;
+  --space-0_5: 0.125rem;
+  --space-1: 0.25rem;
+  --space-1_5: 0.375rem;
+  --space-2: 0.5rem;
+  --space-2_5: 0.625rem;
+  --space-3: 0.75rem;
+  --space-3_5: 0.875rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-7: 1.75rem;
+  --space-8: 2rem;
+  --space-9: 2.25rem;
+  --space-10: 2.5rem;
+  --space-11: 2.75rem;
+  --space-12: 3rem;
+  --space-13: 3.25rem;
+  --space-14: 3.5rem;
+  --space-15: 3.75rem;
+  --space-16: 4rem;
 }