AInput does not respect dark theme when type is set

[lmeysel]

When explicitly specifying a type, the AInput component is rendered without respecting dark mode (seems like a general layout glitch, border colors are also not correct). Tried it with current master and npm package (v0.10.0)

<AInput type="text" />

<AInput />

[peterbud]

I can confirm the issue, The playground and the doc site are working as the input element has a default background-color: transparent setting. If you don't have that, you will see the issue.

My suggestion is to add bg-transparent to a-base-input-child in the ABaseInput

- 'a-base-input-child w-full h-full absolute inset-0 rounded-inherit'
+ 'a-base-input-child w-full h-full absolute inset-0 rounded-inherit bg-transparent'

I can submit a PR if you agree with that approach.

[jd-solanki]

I just checked this is exactly what you said @peterbud

Awaiting your PR 😊