diff --git a/src/layouts/index.less b/src/layouts/index.less
index 9559e33d..9fb45c32 100644
--- a/src/layouts/index.less
+++ b/src/layouts/index.less
@@ -5,7 +5,7 @@ body {
 }
 
 @import '~codemirror/lib/codemirror.css';
-@import '~codemirror/theme/dracula.css';
+@import '~codemirror/theme/icecoder.css';
 
 .code-mirror-wrapper .CodeMirror {
   position: absolute;
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 51608df2..d83e3004 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -16,6 +16,7 @@ import './index.less';
 export default function (props: any) {
   const logout = () => {
     localStorage.removeItem(config.authKey);
+    history.push('/login');
   };
 
   useEffect(() => {
diff --git a/src/pages/code/index.tsx b/src/pages/code/index.tsx
index d91c76c2..fb834e92 100644
--- a/src/pages/code/index.tsx
+++ b/src/pages/code/index.tsx
@@ -63,7 +63,7 @@ const Crontab = () => {
           styleActiveLine: true,
           matchBrackets: true,
           mode: 'shell',
-          theme: 'dracula',
+          theme: 'icecoder',
           readOnly: 'nocursor',
         }}
         onBeforeChange={(editor, data, value) => {
diff --git a/src/pages/config/index.tsx b/src/pages/config/index.tsx
index f45e3f60..6e258712 100644
--- a/src/pages/config/index.tsx
+++ b/src/pages/config/index.tsx
@@ -81,7 +81,7 @@ const Config = () => {
           styleActiveLine: true,
           matchBrackets: true,
           mode: 'shell',
-          theme: 'dracula',
+          theme: 'icecoder',
         }}
         onBeforeChange={(editor, data, value) => {
           setValue(value);
diff --git a/src/pages/crontab/index.tsx b/src/pages/crontab/index.tsx
index 9ba91e6e..8777b993 100644
--- a/src/pages/crontab/index.tsx
+++ b/src/pages/crontab/index.tsx
@@ -80,7 +80,7 @@ const Crontab = () => {
           styleActiveLine: true,
           matchBrackets: true,
           mode: 'shell',
-          theme: 'dracula',
+          theme: 'icecoder',
         }}
         onBeforeChange={(editor, data, value) => {
           setValue(value);
diff --git a/src/pages/diy/index.tsx b/src/pages/diy/index.tsx
index 8c66a9f8..0a2d786e 100644
--- a/src/pages/diy/index.tsx
+++ b/src/pages/diy/index.tsx
@@ -80,7 +80,7 @@ const Crontab = () => {
           styleActiveLine: true,
           matchBrackets: true,
           mode: 'shell',
-          theme: 'dracula',
+          theme: 'icecoder',
         }}
         onBeforeChange={(editor, data, value) => {
           setValue(value);
diff --git a/src/pages/log/index.tsx b/src/pages/log/index.tsx
index 3eb5b428..64376d6d 100644
--- a/src/pages/log/index.tsx
+++ b/src/pages/log/index.tsx
@@ -108,7 +108,7 @@ const Log = () => {
           styleActiveLine: true,
           matchBrackets: true,
           mode: 'shell',
-          theme: 'dracula',
+          theme: 'icecoder',
           readOnly: 'nocursor',
         }}
         onBeforeChange={(editor, data, value) => {