Bootstrap 5 Customization

Global options
Spacer Border radius Box shadow Gradients Transitions Caret Button pointers Validation icons Negative margins Important utilities
Colors
Colors overview Add to theme colors Remove from theme colors Defining color palette
Layout
Breakpoints Container Grid
Content
Typography Images Tables Figures
Forms
Range
Components
Breadcrumb Card Carousel Modal Progress Spinners
Helpers
Ratio
Utilities
Borders Position Spacing Utility API

Range

Change range track height, thumb width and thumb border radius.

SCSS:

$form-range-track-height: 1rem;
$form-range-thumb-width: 2rem;
$form-range-thumb-border-radius: 2rem;