From 6392e70b223fe6505fea9594848ed1cc17724f10 Mon Sep 17 00:00:00 2001
From: YangFong <yangfong2022@qq.com>
Date: Sat, 24 Aug 2024 23:28:54 +0800
Subject: [PATCH] style: dark mode of editor (#350)

---
 src/assets/less/theme.less | 73 +++++---------------------------------
 1 file changed, 8 insertions(+), 65 deletions(-)

diff --git a/src/assets/less/theme.less b/src/assets/less/theme.less
index 4546ff8..d6f635a 100644
--- a/src/assets/less/theme.less
+++ b/src/assets/less/theme.less
@@ -15,15 +15,19 @@
   .container {
     background-color: @nightBgColor;
 
-    .el-main {
-      background-color: @nightBgColor;
-    }
-
     .CodeMirror {
       caret-color: @nightFontColor;
       color: @nightFontColor;
       background-color: @nightCodeMirrorColor;
       box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);
+
+      .CodeMirror-cursor {
+        border-left: 1px solid @nightLineColor;
+      }
+
+      .CodeMirror-activeline-background {
+        background-color: #3e3e3e!important;
+      }
     }
 
     .output_night {
@@ -64,67 +68,6 @@
       color: @nightLinkTextColor;
     }
 
-    // .el-button {
-    //   color: @nightWhiteColor;
-    //   background-color: @nightCodeMirrorColor;
-    //   border: 1px solid transparent;
-    // }
-
-    // .el-button.is-plain:focus,
-    // .el-button.is-plain:hover {
-    //   background: @nightButtonBg;
-    //   color: @nightWhiteColor;
-    //   border: 1px solid @nightWhiteColor;
-
-    //   i {
-    //     color: @nightWhiteColor;
-    //   }
-    // }
-
-    // .insert__dialog,
-    // .about__dialog,
-    // .reset__dialog,
-    // .upload__dialog {
-    //   .el-dialog {
-    //     background-color: @nightBgColor;
-    //   }
-
-    //   .el-dialog__body {
-    //     color: @nightWhiteColor;
-    //   }
-
-    //   .el-dialog__title,
-    //   .el-form-item__label {
-    //     color: @nightWhiteColor;
-    //   }
-
-    //   .el-tabs__item {
-    //     color: @nightActiveCodeMirrorColor;
-    //   }
-
-    //   .el-tabs__nav-wrap::after {
-    //     background-color: @nightLineColor;
-    //   }
-
-    //   .is-active {
-    //     color: @nightWhiteColor;
-    //   }
-
-    //   .el-upload-dragger {
-    //     background-color: @nightButtonBg;
-    //   }
-    // }
-
-    // :deep(
-    //     .el-icon-upload,
-    //     .el-icon-download,
-    //     .el-icon-refresh,
-    //     .el-icon-s-grid,
-    //     .el-icon-document
-    //   ) {
-    //   color: @nightWhiteColor;
-    // }
-
     ::-webkit-scrollbar {
       background-color: @nightCodeMirrorColor;
     }