vue-cx-client example - force light mode

swch · Nov 25, 2024 · 2b5fabe · 2b5fabe
1 parent 96005a0
commit 2b5fabe
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/examples/vue-cx-client/package-lock.json b/examples/vue-cx-client/package-lock.json
diff --git 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
@@ -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;
+  }
+}