Create and use your own theme

How to use it, step by step

1. Open the theme menu using the palette icon in the header and choose Create my theme. You do not need to sign in.
2. Enter a Theme name to identify your creation in the menu. Names accept up to 48 characters; leaving it blank uses My theme.
3. Choose a Starting theme and click Load starting theme to copy its colors. This replaces the colors being edited in both modes; loading a starting theme does not apply or save it to the site.
4. Use Light and Dark to edit each version separately. Click the color swatches to change backgrounds, text, cards, buttons, menus, borders and the sidebar. The undo button beside each color restores only that field to its saved value or loaded starting theme, leaving other colors unchanged.
5. Check the Live preview: cards, buttons, badges, a menu, a sidebar, a checkbox, a switch, and focused or disabled fields show the colors being edited. The rest of the site changes only after saving.
6. Check Text contrast. Aim for at least 4.5:1 for regular text in the pairs shown. These indicators help you choose colors but do not check every screen.
7. Click Save and use to store and apply the theme. It appears in the dropdown with your chosen name and three color swatches that follow light or dark mode. You can switch back to a preset without deleting your creation.
8. To edit it again, open Create my theme: your saved colors and name will load. Restore saved theme discards unsaved changes; if no custom theme has been saved yet, it reloads the selected starting theme.