Fix some style issue

Author: congmul

src/components/Editor/components/Terminal/EditorTerminal.tsx

@@ -62,7 +62,7 @@ const EditorTerminal:React.FC<EditorTerminalType> = ({editorRef, lintErrors}) =>
                                             (selectedMenu === 'error' ? errors : warnings).map((err: any, index:number) => {
                                                 const { code, message, range, severity } = err;
                                                 let renderedLine = range.start.line + 1;
-                                                renderedLine = renderedLine && range.start.character ? `[Ln ${renderedLine}, Col ${range.start.character}}]` : `[Ln ${renderedLine}, Col 0]`
+                                                renderedLine = renderedLine && range.start.character ? `[Ln ${renderedLine}, Col ${range.start.character}]` : `[Ln ${renderedLine}, Col 0]`
                                                 return(
                                                     <tr key={`${code}-${index}`}
                                                         onClick={() => {
@@ -82,8 +82,8 @@ const EditorTerminal:React.FC<EditorTerminalType> = ({editorRef, lintErrors}) =>
                                                                 }
                                                             </span>
                                                             <span className="me-2">{message || '-'}</span>
-                                                            <span className="me-2">{[code]}</span>
-                                                            <span className="me-2">{renderedLine || '-'}</span>
+                                                            <span className="me-2 color-text-light">[{code}]</span>
+                                                            <span className="me-2 color-text-light">{renderedLine || '-'}</span>
                                                         </td>
                                                     </tr>
                                                 )

src/sass/_className.scss

@@ -0,0 +1,3 @@
+.color-text-light {
+    color: var(--color-text-light);
+}

src/sass/_variables.scss

@@ -10,6 +10,7 @@ $colors: (
     color-text-headding: #252525,
     color-text-body: #474747,
     color-text-secondary: #FFFFFF,
+    color-text-light: #696969,
     neutral-01: #FFFFFF,
     neutral-08: #AFAFAF
 );
@@ -26,6 +27,7 @@ $colors-dark: (
     color-text-headding: #FFFFFF,
     color-text-body: #D1D1D1,
     color-text-secondary: #FFFFFF,
+    color-text-light: #979797,
     neutral-01: #FFFFFF,
     neutral-08: #AFAFAF
 );

src/sass/index.scss

@@ -3,6 +3,7 @@
 @import "./mixins";
 @include export-to-css-vars($colors);
 @include export-to-css-vars-dark($colors-dark);
+@import "./className";
 @import "../node_modules/bootstrap/scss/bootstrap";
 @import "swagger-ui-react/swagger-ui.css";