diff --git a/src/assets/themes/dark.css b/src/assets/themes/dark.css
index b7a6c66d..2d72cc86 100644
--- a/src/assets/themes/dark.css
+++ b/src/assets/themes/dark.css
@@ -8,7 +8,7 @@
 /* dark mode */
 html.dark {
   /* app container */
-  --app-page-bg: #000000; /* (0, 0, 0) */
+  --app-page-bg: #1e1e1e; /* (0, 0, 0) */
   --app-page-content: #d0d0d0;
   --app-side-bg: #151c26;
   --app-side-content: #dddddd;
diff --git a/src/components/userAbyss/tua-detail-battle.vue b/src/components/userAbyss/tua-detail-battle.vue
index 74305cc8..3d9a4ba1 100644
--- a/src/components/userAbyss/tua-detail-battle.vue
+++ b/src/components/userAbyss/tua-detail-battle.vue
@@ -31,6 +31,7 @@ const props = defineProps<TuaDetailBattleProps>();
 .tud-db-time {
   color: var(--common-text-content);
   font-size: 12px;
+  opacity: 0.6;
   text-align: left;
 }
 </style>