Sass Variable Reference

Here is a list of sass variables you can set in your admin themes.

Note

Remember that bootstrap also defines many variables you can customise. Perform uses these variables throughout, so any changes you make to them will cascade across Perform styles too. Look for _variables.scss in the bootstrap source for the complete list.

https://getbootstrap.com/docs/4.0/getting-started/theming/

$p-comp-datepicker-cell-border-radius

Border radius of datepicker cells.

Default value: 4em

$p-comp-datepicker-cell-hover-bg

Background color of hovered datepicker cells.

Default value: gray('200')

$p-comp-datepicker-cell-hover-color

Color of hovered datepicker cells.

Default value: $body-color

$p-comp-datepicker-othercell-color

Color of datepicker cells not in the current range.

Default value: gray('400')

$p-comp-datepicker-othercell-hover-bg

Color of hovered datepicker cells not in the current range.

Default value: gray('200')

$p-comp-datepicker-othercell-hover-color

Background color of hovered datepicker cells not in the current range.

Default value: gray('500')

$p-header-bg

Background color of the header.

Default value: $light

$p-sidebar-bg

Background color of the sidebar menu.

Default value: $secondary

$p-sidebar-color

Color of the text in the sidebar.

Default value: $white

$p-sidebar-highlight

Color of the highlighted menu items in the sidebar.

Default value: $gray-500

$p-sidebar-width

Width of the sidebar.

Default value: 210px

$placeholder-color

Default value: #cdcdcd