diff --git a/src/client/app/mobile/views/pages/settings.vue b/src/client/app/mobile/views/pages/settings.vue
index 9e9041637..9849c8249 100644
--- a/src/client/app/mobile/views/pages/settings.vue
+++ b/src/client/app/mobile/views/pages/settings.vue
@@ -331,8 +331,8 @@ root(isDark)
 		margin 16px
 		padding 16px
 		text-align center
-		color isDark ? #49ab63 : #2c662d
-		background isDark ? #273c34 : #fcfff5
+		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)
 
 	> .signout
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index fca316c5b..f94f3d7f9 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -9,5 +9,7 @@
 	"scrollbarHandle": "#454954",
 	"scrollbarHandleHover": "#535660",
 	"face": "#282c37",
-	"faceHeader": "#313543"
+	"faceHeader": "#313543",
+	"mobileSignedInAsBg": "#273c34",
+	"mobileSignedInAsFg": "#49ab63"
 }
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index b091d8738..4a3db8a30 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -9,5 +9,7 @@
 	"scrollbarHandle": "#00000033",
 	"scrollbarHandleHover": "#00000066",
 	"face": "#fff",
-	"faceHeader": "#fff"
+	"faceHeader": "#fff",
+	"mobileSignedInAsBg": "#fcfff5",
+	"mobileSignedInAsFg": "#2c662d"
 }