Styling & Formatting

Note

This help should be accurate and comprehensive. If you see anything missing or that needs to be fixed, see How to Contribute or let us know in the Juice Slack #documentation channel.

Often you will want to customize the look of an app to better match content and flow of your Juicebox design.

Here are the key parts:

• Colors: $theme-primary-color & $theme-accent-color in the theme.yaml file.
• Backgrounds: The header and background in stack.yaml file.
• Sections: Grouping slices into sections in the style attribute under slices in your stack.yaml file.

The following sections will take you through those key parts and more.

• App theme.yaml file
• Applying Backgrounds to Stacks and Slices
• Styling Slices & Sections

Are you looking for how to format numbers? Check Number formatting