diff --git a/spug_web/src/pages/ssh/Terminal.js b/spug_web/src/pages/ssh/Terminal.js
index 0069632..213ba6c 100644
--- a/spug_web/src/pages/ssh/Terminal.js
+++ b/spug_web/src/pages/ssh/Terminal.js
@@ -19,6 +19,7 @@ function WebSSH(props) {
   useEffect(() => {
     term.loadAddon(fitPlugin);
     term.setOption('fontFamily', 'Source Code Pro, Courier New, Courier, Monaco, monospace, PingFang SC, Microsoft YaHei')
+    term.setOption('theme', {background: '#2b2b2b', foreground: '#A9B7C6'})
     term.open(container.current);
     term.write('WebSocket connecting ... ');
     const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
diff --git a/spug_web/src/pages/ssh/index.module.less b/spug_web/src/pages/ssh/index.module.less
index 670994b..70764e8 100644
--- a/spug_web/src/pages/ssh/index.module.less
+++ b/spug_web/src/pages/ssh/index.module.less
@@ -73,15 +73,15 @@
 .terminal {
     flex: 1;
     display: flex;
-    background-color: #000;
+    background-color: #2b2b2b;
     padding-left: 5px;
     height: calc(100vh - 42px);
 }
 
 .fig {
     flex: 1;
-    background-color: #000;
-    color: #fff;
+    background-color: #2b2b2b;
+    color: #A9B7C6;
     padding-top: 200px;
     margin-bottom: 0;
     text-align: center;