fix: 사령턴에서 불가능한 턴이 별도 강조가 없는 문제 수정

hwe/scss/gameEvent.scss

@@ -31,29 +31,6 @@
   font-size: 0;
 }
 
-
-.compensatePositive {
-  color: $cyan;
-  display: inline-block;
-  width: 1rem;
-}
-
-.compensateNegative {
-  color: $red;
-  display: inline-block;
-  width: 1rem;
-}
-
-.compensateNeutral{
-  display: inline-block;
-  width: 1rem;
-}
-
-.commandImpossible {
-  color: $red;
-  text-decoration: line-through $red;
-}
-
 .t_date {
   font-size: 0.75em;
 }

hwe/ts/components/CommandSelectForm.vue

@@ -205,7 +205,10 @@ defineExpose({
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "@scss/common/variables.scss";
+@import "@scss/common/bootswatch_custom_variables.scss";
+
 .commandItem {
   border: gray 1px solid;
   border-radius: 0.5em;
@@ -219,4 +222,28 @@ defineExpose({
   justify-content: center;
 }
 
+
+.compensatePositive {
+  color: $cyan;
+  display: inline-block;
+  width: 1rem;
+}
+
+.compensateNegative {
+  color: $red;
+  display: inline-block;
+  width: 1rem;
+}
+
+.compensateNeutral{
+  display: inline-block;
+  width: 1rem;
+}
+
+.commandImpossible {
+  color: $red;
+  text-decoration: line-through $red;
+}
+
+
 </style>