NoUI Theme has several built-in features that can be easily customized. Basically, those features are anything that includes functionality in the theme.
Options for Features
There are several Feature Options that can be customized, namely:
Color Mode
This setting is useful for enabling or disabling the Color Mode (Dark/Light Mode) Features. Here are some steps to customize it:
- Go to Blogger Dashboard, select the Theme menu;
- Click the CUSTOMIZE button;
- Click Advanced Dropdown, click Default Options Dropdown and Select Feature Options.
- Look for the Slider setting named Color Mode (Disable | Enable), drag the slider right or left. Here is the explanation:
- 1px: Disable - Color Mode will be disabled;
- 2px: Enable - Color Mode will be enabled;
- Click the Save button (diskette icon) in the lower right corner.
Information:
- After enabling this feature, you can also adjust the color via Color Settings.
Dark/Light Logo
This setting is useful for setting a Light Logo or Dark Logo for the Color Mode feature. Here are some steps to customize it:
- Go to Blogger Dashboard, select the Layout menu;
- Look for the section titled Theme Panel Top;
- Click the edit button (pencil icon) on the JavaScript Variables (Link List Gadget);
- A Link List Configuration Popup will appear;
- You can skip the Title and Number of items to show in list input;
- In the Sorting section, you can choose between Don't sort, Sort Alphabetically and Sort Reverse Alphabetically. Please choose according to your wishes (Optional);
- Click the ADD A NEW ITEM button. Here are a few things that can be set:
- In the Site name input, type
logoDark
; - In the Site URL input, enter your image URL (Logo Image for Dark Mode);
- If both inputs are set, click the SAVE button next to them;
- In the Site name input, type
- Click the ADD A NEW ITEM button again. Here are a few things that can be set:
- In the Site name input, type
logoLight
; - In the Site URL input, enter your image URL (Logo Image for Light Mode);
- If both inputs are set, click the SAVE button next to them.
- In the Site name input, type
- If you want to finish the configuration, click the SAVE button at the bottom.
Attention:
- This setting is only useful if you enable the Color Mode feature;
- Make sure you have filled in the
logoLight
andlogoDark
inputs correctly.
Color Settings
There are several color settings for Features on NoUI that can be customized, namely:
- Dark Mode Key Color: To set the Main Dark Mode color;
- Dark Mode Background Color: To set the Dark Mode background color;
- Dark Mode Text Color: To set the Dark Mode text color;
- Dark Mode Meta Color: To set the Dark Mode Meta/text color;
- Dark Mode Border Color: To set the Dark Mode border color.
Information:
- Dark Mode Key Color, Dark Mode Background Color, Dark Mode Text Color, Dark Mode Meta Color, Dark Mode Border Color Options can only work if you have enabled the Color Mode feature.
Here are some steps to customize it:
- Go to Blogger Dashboard, select the Theme menu;
- Click the CUSTOMIZE button;
- Click Advanced Dropdown, click Default Options Dropdown and Select Feature Options;
- Find a color setting and select the color you want to change;
- Click the Save button (diskette icon) in the lower right corner.
Those are some steps to configure the Features. If you have any questions, please write them in the comments section.