misc: 턴 선택기에 색 표기

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 {