diff --git a/src/client/components/remote-caution.vue b/src/client/components/remote-caution.vue
index fe65bcd9cc..dfb1d4eb5e 100644
--- a/src/client/components/remote-caution.vue
+++ b/src/client/components/remote-caution.vue
@@ -26,6 +26,8 @@ export default defineComponent({
 .jmgmzlwq {
 	font-size: 0.8em;
 	padding: 16px;
+	background: var(--infoWarnBg);
+	color: var(--infoWarnFg);
 
 	> a {
 		margin-left: 4px;
diff --git a/src/client/pages/user/index.vue b/src/client/pages/user/index.vue
index 70f6662604..d431849b61 100644
--- a/src/client/pages/user/index.vue
+++ b/src/client/pages/user/index.vue
@@ -1,7 +1,9 @@
 <template>
 <div>
 	<div class="ftskorzw wide _section" v-if="user && narrow === false">
-		<div class="banner-container" :style="style">
+		<MkRemoteCaution v-if="user.host != null" :href="user.url" class="_vMargin"/>
+
+		<div class="banner-container _vMargin" :style="style">
 			<div class="banner" ref="banner" :style="style"></div>
 		</div>
 		<div class="contents">
diff --git a/src/client/themes/d-black.json5 b/src/client/themes/d-black.json5
index 497802c800..2608891e73 100644
--- a/src/client/themes/d-black.json5
+++ b/src/client/themes/d-black.json5
@@ -8,7 +8,7 @@
 
 	props: {
 		divider: '#2d2d2d',
-		panel: '#111111',
+		panel: '#131313',
 		panelHeaderBg: '@panel',
 		panelHeaderDivider: '@divider',
 		panelShadow: '" 0 8px 24px rgb(0 0 0 / 25%)',