misc: 턴 선택기에 색 표기

hwe/scss/chiefCenter.scss

@@ -1,14 +1,18 @@
 @use "sass:math";
+@use "sass:color";
 
 @import "@scss/common/break_500px.scss";
 @import "@scss/common/variables.scss";
 @import "@scss/common/bootswatch_custom_variables.scss";
 @import "@scss/game_bg.scss";
 
+$modcolor2: color.adjust($nbase2color, $lightness: +5%);
+
 .turn_pad {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    background-color: $nbase2color;
 }
 
 #mainTable {
@@ -18,12 +22,22 @@
         line-height: 1.05em;
     }
 
-  .chiefCommand .time_pad {
+    .chiefCommand {
+        .time_pad {
             align-self: center;
             text-align: center;
             background-color: black;
             line-height: 30px;
         }
+
+        .turn_pad {
+            line-height: 30px;
+        }
+
+        .row:nth-child(even) .turn_pad {
+            background-color: $modcolor2;
+        }
+    }
 }
 
 .commandBox {
@@ -101,8 +115,12 @@
         }
     }
 
-  .commandBox .controlPad{
+    .commandBox .controlPad {
         margin-top: 10px;
+
+        .turn_pad:nth-child(even) {
+            background-color: $modcolor2;
+        }
     }
 
     #bottomChiefBox {
@@ -112,6 +130,11 @@
         width: 500px;
         height: 320px;
         overflow: hidden;
+
+
+        .turn_pad:nth-child(even) {
+            background-color: $modcolor2;
+        }
     }
 
     #bottomChiefList {

hwe/ts/ChiefCenter/BottomItem.vue

@@ -20,7 +20,7 @@
       <div class="col">{{ officer?((officer?.turnTime ?? "  -  ").slice(-5)):'' }}</div>
     </div>
     <div
-      class="tableCell align-self-center"
+      class="tableCell align-self-center turn_pad"
       v-for="(turn, idx) in officer?.turn??[]"
       :key="idx"
       :style="{

hwe/ts/ChiefCenter/TopItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="['subRows', 'c-bg2', 'chiefCommand']" :style="style">
+  <div :class="['subRows', 'chiefCommand']" :style="style">
     <div class="bg1 center row gx-0" style="font-size: 1.2em">
       <div class="col-5 align-self-center text-end">
         {{ officer ? `${officer.officerLevelText} : ` : "" }}
@@ -13,12 +13,12 @@
         {{ officer?.name }}
       </div>
     </div>
-    <div class="row gx-0" v-for="vidx in maxTurn" :key="vidx">
+    <div class="row c-bg2 gx-0" v-for="vidx in maxTurn" :key="vidx">
       <div class="col-2 time_pad f_tnum">
-        {{ turnTimes[vidx - 1] ?? "" }}
+        {{ turnTimes[vidx - 1] }}
       </div>
       <div
-        class="center turn_pad"
+        class="center"
         v-if="!officer || (!officer.turn) || !(vidx - 1 in officer.turn)"
       ></div>
       <div
@@ -66,7 +66,7 @@ export default defineComponent({
     if (!this.officer || !this.officer.turnTime) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       for (const _ of range(this.maxTurn)) {
-        turnTimes.push("");
+        turnTimes.push("\xa0");
       }
     } else {
       const baseTurnTime = parseTime(this.officer.turnTime);

hwe/ts/PartialReservedCommand.vue

@@ -539,6 +539,8 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
+@use "sass:color";
+
 @import "@scss/common/break_500px.scss";
 @import "@scss/common/variables.scss";
 @import "@scss/common/bootswatch_custom_variables.scss";
@@ -616,6 +618,10 @@ export default defineComponent({
   background-color: $nbase2color;
 }
 
+.turn_pad:nth-child(8n) {
+  background-color: color.adjust($nbase2color, $lightness: +5%);
+}
+
 .turn_pad .turn_text {
   display: inline-block;
   white-space: nowrap;

hwe/ts/components/ChiefReservedCommand.vue

@@ -479,7 +479,6 @@ export default defineComponent({
 
   .turn_pad {
     white-space: nowrap;
-    background-color: $nbase2color;
   }
 
   .turn_pad .turn_text {