Lighthouse is Harbor School’s open-source design system for its integrated design & development workflow.
Lighthouse Design System provides a documentation site for more details.
Theme Switcher component is used to defining themes for targeted Framer canvas. Drop it to a specific page of Framer, and it applies with theme tokens to nearby components.
Theme Switcher gives a Light/Dark theme. If you want to use a custom theme, change the theme property to “Custom,” and upload the .json format file to Theme Switcher to get the components’ custom appearance.
Custom Theme could be made using the Theme Generator to make a custom theme of the system.
You can override all properties of components. The list of properties could be found on the documentation site.