in packages/bundle/src/adaptiveCards/Styles/adaptiveCardHostConfig.ts [8:138]
export default function createAdaptiveCardsHostConfig(styleOptions: FullBundleStyleOptions) {
const { accent, bubbleTextColor, cardEmphasisBackgroundColor, primaryFont, subtle } = {
...normalizeStyleOptions(styleOptions),
...normalizeAdaptiveCardsStyleOptions(styleOptions)
};
return {
containerStyles: {
default: {
foregroundColors: {
default: {
default: bubbleTextColor,
subtle
},
accent: {
default: accent,
subtle: '#0078D4'
},
attention: {
default: '#D13438',
subtle: '#A4262C'
},
dark: {
default: '#000000',
subtle: '#646464'
},
good: {
default: '#0B6A0B',
subtle: '#028A02'
},
light: {
default: '#FFFFFF',
subtle
},
warning: {
default: '#B75C00',
subtle: '#986F0B'
}
}
},
emphasis: {
backgroundColor: cardEmphasisBackgroundColor,
foregroundColors: {
default: {
default: '#000000',
subtle: '#484644'
}
}
},
accent: {
backgroundColor: '#C7DEF9',
foregroundColors: {
default: {
default: '#333333',
subtle: '#484644'
}
}
},
good: {
backgroundColor: '#CCFFCC',
foregroundColors: {
default: {
default: '#333333',
subtle: '#484644'
}
}
},
attention: {
backgroundColor: '#FFC5B2',
foregroundColors: {
default: {
default: '#333333',
subtle: '#484644'
}
}
},
warning: {
backgroundColor: '#FFE2B2',
foregroundColors: {
default: {
default: '#333333',
subtle: '#484644'
}
}
}
},
supportsInteractivity: true,
fontFamily: primaryFont,
imageSizes: {
small: 40,
medium: 80,
large: 160
},
actions: {
actionAlignment: 'stretch',
actionsOrientation: 'vertical',
buttonSpacing: 8,
maxActions: 100,
showCard: {
actionMode: 'inline',
inlineTopMargin: 8
},
spacing: 'default'
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: 'medium',
maxImageHeight: 100
},
factSet: {
title: {
color: 'default',
size: 'default',
isSubtle: false,
weight: 'bolder',
wrap: true,
maxWidth: 150
},
value: {
color: 'default',
size: 'default',
isSubtle: false,
weight: 'default',
wrap: true
},
spacing: 8
}
};
}