chore: daily development

packages/canyon-report/src/components/Report/components/FileCoverageDetail.tsx

@@ -1,8 +1,10 @@
 import React, { FC } from "react";
 import { useEffect, useState } from "react";
 import { createHighlighterCoreInstance } from "../../helpers/loadShiki";
-import {Editor} from "@monaco-editor/react";
 
+import { theme } from "antd";
+import {Editor} from "@monaco-editor/react";
+const { useToken } = theme;
 function jisuanColor(coun) {
   if (coun === 0) {
     return "rgb(252, 225, 229)";
@@ -21,6 +23,11 @@ const FileCoverageDetail: FC<{
   dsss: any[];
 }> = ({ fileContent, lines, dsss }) => {
   const [htmlContent, setHtmlContent] = useState("");
+  const { token } = useToken();
+
+  const isDark = token.colorBgBase === '#000'
+  // console.log(isDark,'????')
+  // console.log(token.colorBgBase,'token.theme')
   useEffect(() => {
     createHighlighterCoreInstance().then((highlighter) => {
       const html = highlighter.codeToHtml(fileContent || "", {
@@ -30,7 +37,7 @@ const FileCoverageDetail: FC<{
       });
       setHtmlContent(html);
     });
-    console.log(dsss);
+    // console.log(dsss);
   }, [fileContent]);
 
   return (
@@ -74,8 +81,7 @@ const FileCoverageDetail: FC<{
           );
         })}
       </div>
-      {/*<Edi*/}
-      <Editor defaultValue={fileContent} height={'100vh'} language={'javascript'}/>
+      <Editor theme={isDark?'nightowl':'light'} defaultValue={fileContent} height={'100vh'} language={'javascript'}/>
     </div>
   );
 };

packages/canyon-report/src/index.css

@@ -1,23 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-/*@import 'antd/dist/reset.css';*/
-
-.shiki > code {
-  font-size: 12px;
-  line-height: 24px;
-}
 
 a{
   color: #3182ce;
 }
-
-.YourHighlightClass{
-  padding: 0 !important;
-  color: white !important;
-  background: rgb(244, 176, 27) !important;
-}
-
-.content-class-no-found{
-  background: #f6c6ce;
-}