feat: improve the text input preview

aradzie · Oct 24, 2024 · 9f2a770 · 9f2a770
1 parent 0a5b2f5
commit 9f2a770
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/keybr-theme-designer/lib/design/TextInputDesign.tsx b/packages/keybr-theme-designer/lib/design/TextInputDesign.tsx
@@ -12,11 +12,11 @@ export function TextInputDesign() {
         <Field>
           <ColorInput accessor={prop["--textinput__color"]} />
         </Field>
-        <Field size={6}>Normal Text</Field>
+        <Field size={6}>Text</Field>
         <Field>
           <ColorInput accessor={prop["--textinput--special__color"]} />
         </Field>
-        <Field size={6}>Special Text</Field>
+        <Field size={6}>Whitespace</Field>
       </FieldList>
       <FieldList>
         <Field>

diff --git a/packages/keybr-theme-designer/lib/design/TextInputPreview.tsx b/packages/keybr-theme-designer/lib/design/TextInputPreview.tsx
@@ -26,7 +26,9 @@ export function TextInputPreview() {
                   ...toChars("two", Attr.Miss),
                   ...toChars(" ", Attr.Hit),
                   ...toChars("three", Attr.Garbage),
-                  ...toChars(" ", Attr.Hit),
+                  ...toChars(" ", Attr.Normal),
+                  ...toChars(" ", Attr.Normal),
+                  ...toChars(" ", Attr.Normal),
                   ...toChars("f", Attr.Normal),
                   ...toChars("o", Attr.Normal),
                   ...toChars("ur", Attr.Normal),