AudioMainStyles( colorParser: ( color: | "primary" | "blue5" | "white" | "textFaded" | "navigation" | "navigationTop" | "navigationSide" | "background" | "drawer" | "cards" | "cardDivider" | "cardSectionSeparator" | "fieldsOnCard" | "fieldsFloating" | "buttonSecondary" | "iconsDisabled" | "red" | "orange" | "greenDark" | "greenLight" | "text" | "redDark" | "orangeDark" | "greenDark2" | "blueDark" | "lineColor" | "iconButtonBg", ) => undefined | string,): { container: { background: string; borderRadius: string; height: string; padding: string; position: string; }; iconStyle: { bottom: number; height: { md: number; xs: number }; left: string; position: string; transform: string; width: { md: number; xs: number }; }; progressStyle: { left: string; position: string; top: string; transform: string; }; visualizerContainer: { height: string; left: string; position: string; top: string; transform: string; width: string; };} Parameters
- colorParser: (
color:
| "primary"
| "blue5"
| "white"
| "textFaded"
| "navigation"
| "navigationTop"
| "navigationSide"
| "background"
| "drawer"
| "cards"
| "cardDivider"
| "cardSectionSeparator"
| "fieldsOnCard"
| "fieldsFloating"
| "buttonSecondary"
| "iconsDisabled"
| "red"
| "orange"
| "greenDark"
| "greenLight"
| "text"
| "redDark"
| "orangeDark"
| "greenDark2"
| "blueDark"
| "lineColor"
| "iconButtonBg",
) => undefined
| string
Returns {
container: {
background: string;
borderRadius: string;
height: string;
padding: string;
position: string;
};
iconStyle: {
bottom: number;
height: { md: number; xs: number };
left: string;
position: string;
transform: string;
width: { md: number; xs: number };
};
progressStyle: {
left: string;
position: string;
top: string;
transform: string;
};
visualizerContainer: {
height: string;
left: string;
position: string;
top: string;
transform: string;
width: string;
};
}