SamaritanPromptMixed - Component tweaks

Author: srcdev

app/components/02.molecules/samaritan-prompt/SamaritanPromptMixed.vue

@@ -160,7 +160,7 @@ onMounted(startLoop);
 onUnmounted(stop);
 </script>
 
-<style scoped>
+<style lang="css">
 @font-face {
   font-family: "Mono MMM 5";
   src: url("/fonts/monoMMM_5.ttf") format("truetype");
@@ -174,6 +174,7 @@ onUnmounted(stop);
   --_color-text: var(--samaritan-color-text, #ffffff);
   --_color-underline: var(--samaritan-color-underline, #ffffff);
   --_color-cursor: var(--samaritan-color-cursor, #cc0000);
+  --_color-cursor-off: var(--samaritan-color-cursor-off, transparent);
   --_font-family: var(--samaritan-font-family, "Mono MMM 5", "Nova Mono", "Courier New", monospace);
   --_letter-spacing: var(--samaritan-letter-spacing, 0.08em);
 
@@ -228,7 +229,7 @@ onUnmounted(stop);
     color: var(--_color-cursor);
   }
   50% {
-    color: #330000;
+    color: var(--_color-cursor-off);
   }
 }
 </style>

app/pages/samaritan.vue

@@ -235,7 +235,7 @@ const qaHideCursorInCycle = ref(true);
     justify-content: center;
     min-block-size: 100dvh;
 
-    &--mixed {
+    .samaritan-stage--mixed {
       border-top: 1px solid oklch(100% 0 0 / 0.08);
     }
   }