Sfoglia il codice sorgente

tui: simplify mode toggle icon styling

Use consistent strong color for active mode icons instead of different
colors for shell vs normal mode, making the active state more visually
clear to users.
David Hill 6 mesi fa
parent
commit
cc86a64bb5
1 ha cambiato i file con 1 aggiunte e 2 eliminazioni
  1. 1 2
      packages/app/src/components/prompt-input.tsx

+ 1 - 2
packages/app/src/components/prompt-input.tsx

@@ -1375,8 +1375,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                       name={mode === "shell" ? "console" : "prompt"}
                       name={mode === "shell" ? "console" : "prompt"}
                       class="size-[18px]"
                       class="size-[18px]"
                       classList={{
                       classList={{
-                        "text-icon-strong-base": mode === "shell" && store.mode === "shell",
-                        "text-icon-interactive-base": mode === "normal" && store.mode === "normal",
+                        "text-icon-strong-base": store.mode === mode,
                         "text-icon-weak": store.mode !== mode,
                         "text-icon-weak": store.mode !== mode,
                       }}
                       }}
                     />
                     />