Theme Customizer

Customize layout & themes

Sidenav View

Choose sidenav layout style

Display Mode
Select Light or Dark
Direction
Select a direction
Sidenav Color
Select sidenav theme color

Accordion

Default Accordion

Standard expandable list items using HTML5 details and summary tags.

How do I create an account?
Click the "Sign Up" button in the top right corner and follow the registration process.
I forgot my password. What should I do?
Click on "Forgot Password" on the login page and follow the instructions sent to your email.
How do I update my profile information?
Go to "My Account" settings and select "Edit Profile" to make changes.

Accordion with arrow icon

Accordion items using CSS arrows to indicate expanded or collapsed states.

How do I create an account?
Click the "Sign Up" button in the top right corner and follow the registration process.
I forgot my password. What should I do?
Click on "Forgot Password" on the login page and follow the instructions sent to your email.
How do I update my profile information?
Go to "My Account" settings and select "Edit Profile" to make changes.

Accordion with icon

Accordion elements featuring plus and minus icons for expanding sections.

How do I create an account?
Click the "Sign Up" button in the top right corner and follow the registration process.
I forgot my password. What should I do?
Click on "Forgot Password" on the login page and follow the instructions sent to your email.
How do I update my profile information?
Go to "My Account" settings and select "Edit Profile" to make changes.

Technical Content

Accordion styled with system metrics and interactive buttons inside the body.

System Diagnostics
CPU Load 12.4%
Memory usage 2.4GB / 16GB
Network Latency 142ms

Accordion Custom

Custom styled accordion with colored background indicators for active items.

How do I create an account?
Click the "Sign Up" button in the top right corner and follow the registration process.
I forgot my password. What should I do?
Click on "Forgot Password" on the login page and follow the instructions sent to your email.
How do I update my profile information?
Go to "My Account" settings and select "Edit Profile" to make changes.