How to customize dark mode in AMA theme?

We have enabled dark mode in the AMA theme for better readability and flexibility for users. In this documentation, we will walk you through some customization techniques, so that you can customize the dark mode better, even when you are building new pages.

We have created some CSS classes to help customize the website. For example – in the following screenshot, we have used a class ‘bg_gradient’ for outputting a beautiful background, it will be a simple light background, as soon as you switch to dark mode.

Here is a list of these types of classes –

For developers who are competent in CSS –

We have created some CSS variables, which will provide good colors, both in light and dark modes.

You can apply these variables while using CSS.