# Interface: Theme

twind.Theme

# Properties

# animation

• animation: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:116

# backdropBlur

• backdropBlur: ThemeSection<string>

Defined in: src/types/theme.ts:117

# backdropBrightness

• backdropBrightness: ThemeSection<string>

Defined in: src/types/theme.ts:118

# backdropContrast

• backdropContrast: ThemeSection<string>

Defined in: src/types/theme.ts:119

# backdropGrayscale

• backdropGrayscale: ThemeSection<string>

Defined in: src/types/theme.ts:120

# backdropHueRotate

• backdropHueRotate: ThemeSection<string>

Defined in: src/types/theme.ts:121

# backdropInvert

• backdropInvert: ThemeSection<string>

Defined in: src/types/theme.ts:122

# backdropOpacity

• backdropOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:123

# backdropSaturate

• backdropSaturate: ThemeSection<string>

Defined in: src/types/theme.ts:124

# backdropSepia

• backdropSepia: ThemeSection<string>

Defined in: src/types/theme.ts:125

# backgroundColor

• backgroundColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:126

# backgroundImage

• backgroundImage: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:127

# backgroundOpacity

• backgroundOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:128

# backgroundPosition

• backgroundPosition: ThemeSection<string>

Defined in: src/types/theme.ts:129

# backgroundSize

• backgroundSize: ThemeSection<string>

Defined in: src/types/theme.ts:130

# blur

• blur: ThemeSection<string>

Defined in: src/types/theme.ts:131

# borderColor

• borderColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:132

# borderOpacity

• borderOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:133

# borderRadius

• borderRadius: ThemeSection<string>

Defined in: src/types/theme.ts:134

# borderWidth

• borderWidth: ThemeSection<string>

Defined in: src/types/theme.ts:135

# boxShadow

• boxShadow: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:136

# brightness

• brightness: ThemeSection<string>

Defined in: src/types/theme.ts:137

# colors

• colors: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:110

# container

• container: ThemeContainer | ThemeSectionResolver<ThemeContainer>

Defined in: src/types/theme.ts:138

# contrast

• contrast: ThemeSection<string>

Defined in: src/types/theme.ts:139

# cursor

• cursor: ThemeSection<string>

Defined in: src/types/theme.ts:140

# divideColor

• divideColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:141

# divideOpacity

• divideOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:142

# divideWidth

• divideWidth: ThemeSection<string>

Defined in: src/types/theme.ts:143

# dropShadow

• dropShadow: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:144

# durations

• durations: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:112

# fill

• fill: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:145

# flex

• flex: ThemeSection<string>

Defined in: src/types/theme.ts:146

# flexGrow

• flexGrow: ThemeSection<number>

Defined in: src/types/theme.ts:147

# flexShrink

• flexShrink: ThemeSection<number>

Defined in: src/types/theme.ts:148

# fontFamily

• fontFamily: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:149

# fontSize

• fontSize: ThemeSection<ThemeFontSize>

Defined in: src/types/theme.ts:150

# fontWeight

• fontWeight: ThemeSection<string>

Defined in: src/types/theme.ts:151

# gap

• gap: ThemeSection<string>

Defined in: src/types/theme.ts:152

# gradientColorStops

• gradientColorStops: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:153

# grayscale

• grayscale: ThemeSection<string>

Defined in: src/types/theme.ts:154

# gridAutoColumns

• gridAutoColumns: ThemeSection<string>

Defined in: src/types/theme.ts:155

# gridAutoRows

• gridAutoRows: ThemeSection<string>

Defined in: src/types/theme.ts:156

# gridColumn

• gridColumn: ThemeSection<string>

Defined in: src/types/theme.ts:157

# gridColumnEnd

• gridColumnEnd: ThemeSection<string>

Defined in: src/types/theme.ts:158

# gridColumnStart

• gridColumnStart: ThemeSection<string>

Defined in: src/types/theme.ts:159

# gridRow

• gridRow: ThemeSection<string>

Defined in: src/types/theme.ts:160

# gridRowEnd

• gridRowEnd: ThemeSection<string>

Defined in: src/types/theme.ts:161

# gridRowStart

• gridRowStart: ThemeSection<string>

Defined in: src/types/theme.ts:162

