Hook providing the currently active theme name and resolved design color tokens.
An object containing themeName (e.g. 'midnight') and full colors tokens.
themeName
'midnight'
colors
function CustomHeader() { const { colors, themeName } = useCupThreadTheme(); return ( <Text style={{ color: colors.primary }}> Theme: {themeName} </Text> );} Copy
function CustomHeader() { const { colors, themeName } = useCupThreadTheme(); return ( <Text style={{ color: colors.primary }}> Theme: {themeName} </Text> );}
Hook providing the currently active theme name and resolved design color tokens.