wip

src/client/app/mobile/views/pages/settings.vue

@@ -339,8 +339,8 @@ root(isDark)
 		margin 16px
 		padding 16px
 		text-align center
-		color isDark ? #ff5f56 : #cc2727
-		background isDark ? #652222 : #fff6f5
+		color var(--mobileSignedInAsFg)
+		background var(--mobileSignedInAsBg)
 		box-shadow 0 3px 1px -2px rgba(#000, 0.2), 0 2px 2px 0 rgba(#000, 0.14), 0 1px 5px 0 rgba(#000, 0.12)
 
 	> footer

src/client/theme/dark.json

@@ -11,5 +11,7 @@
 	"face": "#282c37",
 	"faceHeader": "#313543",
 	"mobileSignedInAsBg": "#273c34",
-	"mobileSignedInAsFg": "#49ab63"
+	"mobileSignedInAsFg": "#49ab63",
+	"mobileSignoutBg": "#652222",
+	"mobileSignoutFg": "#ff5f56"
 }

src/client/theme/light.json

@@ -11,5 +11,7 @@
 	"face": "#fff",
 	"faceHeader": "#fff",
 	"mobileSignedInAsBg": "#fcfff5",
-	"mobileSignedInAsFg": "#2c662d"
+	"mobileSignedInAsFg": "#2c662d",
+	"mobileSignoutBg": "#fff6f5",
+	"mobileSignoutFg": "#cc2727"
 }