# gridTemplateColumns

• gridTemplateColumns: ThemeSection<string>

Defined in: src/types/theme.ts:163

# gridTemplateRows

• gridTemplateRows: ThemeSection<string>

Defined in: src/types/theme.ts:164

# height

• height: ThemeSection<string>

Defined in: src/types/theme.ts:165

# hueRotate

• hueRotate: ThemeSection<string>

Defined in: src/types/theme.ts:166

# inset

• inset: ThemeSection<string>

Defined in: src/types/theme.ts:167

# invert

• invert: ThemeSection<string>

Defined in: src/types/theme.ts:168

# keyframes

• keyframes: ThemeSection<Record<string, CSSProperties>>

Defined in: src/types/theme.ts:169

# letterSpacing

• letterSpacing: ThemeSection<string>

Defined in: src/types/theme.ts:170

# lineHeight

• lineHeight: ThemeSection<string>

Defined in: src/types/theme.ts:171

# listStyleType

• listStyleType: ThemeSection<string>

Defined in: src/types/theme.ts:172

# margin

• margin: ThemeSection<string>

Defined in: src/types/theme.ts:173

# maxHeight

• maxHeight: ThemeSection<string>

Defined in: src/types/theme.ts:174

# maxWidth

• maxWidth: ThemeSection<string>

Defined in: src/types/theme.ts:175

# minHeight

• minHeight: ThemeSection<string>

Defined in: src/types/theme.ts:176

# minWidth

• minWidth: ThemeSection<string>

Defined in: src/types/theme.ts:177

# objectPosition

• objectPosition: ThemeSection<string>

Defined in: src/types/theme.ts:178

# opacity

• opacity: ThemeSection<string>

Defined in: src/types/theme.ts:179

# order

• order: ThemeSection<string>

Defined in: src/types/theme.ts:180

# outline

• outline: ThemeSection<ThemeOutline>

Defined in: src/types/theme.ts:181

# padding

• padding: ThemeSection<string>

Defined in: src/types/theme.ts:182

# placeholderColor

• placeholderColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:183

# placeholderOpacity

• placeholderOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:184

# ringColor

• ringColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:185

# ringOffsetColor

• ringOffsetColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:186

# ringOffsetWidth

• ringOffsetWidth: ThemeSection<string>

Defined in: src/types/theme.ts:187

# ringOpacity

• ringOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:188

# ringWidth

• ringWidth: ThemeSection<string>

Defined in: src/types/theme.ts:189

# rotate

• rotate: ThemeSection<string>

Defined in: src/types/theme.ts:190

# saturate

• saturate: ThemeSection<string>

Defined in: src/types/theme.ts:191

# scale

• scale: ThemeSection<string>

Defined in: src/types/theme.ts:192

# screens

• screens: ThemeSection<MaybeArray<ThemeScreenValue>>

Defined in: src/types/theme.ts:114

# sepia

• sepia: ThemeSection<string>

Defined in: src/types/theme.ts:193

# skew

• skew: ThemeSection<string>

Defined in: src/types/theme.ts:194

# space

• space: ThemeSection<string>

Defined in: src/types/theme.ts:195

# spacing

• spacing: ThemeSection<string>

Defined in: src/types/theme.ts:111

# stroke

• stroke: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:196

# strokeWidth

• strokeWidth: ThemeSection<string>

Defined in: src/types/theme.ts:197

# textColor

• textColor: ThemeSection<ThemeColor>

Defined in: src/types/theme.ts:198

# textOpacity

• textOpacity: ThemeSection<string>

Defined in: src/types/theme.ts:199

# transformOrigin

• transformOrigin: ThemeSection<string>

Defined in: src/types/theme.ts:200

# transitionDelay

• transitionDelay: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:201

# transitionDuration

• transitionDuration: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:202

# transitionProperty

• transitionProperty: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:203

# transitionTimingFunction

• transitionTimingFunction: ThemeSection<string | string[]>

Defined in: src/types/theme.ts:204

# translate

• translate: ThemeSection<string>

Defined in: src/types/theme.ts:205

# width

• width: ThemeSection<string>

Defined in: src/types/theme.ts:206

# zIndex

• zIndex: ThemeSection<string>

Defined in: src/types/theme.ts:207