--- title: Sidebar skins slug: sidebar/skins path: ../ --- {% extends "layouts/default.html" %} {% block page %}

{{ title }}

There are two base skin variants that you get out of the box for making a sidebar with a light background color and dark text color or a sidebar with dark background color and light text color.

CSS Class Description
.sidebar-light Defines the basic style for a sidebar with a light background color and dark text color.
.sidebar-dark Defines the basic style for a sidebar with a dark background color and light text color.
{% include 'code/sidebar/skins.html' %}
{% endblock %}