fix theme selector not working, add input styling

This commit is contained in:
Jorrin
2024-03-24 20:41:09 +01:00
parent c24b2e01c1
commit ceffab182d
11 changed files with 124 additions and 45 deletions

View File

@@ -0,0 +1,25 @@
import { Input, styled } from "tamagui";
export const MWInput = styled(Input, {
variants: {
type: {
default: {
backgroundColor: "$inputBackground",
color: "$inputText",
placeholderTextColor: "$placeHolderText",
borderColor: "$inputBorder",
outlineStyle: "none",
},
search: {
backgroundColor: "$searchBackground",
borderColor: "$colorTransparent",
placeholderTextColor: "$searchPlaceholder",
outlineStyle: "none",
focusStyle: {
borderColor: "$colorTransparent",
backgroundColor: "$searchFocused",
},
},
},
},
});