Seeking Nav Bar theme designs

[Melooon]

Hello! The everyone site now includes nav bar theme swapping and you can learn about that in the wiki! https://wiki.melonland.net/pad#nav_bar_style

However I'm aware that all the existing themes are based on forum main pages, they are no generic custom themes that might fit more broadly with everyone pages. SO I'm making this thread in case anyone wants to make some nav bar themes to have included.

To make design a theme, the best option is to inspect the nav bar on the everyone site (doing it on the forum is kinda messy), and look for the global variables, you can mess with them in the inspector to design your theme, then post the results here.

All of these values can be modified in a new theme.

Code

:root {
  --nav-background-colour: grey;
  --nav-background-image: url('https://nav.melonland.net/icons/010C.jpg');
  --nav-border-colour: black;
  --nav-edge-border: 1px solid #282828;
  --nav-text-colour: white;
  --nav-text-shadow: rgba(102, 47, 255, 0.9) 3px 3px;
  --nav-alt-colour: yellow;
  --nav-accent-colour: yellow;
  --nav-accent-filter: drop-shadow(6px 6px 8px #ffd149a1);
  --nav-link-colour: yellow;
  --nav-link-hover-colour: white;
  --nav-shadow-colour: #00072b8a;
}

Post your theme designs here and if there are any popular ones I will add them in as official options 

[ribose]

the best option is to inspect the nav bar on the everyone site

i love inspecting elements and using my broswer's devtools BUT something compelled me to make basically the same thing on an everyone site page 

behold, the Nav Bar Theme Designer~
type values into the boxes and they will apply to the nav bar!

[Melooon]

ype values into the boxes and they will apply to the nav bar!

This is super handy I added output boxes so it gives you the direct CSS plus a JS version I can include directly in the nav script, so its very handy to use now