From 2b5fabe039a0eeceab7796955a0db62772df4cd6 Mon Sep 17 00:00:00 2001
From: Praveen Kumar <pkumar@strivve.com>
Date: Mon, 25 Nov 2024 12:59:28 -0800
Subject: [PATCH] vue-cx-client example - force light mode

---
 examples/vue-cx-client/package-lock.json |  8 ++++----
 examples/vue-cx-client/package.json      |  2 +-
 examples/vue-cx-client/src/style.css     | 15 ++++++++++++++-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/examples/vue-cx-client/package-lock.json b/examples/vue-cx-client/package-lock.json
index cf1f732..0ec9e0b 100644
--- a/examples/vue-cx-client/package-lock.json
+++ b/examples/vue-cx-client/package-lock.json
@@ -8,7 +8,7 @@
       "name": "vue-cx-client",
       "version": "0.0.0",
       "dependencies": {
-        "@strivve/strivve-cx": "^0.1.24",
+        "@strivve/strivve-cx": "file:../../strivve-strivve-cx-0.1.25.tgz",
         "vue": "^3.5.12"
       },
       "devDependencies": {
@@ -4376,9 +4376,9 @@
       }
     },
     "node_modules/@strivve/strivve-cx": {
-      "version": "0.1.24",
-      "resolved": "https://registry.npmjs.org/@strivve/strivve-cx/-/strivve-cx-0.1.24.tgz",
-      "integrity": "sha512-MANXlzWwPu2oeMD4WaFEDXS9XN38QCkLamMMrpeDMRrvsyesTRrBqg6SiRLF6FCROEINg3Dyvsc3ENFPSJ+z+A==",
+      "version": "0.1.25",
+      "resolved": "file:../../strivve-strivve-cx-0.1.25.tgz",
+      "integrity": "sha512-lWnv96NfbMtvm/4ExjgVUzzcEVlvccltMvmBnu7JYDWMKYXwV2ZS4Gq9+MQW4+7H33K+8eL9u/5lOc8rmPWwlA==",
       "license": "ISC",
       "dependencies": {
         "@emotion/react": "^11.10.5",
diff --git a/examples/vue-cx-client/package.json b/examples/vue-cx-client/package.json
index df64bbb..8573c59 100644
--- a/examples/vue-cx-client/package.json
+++ b/examples/vue-cx-client/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@strivve/strivve-cx": "^0.1.24",
+    "@strivve/strivve-cx": "^0.1.25",
     "vue": "^3.5.12"
   },
   "devDependencies": {
diff --git a/examples/vue-cx-client/src/style.css b/examples/vue-cx-client/src/style.css
index bb131d6..51ccc07 100644
--- a/examples/vue-cx-client/src/style.css
+++ b/examples/vue-cx-client/src/style.css
@@ -3,7 +3,7 @@
   line-height: 1.5;
   font-weight: 400;
 
-  color-scheme: light dark;
+  color-scheme: only light;
   color: rgba(255, 255, 255, 0.87);
   background-color: #242424;
 
@@ -77,3 +77,16 @@ button:focus-visible {
     background-color: #f9f9f9;
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
\ No newline at end of file