@tuya-miniapp/ark-extension-virtual-device 1.8.11 → 1.8.12-beta.2

package/dist/view/app.min.css

@@ -546,6 +546,15 @@ template {
 .raw-container .schema::-ms-scrollbar {
   display: none;
 }
+[data-theme='light'] .raw-container {
+  background-color: #f5f5f5;
+}
+[data-theme='light'] .raw-container .head .title {
+  color: #000000d9;
+}
+[data-theme='light'] .raw-container .head .line {
+  background: #d9d9d9;
+}
 .raw-row-item {
   display: flex;
   flex-direction: column;
@@ -577,6 +586,12 @@ template {
   white-space: nowrap;
   max-width: 190px;
 }
+[data-theme='light'] .raw-row-item .title {
+  color: #00000073;
+}
+[data-theme='light'] .raw-row-item .options {
+  color: #000000d9;
+}
 
 .dev-item-wrapper {
   width: 331px;
@@ -808,6 +823,9 @@ template {
   /* 文字/标准色 */
   color: #bbbbbb;
 }
+[data-theme='light'] .top-status-bar .home-icon span {
+  color: #000000d9;
+}
 .top-status-bar .dev-name {
   flex: 1;
   display: flex;
@@ -823,6 +841,9 @@ template {
   /* 文字/标准色 */
   color: #bbbbbb;
 }
+[data-theme='light'] .top-status-bar .dev-name {
+  color: #000000d9;
+}
 .top-status-bar .extensions {
   z-index: 99;
   font-family: PingFang SC;
@@ -833,6 +854,9 @@ template {
   color: #bbbbbb;
   margin-right: 20px;
 }
+[data-theme='light'] .top-status-bar .extensions {
+  color: #000000d9;
+}
 .top-status-bar .theme-toggle {
   z-index: 99;
   display: flex;
@@ -875,6 +899,9 @@ template {
   flex-direction: row;
   align-items: center;
 }
+[data-theme='light'] .top-status-bar .version-tag {
+  color: #000000d9;
+}
 
 .top-bar-wrapper {
   width: 100vw;
@@ -911,6 +938,11 @@ template {
   justify-content: space-around;
   align-items: center;
 }
+.top-bar-wrapper .home-wrapper .select-wrapper .select-trigger-anchor {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
 .top-bar-wrapper .home-wrapper .select-wrapper .select {
   min-width: 150px;
   /* 填充/背景 */
@@ -1182,14 +1214,6 @@ template {
   border-color: #515151;
   position: relative;
 }
-.extension-container .top-header {
-  position: fixed;
-  width: 100vw;
-  height: 154px;
-  z-index: 0;
-  top: 0;
-  left: 0;
-}
 .extension-container .content {
   margin: 16px;
   z-index: 100;
@@ -1202,6 +1226,10 @@ template {
   align-items: center;
   justify-content: center;
 }
+.extension-container .head h1 {
+  /* 文字/标准 */
+  color: #BBBBBB;
+}
 .extension-container .list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
@@ -1219,6 +1247,13 @@ template {
   align-items: center;
   justify-content: center;
 }
+[data-theme='light'] .extension-container {
+  background: #ffffff;
+  border-color: #d9d9d9;
+}
+[data-theme='light'] .extension-container .head h1 {
+  color: #000000d9;
+}
 .debug {
   position: absolute;
   top: 50px;
@@ -1329,4 +1364,32 @@ template {
   /* 文字/标准 */
   color: #BBBBBB;
 }
+[data-theme='light'] .ext-item {
+  background: #ffffff;
+  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
+}
+[data-theme='light'] .ext-item .info .info-item {
+  color: #00000073;
+}
+[data-theme='light'] .ext-item .info .info-item .title {
+  color: #000000d9;
+}
+[data-theme='light'] .ext-item .info .info-item .version {
+  background: #f6ffed;
+  color: #389e0d;
+  border-color: #b7eb8f;
+}
+[data-theme='light'] .ext-item .info .info-item .installed {
+  background: #fffbe6;
+  color: #d48806;
+  border-color: #ffe58f;
+}
+[data-theme='light'] .ext-item .info .install-container .uninstall {
+  background: #ffffff;
+  border: 1px solid #d9d9d9;
+  color: #000000d9;
+}
+[data-theme='light'] .ext-item .info .author .owner {
+  color: #306FFF;
+}