Custome theme

[victorzelenyi]

Hi, I was wondering is there a way to create your own theme besides the ones that are in package? If there is, then what would be the best way?

[sbwalker]

There is an example of a custom theme here: https://github.com/oqtane/oqtane.theme.cerulean

A custom theme is comprised of razor components in the Client project - some which inherit from ThemeBase (theme components) and some from ContainerBase (container components).

Theme components are the structure and layout for your pages. They include embedded theme controls such as Menu, Login, etc... Theme components must contain Pane components which indicate locations where modules will be dynamically injected at runtime.

Container components are containers for individual module instances. They include embedded container controls such as ModuleActions, ModuleTitle, etc... Container components must contain a ModuleInstance component which is where the module output will be dynamically rendered at runtime.

Themes can optionally contain an implementation of the ITheme interface which provides metadata about the theme.

Themes may have static resources such as images or CSS files which will be located in the Server project in the wwwroot folder with a subfolder name matching the theme name.