feat: theme color change

hellof2e · Aug 2, 2024 · f5e3744 · f5e3744
1 parent f4016f7
commit f5e3744
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 12 deletions.
diff --git a/demo/src/index.less b/demo/src/index.less
@@ -10,7 +10,7 @@
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
-  border: 2px solid #646cff;
+  border: 2px solid #0da6e9;
   width: 500px;
 }
 
@@ -20,7 +20,7 @@
   will-change: filter;
 
   &:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
+    filter: drop-shadow(0 0 2em #0da6e9aa);
     transition: all 0.5s;
   }
 }
@@ -41,7 +41,7 @@ button {
   transition: border-color 0.25s;
   color: white;
   &:hover {
-    border-color: #646cff;
+    border-color: #0da6e9;
   }
 
   &:focus,

diff --git a/demo/src/pages/style.less b/demo/src/pages/style.less
@@ -2,7 +2,7 @@
     margin: 0 auto;
     padding: 2rem;
     text-align: center;
-    border: 2px solid #646cff;
+    border: 2px solid #0da6e9;
     width: 500px;
     display: block;
 }

diff --git a/examples/using-local-bundle/src/lib/index.js b/examples/using-local-bundle/src/lib/index.js
@@ -11,7 +11,7 @@ function d(t, o, e, i) {
       (a = t[f]) && (n = (c < 3 ? a(n) : c > 3 ? a(o, e, n) : a(o, e)) || n);
   return c > 3 && n && Object.defineProperty(o, e, n), n;
 }
-const g = `:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}:host{display:block;margin:0 auto;padding:2rem;text-align:center;border:2px solid #646cff;width:500px}.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transition:all .5s}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.read-the-docs{color:#888}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
+const g = `:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}:host{display:block;margin:0 auto;padding:2rem;text-align:center;border:2px solid #0da6e9;width:500px}.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #0da6e9aa);transition:all .5s}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#0da6e9}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.read-the-docs{color:#888}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
 `;
 let l = class extends r {
   constructor() {

diff --git a/examples/using-local-bundle/src/lib/index.umd.js b/examples/using-local-bundle/src/lib/index.umd.js
diff --git a/packages/create-quarkc/template-quarkc-component-ts/src/index.less b/packages/create-quarkc/template-quarkc-component-ts/src/index.less
@@ -12,7 +12,7 @@
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
-  border: 2px solid #646cff;
+  border: 2px solid #0da6e9;
   width: 500px;
 }
 
@@ -22,7 +22,7 @@
   will-change: filter;
 
   &:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
+    filter: drop-shadow(0 0 2em #0da6e9aa);
     transition: all 0.5s;
   }
 }
@@ -42,7 +42,7 @@ button {
   transition: border-color 0.25s;
 
   &:hover {
-    border-color: #646cff;
+    border-color: #0da6e9;
   }
 
   &:focus,

diff --git a/packages/create-quarkc/template-quarkc-component/src/index.less b/packages/create-quarkc/template-quarkc-component/src/index.less
@@ -12,7 +12,7 @@
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
-  border: 2px solid #646cff;
+  border: 2px solid #0da6e9;
   width: 500px;
 }
 
@@ -22,7 +22,7 @@
   will-change: filter;
 
   &:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
+    filter: drop-shadow(0 0 2em #0da6e9aa);
     transition: all 0.5s;
   }
 }
@@ -42,7 +42,7 @@ button {
   transition: border-color 0.25s;
 
   &:hover {
-    border-color: #646cff;
+    border-color: #0da6e9;
   }
 
   &:focus,