feat: POC for dark mode demo (#71)

edx · Jul 25, 2023 · b76772c · b76772c
1 parent 26f58a8
commit b76772c
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -16,8 +16,8 @@
     "access": "public"
   },
   "scripts": {
-    "build-design-tokens": "build-design-tokens --source ./tokens/src --build-dir ./paragon/css --source-tokens-only",
-    "build-scss": "build-scss --corePath ./paragon/core.scss --themesPath ./paragon/css/themes --defaultThemeVariants light",
+    "build-design-tokens": "build-design-tokens --source ./tokens/src --build-dir ./paragon/css --source-tokens-only --themes light dark",
+    "build-scss": "build-scss --corePath ./paragon/core.scss --themesPath ./paragon/css/themes --defaultThemeVariants light dark",
     "build": "make build"
   },
   "devDependencies": {

diff --git a/paragon/css/core/custom-media-breakpoints.css b/paragon/css/core/custom-media-breakpoints.css
@@ -1,6 +1,6 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Sun, 23 Jul 2023 16:09:04 GMT
+ * Generated on Tue, 25 Jul 2023 11:07:54 GMT
  */
 
diff --git a/paragon/css/core/index.css b/paragon/css/core/index.css
@@ -1,4 +1,4 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono&display=swap');
 
-@import "./custom-media-breakpoints.css";
-@import "./variables.css";
+@import "custom-media-breakpoints.css";
+@import "variables.css";
diff --git a/paragon/css/core/variables.css b/paragon/css/core/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Sun, 23 Jul 2023 16:09:04 GMT
+ * Generated on Tue, 25 Jul 2023 11:07:54 GMT
  */
 
 :root {

diff --git a/paragon/css/themes/dark/index.css b/paragon/css/themes/dark/index.css
@@ -0,0 +1,2 @@
+@import "variables.css";
+@import "utility-classes.css";
diff --git a/paragon/css/themes/dark/utility-classes.css b/paragon/css/themes/dark/utility-classes.css
diff --git a/paragon/css/themes/dark/variables.css b/paragon/css/themes/dark/variables.css
@@ -0,0 +1,9 @@
+/**
+ * IMPORTANT: This file is the result of assembling design tokens
+ * Do not edit directly
+ * Generated on Tue, 25 Jul 2023 11:07:54 GMT
+ */
+
+:root {
+  --pgn-color-primary-base: #FF0000FF;
+}
diff --git a/paragon/css/themes/light/variables.css b/paragon/css/themes/light/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Sun, 23 Jul 2023 16:09:04 GMT
+ * Generated on Tue, 25 Jul 2023 11:07:54 GMT
  */
 
 :root {

diff --git a/tokens/src/themes/dark/global/color.json b/tokens/src/themes/dark/global/color.json
@@ -0,0 +1,7 @@
+{
+  "color": {
+    "primary": {
+      "base": { "value": "red" }
+    }
+  }
+}