====================
Styling & Formatting
====================

.. include:: ../complete.rst

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.

.. toctree::
   :maxdepth: 1

   theme_yaml
   backgrounds
   styling_slices

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