A theme consists of UI elements such as logos, images, landing page text, background colors etc. WSO2 API Store comes with a default theme called
Fancy. The easiest way to change the user interface of the API Store is by customising customizing the default theme.
In this tutorial, you change the default API Store theme by applying your customizations.
All themes have a folder structure similar to the following:
Because Since the default theme already has most of the UIs and JSON logic defined, in a typical scenario, you do would not implement a the theme from scratch. You can customise customize the default theme by bundling up together the changes (e.g., CSS code, images) as a .zip file, and uploading it through the Admin Dashboard Web application. Once uploaded, the files in the .zip override the corresponding files in the default theme. The rest is inherited from the default theme.
Let's get started. See the video tutorial here or a step-by-step walk-through of the video tutorial below.