Old Aether sidebar

This custom code brings back the old Aether template sidebar style.

It updates the sidebar navigation so each menu item has a styled icon block, hover color, and active menu state. This makes the current page easier for visitors to identify while keeping the original Aether-style sidebar experience.

Recommended Super setup

• Can be used with the current Aether template.
• Restores the older Aether-style sidebar look, including styled icons, hover states, and clearer active menu styling.
• Can also work independently, as long as the site uses Super’s sidebar navigation.

Installation instructions

1. Open your site in the Super Dashboard.
2. Make sure the site uses Super’s sidebar navigation.
3. Set up your sidebar menu:
• Use a list sidebar menu for grouped menus with titles.
• Use a normal sidebar page menu for regular sidebar links.
4. Go to the Code section of your Super dashboard.
5. Paste the stylesheet into the Head tab.
Copy

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/old-sidebar/side-bar-v2.css">

6. Paste the script into the Body tab.
Copy

<script src="https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/old-sidebar/side-bar-v2.js"></script>

7. Save your changes.
8. Refresh the live site.

Optional style customization

You can customize the sidebar icon styles by editing the CSS variables.