diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
index eab19414b..9a1dd6140 100644
--- a/frontend/src/styles/element-dark.scss
+++ b/frontend/src/styles/element-dark.scss
@@ -96,7 +96,7 @@ html.dark {
     --panel-terminal-bg-color: var(--panel-main-bg-color-10);
     --panel-terminal-tag-active-text-color: var(--panel-color-primary);
     --panel-terminal-tag-hover-text-color: var(--panel-color-primary);
-    --panel-logs-bg-color: var(--panel-main-bg-color-9);
+    --panel-logs-bg-color: #1b1b1b;
     --panel-alert-bg-color: var(--panel-main-bg-color-10);
 
     --el-menu-item-bg-color: var(--panel-main-bg-color-9);
@@ -118,6 +118,7 @@ html.dark {
     --el-box-shadow-dark: 0px 16px 48px 16px rgba(36, 38, 51, 0.72), 0px 12px 32px #242633, 0px 8px 16px -8px #242633;
     --el-bg-color: var(--panel-main-bg-color-9);
     --el-bg-color-overlay: var(--panel-main-bg-color-9);
+    --el-dialog-bg-color: var(--panel-main-bg-color-9);
     --panel-code-header-footer-color: var(--panel-main-bg-color-12);
 
 
@@ -372,13 +373,13 @@ html.dark {
     }
     .el-drawer {
         .cm-editor {
-            background-color: var(--panel-main-bg-color-10);
+            background-color: var(--panel-logs-bg-color);
         }
         .cm-gutters {
-            background-color: var(--panel-main-bg-color-10);
+            background-color: var(--panel-logs-bg-color);
         }
         .log-container {
-            background-color: var(--panel-main-bg-color-10);
+            background-color: var(--panel-logs-bg-color);
         }
     }