Themes - Theme Solution Explained

A Oqtane Theme Solution is a Visual Studio project which is the basis for building a theme.

It will typically contain the following in one or more projects:

1. The basics such as the ThemeInfo.cs, the theme files and the container files.
2. A wwwroot folder with the CSS and JS files.
3. A .nuspec file to package the theme into a nuget package.
4. Code and specs to build / compile the result - such as package.json and webpack.config.json.
5. Code and specs to deploy the result - such as a .nuspec file.
6. An icon file, copyright information and more.

In the example of the Arsha theme you can see that the theme solution contains two projects:

1. The first one is the theme and everything it consists of
2. The second one is the packaging project which separates nuget-creation into a separate project.

Tip

This separation of projects makes work easier, so we recommend you do the same.

See also Oqtane Dev Best Practices: Separate Solutions for Each Extension.

---

Main Author

Daniel Mettler, @iJungleboy [MS MVP, Oqtane Core Team]

Content Management Expert, Chief Architect of 2sxc and cre8magic.
Forged in the jungles of Indonesia, lives in Switzerland , loves Oqtane 🩸 & 2sxc 💜.

LinkedIn | Discord: @iJungleboy | Twitter: @iJungleboy | Github: @iJungleboy