From e0fc63724dcc8ed7edb9bbe99c799cb910471c97 Mon Sep 17 00:00:00 2001
From: Adam Stankiewicz <agstanki@gmail.com>
Date: Tue, 25 Jul 2023 07:04:15 -0400
Subject: [PATCH] feat: POC for dark mode demo

---
 package.json                                  | 4 ++--
 paragon/css/core/custom-media-breakpoints.css | 2 +-
 paragon/css/core/index.css                    | 6 ++----
 paragon/css/core/variables.css                | 2 +-
 paragon/css/themes/dark/index.css             | 2 ++
 paragon/css/themes/dark/utility-classes.css   | 0
 paragon/css/themes/dark/variables.css         | 9 +++++++++
 paragon/css/themes/light/variables.css        | 2 +-
 tokens/src/themes/dark/global/color.json      | 7 +++++++
 9 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 paragon/css/themes/dark/index.css
 create mode 100644 paragon/css/themes/dark/utility-classes.css
 create mode 100644 paragon/css/themes/dark/variables.css
 create mode 100644 tokens/src/themes/dark/global/color.json

diff --git a/package.json b/package.json
index ed83f030..debb948f 100644
--- 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
index a0b15ea2..0bb927dd 100644
--- 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:02:51 GMT
  */
 
diff --git a/paragon/css/core/index.css b/paragon/css/core/index.css
index e3d6892b..4a993a98 100644
--- a/paragon/css/core/index.css
+++ b/paragon/css/core/index.css
@@ -1,4 +1,2 @@
-@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
index 2d8e9ed6..d22dc007 100644
--- 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:02:51 GMT
  */
 
 :root {
diff --git a/paragon/css/themes/dark/index.css b/paragon/css/themes/dark/index.css
new file mode 100644
index 00000000..0b94ebd1
--- /dev/null
+++ 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
new file mode 100644
index 00000000..e69de29b
diff --git a/paragon/css/themes/dark/variables.css b/paragon/css/themes/dark/variables.css
new file mode 100644
index 00000000..3d97b89a
--- /dev/null
+++ 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:02:51 GMT
+ */
+
+:root {
+  --pgn-color-primary-base: #FF0000FF;
+}
diff --git a/paragon/css/themes/light/variables.css b/paragon/css/themes/light/variables.css
index d2a60b02..8fdb6fe9 100644
--- 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:02:51 GMT
  */
 
 :root {
diff --git a/tokens/src/themes/dark/global/color.json b/tokens/src/themes/dark/global/color.json
new file mode 100644
index 00000000..121e1fd6
--- /dev/null
+++ b/tokens/src/themes/dark/global/color.json
@@ -0,0 +1,7 @@
+{
+  "color": {
+    "primary": {
+      "base": { "value": "red" }
+    }
+  }
+}