diff --git a/src/assets/style/theme/tomorrow-night-blue/setting.scss b/src/assets/style/theme/tomorrow-night-blue/setting.scss
index a3381ecf..92f54dfe 100644
--- a/src/assets/style/theme/tomorrow-night-blue/setting.scss
+++ b/src/assets/style/theme/tomorrow-night-blue/setting.scss
@@ -1,7 +1,7 @@
 // 主题名称
 $theme-name: 'tomorrow-night-blue';
 // 主题背景颜色
-$theme-bg-color: #002147;
+$theme-bg-color: #002253;
 // 主题背景图片
 $theme-bg-image: none;
 // 主题背景图片遮罩
diff --git a/src/pages/demo/element/basic-color/components/info.vue b/src/pages/demo/element/basic-color/components/info.vue
index ae1bc219..f394b953 100644
--- a/src/pages/demo/element/basic-color/components/info.vue
+++ b/src/pages/demo/element/basic-color/components/info.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="info" :class="theme">
-    <p>{{name}}</p>
-    <p>{{sass}}</p>
-    <p>{{color}}</p>
+    <p class="name">{{name}}</p>
+    <p class="sass">{{sass}}</p>
+    <p class="color">{{color}}</p>
   </div>
 </template>
 
@@ -35,6 +35,20 @@ export default {
 
 <style lang="scss" scoped>
 .info {
+  padding: 10px;
+  p {
+    margin: 0px;
+  }
+  .name {
+    font-size: 14px;
+    font-weight: bold;
+  }
+  .sass {
+    font-size: 12px;
+  }
+  .color {
+    font-size: 12px;
+  }
   &.dark {
     color: #333;
   }