solana-app-kit

---

solana-app-kit / components/thread/tradeModal.style / default

​

Variable: default

default: object

Defined in: src/components/thread/tradeModal.style.ts:3

​

Type declaration

​

arrowContainer

arrowContainer: object

​

arrowContainer.alignItems

alignItems: "center" = 'center'

​

arrowContainer.justifyContent

justifyContent: "center" = 'center'

​

arrowContainer.marginHorizontal

marginHorizontal: number = 10

​

arrowText

arrowText: object

​

arrowText.color

color: string = '#4A90E2'

​

arrowText.fontSize

fontSize: number = 24

​

arrowText.fontWeight

fontWeight: "700" = '700'

​

errorText

errorText: object

​

errorText.color

color: string = 'red'

​

errorText.fontSize

fontSize: number = 16

​

errorText.marginTop

marginTop: number = 20

​

errorText.textAlign

textAlign: "center" = 'center'

​

header

header: object

​

header.alignItems

alignItems: "center" = 'center'

​

header.flexDirection

flexDirection: "row" = 'row'

​

header.justifyContent

justifyContent: "space-between" = 'space-between'

​

header.marginBottom

marginBottom: number = 16

​

headerClose

headerClose: object

​

headerClose.padding

padding: number = 4

​

headerCloseText

headerCloseText: object

​

headerCloseText.color

color: string = '#999'

​

headerCloseText.fontSize

fontSize: number = 22

​

headerCloseText.fontWeight

fontWeight: "600" = '600'

​

headerTitle

headerTitle: object

​

headerTitle.color

color: string = '#333'

​

headerTitle.fontSize

fontSize: number = 20

​

headerTitle.fontWeight

fontWeight: "700" = '700'

​

inputLabel

inputLabel: object

​

inputLabel.color

color: string = '#555'

​

inputLabel.fontSize

fontSize: number = 16

​

inputLabel.fontWeight

fontWeight: "600" = '600'

​

inputLabel.marginBottom

marginBottom: number = 6

​

modalContainer

modalContainer: object

​

modalContainer.backgroundColor

backgroundColor: string = '#FFFFFF'

​

modalContainer.borderRadius

borderRadius: number = 20

​

modalContainer.elevation

elevation: number = 10

​

modalContainer.maxHeight

maxHeight: "90%" = '90%'

​

modalContainer.padding

padding: number = 20

​

modalContainer.shadowColor

shadowColor: string = '#000'

​

modalContainer.shadowOffset

shadowOffset: object

​

modalContainer.shadowOffset.height

height: number = 4

​

modalContainer.shadowOffset.width

width: number = 0

​

modalContainer.shadowOpacity

shadowOpacity: number = 0.3

​

modalContainer.shadowRadius

shadowRadius: number = 8

​

modalContainer.width

width: "100%" = '100%'

​

modalOverlay

modalOverlay: object

​

modalOverlay.alignItems

alignItems: "center" = 'center'

​

modalOverlay.backgroundColor

backgroundColor: string = 'rgba(0,0,0,0.7)'

​

modalOverlay.flex

flex: number = 1

​

modalOverlay.justifyContent

justifyContent: "center" = 'center'

​

modalOverlay.padding

padding: number = 16

​

resultText

resultText: object

​

resultText.color

color: string = 'green'

​

resultText.fontSize

fontSize: number = 16

​

resultText.marginTop

marginTop: number = 20

​

resultText.textAlign

textAlign: "center" = 'center'

​

swapButton

swapButton: object

​

swapButton.alignItems

alignItems: "center" = 'center'

​

swapButton.backgroundColor

backgroundColor: string = '#000000'

​

swapButton.borderRadius

borderRadius: number = 25

​

swapButton.marginBottom

marginBottom: number = 14

​

swapButton.marginTop

marginTop: number = 10

​

swapButton.paddingVertical

paddingVertical: number = 14

​

swapButtonText

swapButtonText: object

​

swapButtonText.color

color: string = '#FFF'

​

swapButtonText.fontSize

fontSize: number = 16

​

swapButtonText.fontWeight

fontWeight: "700" = '700'

​

tabButton

tabButton: object

​

tabButton.backgroundColor

backgroundColor: string = '#F2F2F2'

​

tabButton.borderRadius

borderRadius: number = 25

​

tabButton.marginHorizontal

marginHorizontal: number = 5

​

tabButton.paddingHorizontal

paddingHorizontal: number = 20

​

tabButton.paddingVertical

paddingVertical: number = 10

​

tabButtonActive

tabButtonActive: object

​

tabButtonActive.backgroundColor

backgroundColor: string = '#4A90E2'

​

tabButtonText

tabButtonText: object

​

tabButtonText.color

color: string = '#333'

​

tabButtonText.fontSize

fontSize: number = 14

​

tabButtonText.fontWeight

fontWeight: "600" = '600'

​

tabButtonTextActive

tabButtonTextActive: object

​

tabButtonTextActive.color

color: string = '#FFF'

​

tabRow

tabRow: object

​

tabRow.flexDirection

flexDirection: "row" = 'row'

​

tabRow.justifyContent

justifyContent: "center" = 'center'

​

tabRow.marginBottom

marginBottom: number = 20

​

textInput

textInput: object

​

textInput.backgroundColor

backgroundColor: string = '#F9F9F9'

​

textInput.borderColor

borderColor: string = '#ddd'

​

textInput.borderRadius

borderRadius: number = 12

​

textInput.borderWidth

borderWidth: number = 1

​

textInput.color

color: string = '#333'

​

textInput.fontSize

fontSize: number = 16

​

textInput.marginBottom

marginBottom: number = 16

​

textInput.padding

padding: number = 12

​

textInput.width

width: "100%" = '100%'

​

tokenColumn

tokenColumn: object

​

tokenColumn.alignItems

alignItems: "center" = 'center'

​

tokenColumn.flex

flex: number = 1

​

tokenRow

tokenRow: object

​

tokenRow.alignItems

alignItems: "center" = 'center'

​

tokenRow.flexDirection

flexDirection: "row" = 'row'

​

tokenRow.justifyContent

justifyContent: "space-around" = 'space-around'

​

tokenRow.marginBottom

marginBottom: number = 20

​

tokenSelector

tokenSelector: object

​

tokenSelector.backgroundColor

backgroundColor: string = '#FAFAFA'

​

tokenSelector.borderColor

borderColor: string = '#ddd'

​

tokenSelector.borderRadius

borderRadius: number = 12

​

tokenSelector.borderWidth

borderWidth: number = 1

​

tokenSelector.marginTop

marginTop: number = 8

​

tokenSelector.paddingHorizontal

paddingHorizontal: number = 16

​

tokenSelector.paddingVertical

paddingVertical: number = 10

​

tokenSelectorText

tokenSelectorText: object

​

tokenSelectorText.color

color: string = '#333'

​

tokenSelectorText.fontSize

fontSize: number = 16

​

tokenSelectorText.fontWeight

fontWeight: "600" = '600'