Hello, this is a template profile.
This profile is made to be grabbed from The CodePen Page

Put the content of the HTML box in your “Profile Body” box and tick “Use HTML For Profile Body”
Put the content of the CSS box in the Stylesheet box and make sure “Use Bootstrap Styles” is not ticked.
Put the content of the JS box in your JavaScript box.

You only need to input one colour as a HSL value and the profile code works out other colours from that.
You can convert colours to HSL using this tool
The profile then selects a complimentary colour and shades in order to attempt to make the profile have a consistent and attractive theme without requiring the user to plug in 20 colour codes into various CSS classes.


The profile is also made to work on most screen sizes, and be intuitive for mobile.
PSA if your text is hyper-small you didn't disable Bootstrap.

---

---

There’s no guarantee your chosen colour will look good! As there’s no advanced math or intelligence in the way it chooses the complimentary colour.

If you get a bad result and don’t like the colour it’s chosen for your profile play with the “--color-rotate: -70; value. 0 is the same colour. 180 would be the opposite colour, and considered “complimentary” or “clashing” depending on who you ask.