⚡ 修改日志默认样式.

orion-ops-ui/src/components/exec/log/panel-modal/index.vue

@@ -12,7 +12,7 @@
            :footer="false"
            @close="handleClose">
     <a-spin v-if="visible"
-            class="modal-body"
+            class="panel-container"
             :loading="loading">
       <div class="panel-wrapper">
         <!-- 日志面板 -->
@@ -92,11 +92,12 @@
 </script>
 
 <style lang="less" scoped>
-  .modal-body {
+  .panel-container {
     width: 100%;
     height: 100%;
-    position: relative;
     padding: 0 12px 12px 12px;
+    position: relative;
+    background: var(--color-bg-2);
   }
 
   .panel-wrapper {

orion-ops-ui/src/components/exec/log/panel/appender-const.ts

@@ -8,8 +8,8 @@ import type { WebglAddon } from 'xterm-addon-webgl';
 export const LogAppenderOptions: ITerminalOptions & ITerminalInitOnlyOptions = {
   theme: {
     foreground: '#FFFFFF',
-    background: '#202020',
-    selectionBackground: '#B5D5FF',
+    background: '#1C1C1C',
+    selectionBackground: '#444444',
   },
   cols: 30,
   rows: 8,
@@ -18,8 +18,8 @@ export const LogAppenderOptions: ITerminalOptions & ITerminalInitOnlyOptions = {
   cursorStyle: 'bar',
   cursorBlink: false,
   fastScrollModifier: 'alt',
-  fontSize: 14,
-  lineHeight: 1.08,
+  fontSize: 13,
+  lineHeight: 1.12,
   convertEol: true,
 };
 

orion-ops-ui/src/components/exec/log/panel/log-item.vue

@@ -241,7 +241,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background: var(--color-bg-1);
+    background: var(--color-bg-2);
     color: var(--color-text-1);
     user-select: none;
 
@@ -264,7 +264,7 @@
     width: 100%;
     height: calc(100% - @header-height);
     position: relative;
-    background: #202020;
+    background: #1C1C1C;
     padding: 4px 0 4px 4px;
 
     .log-appender {