다크모드 css 수정 및 테마 설정관련 미정의된 한글,영문 항목 추가

Author: jschoiRR

ui/public/locales/en.json

@@ -4798,5 +4798,15 @@
 "message.license.not.found1": "Unable to verify license information.",
 "message.license.not.found2": "Please register a new license and use it.",
 "message.license.days.left": "Expires in a few days.",
-"message.license.nostart": "Please check the start date of the license validity period."
+"message.license.nostart": "Please check the start date of the license validity period.",
+"label.theme.light": "Light",
+"label.theme.dark": "Dark",
+"label.theme.daybreak.blue": "Daybreak Blue",
+"label.theme.dust.red": "Dust Red",
+"label.theme.volcano": "Volcano",
+"label.theme.sunset.orange": "Sunset Orange",
+"label.theme.cyan": "Cyan",
+"label.theme.polar.green": "Polar Green",
+"label.theme.geek.blue": "Geek Blue",
+"label.theme.golden.purple": "Golden Purple"
 }

ui/public/locales/ko_KR.json

@@ -4759,5 +4759,15 @@
 "message.license.not.found1": "\ub77c\uc774\uc13c\uc2a4 \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.",
 "message.license.not.found2": "\uc2e0\uaddc \ub77c\uc774\uc13c\uc2a4 \ub4f1\ub85d \ud6c4 \uc0ac\uc6a9\ud574 \uc8fc\uc138\uc694.",
 "message.license.days.left": "\uc77c \ud6c4 \ub9cc\ub8cc",
-"message.license.nostart": "\ub77c\uc774\uc13c\uc2a4 \uc720\ud6a8\uae30\uac04\uc758 \uc2dc\uc791\uc77c\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694."
+"message.license.nostart": "\ub77c\uc774\uc13c\uc2a4 \uc720\ud6a8\uae30\uac04\uc758 \uc2dc\uc791\uc77c\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694.",
+"label.theme.light": "\ub77c\uc774\ud2b8",
+"label.theme.dark": "\ub2e4\ud06c",
+"label.theme.daybreak.blue": "\ub370\uc774\ube0c\ub808\uc774\ud06c \ube14\ub8e8",
+"label.theme.dust.red": "\ub354\uc2a4\ud2b8 \ub808\ub4dc",
+"label.theme.volcano": "\ubcfc\ucf00\uc774\ub178",
+"label.theme.sunset.orange": "\uc120\uc14b \uc624\ub80c\uc9c0",
+"label.theme.cyan": "\uc2dc\uc548",
+"label.theme.polar.green": "\ud3f4\ub77c \uadf8\ub9b0",
+"label.theme.geek.blue": "\uae31 \ube14\ub8e8",
+"label.theme.golden.purple": "\uace8\ub4e0 \ud37c\ud50c"
 }

ui/src/components/page/GlobalFooter.vue

@@ -16,7 +16,7 @@
 // under the License.
 
 <template>
-  <div :class="['footer']">
+  <div :class="['']">
     <div class="line">
     </div>
   </div>

ui/src/style/dark-mode.less

@@ -15,8 +15,8 @@
 // specific language governing permissions and limitations
 // under the License.
 
-@dark-bgColor: #090c10;
-@dark-secondary-bgColor: #141414;
+@dark-bgColor: #161B22;
+@dark-secondary-bgColor: #22282F;
 @dark-text-color-1: rgba(255, 255, 255, 0.25);
 @dark-text-color-2: rgba(255, 255, 255, 0.45);
 @dark-text-color-3: rgba(255, 255, 255, 0.65);
@@ -44,6 +44,23 @@
     background: @dark-bgColor;
   }
 
+  td.ant-table-column-sort {
+      background: @dark-secondary-bgColor;
+  }
+
+  tr.ant-table-expanded-row,
+  tr.ant-table-expanded-row:hover {
+    background: @dark-secondary-bgColor !important;
+  }
+
+  .ant-drawer-content {
+    background-color: rgb(0, 21, 41);
+  }
+
+  .ant-divider, .ant-card-bordered {
+    border-color: #3E444C !important;
+  }
+
   .layout.ant-layout .header {
     background: @dark-secondary-bgColor;
     box-shadow: 0 1px 4px #090c10;
@@ -296,7 +313,7 @@
       }
 
       & > tr > th.ant-table-column-sort {
-        background-color: @dark-bgColor;
+        background: @dark-secondary-bgColor;
       }
 
       & > tr.ant-table-row:hover > td, & > tr > td.ant-table-cell-row-hover {

ui/src/views/infra/IntegrityVerificationTab.vue

@@ -53,7 +53,7 @@
       </template>
       <template #expandedRowRender="{ record } ">
         <a-table
-          style="margin: 10px 0;"
+          style="margin: 0;"
           :columns="innerColumns"
           :dataSource="integrityVerificationFinalResultTwo"
           :pagination="false"