feat: theme color change

xxxsf · xxxsf · commit f5e37443b895 · 2024-08-02T12:28:25.000+08:00
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,

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`margin: 0 auto;`
`11`	`11`	`padding: 2rem;`
`12`	`12`	`text-align: center;`
`13`		`- border: 2px solid #646cff;`
	`13`	`+ border: 2px solid #0da6e9;`
`14`	`14`	`width: 500px;`
`15`	`15`	`}`
`16`	`16`
`@@ -20,7 +20,7 @@`
`20`	`20`	`will-change: filter;`
`21`	`21`
`22`	`22`	`&:hover {`
`23`		`- filter: drop-shadow(0 0 2em #646cffaa);`
	`23`	`+ filter: drop-shadow(0 0 2em #0da6e9aa);`
`24`	`24`	`transition: all 0.5s;`
`25`	`25`	`}`
`26`	`26`	`}`
`@@ -41,7 +41,7 @@ button {`
`41`	`41`	`transition: border-color 0.25s;`
`42`	`42`	`color: white;`
`43`	`43`	`&:hover {`
`44`		`- border-color: #646cff;`
	`44`	`+ border-color: #0da6e9;`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`&:focus,`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`margin: 0 auto;`
`3`	`3`	`padding: 2rem;`
`4`	`4`	`text-align: center;`
`5`		`- border: 2px solid #646cff;`
	`5`	`+ border: 2px solid #0da6e9;`
`6`	`6`	`width: 500px;`
`7`	`7`	`display: block;`
`8`	`8`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ function d(t, o, e, i) {`
`11`	`11`	`(a = t[f]) && (n = (c < 3 ? a(n) : c > 3 ? a(o, e, n) : a(o, e)) \|\| n);`
`12`	`12`	`return c > 3 && n && Object.defineProperty(o, e, n), n;`
`13`	`13`	`}`
`14`		-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}}
	`14`	+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}}
`15`	`15`	`;
`16`	`16`	`let l = class extends r {`
`17`	`17`	`constructor() {`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`	`margin: 0 auto;`
`13`	`13`	`padding: 2rem;`
`14`	`14`	`text-align: center;`
`15`		`- border: 2px solid #646cff;`
	`15`	`+ border: 2px solid #0da6e9;`
`16`	`16`	`width: 500px;`
`17`	`17`	`}`
`18`	`18`
`@@ -22,7 +22,7 @@`
`22`	`22`	`will-change: filter;`
`23`	`23`
`24`	`24`	`&:hover {`
`25`		`- filter: drop-shadow(0 0 2em #646cffaa);`
	`25`	`+ filter: drop-shadow(0 0 2em #0da6e9aa);`
`26`	`26`	`transition: all 0.5s;`
`27`	`27`	`}`
`28`	`28`	`}`
`@@ -42,7 +42,7 @@ button {`
`42`	`42`	`transition: border-color 0.25s;`
`43`	`43`
`44`	`44`	`&:hover {`
`45`		`- border-color: #646cff;`
	`45`	`+ border-color: #0da6e9;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`&:focus,`