Improve: sync theme

sakura-tel · Dec 27, 2022 · c5bb452 · c5bb452
1 parent 0b8a01e
commit c5bb452
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/client/app/mobile/views/components/drive-folder-chooser.vue b/src/client/app/mobile/views/components/drive-folder-chooser.vue
@@ -48,10 +48,11 @@ export default Vue.extend({
 	> .body
 		width 100%
 		height 100%
-		background #fff
+		background var(--faceHeader)
 
 		> header
-			border-bottom solid 1px #eee
+			border-bottom solid 1px var(--faceDivider)
+			color var(--text)
 
 			> h1
 				margin 0

diff --git a/src/client/app/mobile/views/pages/user/index.vue b/src/client/app/mobile/views/pages/user/index.vue
@@ -165,12 +165,12 @@ export default Vue.extend({
 	> .is-suspended
 	> .is-remote
 		&.is-suspended
-			color #570808
-			background #ffdbdb
+			color var(--suspendedInfoFg)
+			background var(--suspendedInfoBg)
 
 		&.is-remote
-			color #573c08
-			background #fff0db
+			color var(--remoteInfoFg)
+			background var(--remoteInfoBg)
 
 		> p
 			margin 0 auto

diff --git a/src/client/app/mobile/views/pages/widgets.vue b/src/client/app/mobile/views/pages/widgets.vue
@@ -157,10 +157,11 @@ main
 
 	> header
 		padding 8px 10px
-		background #fff
+		background var(--bg)
 
 		> button
 			margin 0 8px
+			color var(--text)
 
 		> p
 			margin 8px 0 0
@@ -173,11 +174,11 @@ main
 
 	.customize-container
 		margin 8px
-		background #fff
+		color var(--bg)
+		background var(--text)
 
 		> header
 			line-height 32px
-			background #eee
 
 			> .handle
 				padding 0 8px