Set initial color

[desandro]

Vote for your preferred method to set initial color by adding a 😆 , 🎉 , or ❤️ reaction for the corresponding solution

Do not add "+1" comment — they will be deleted. Subscribe for issue notifications using the button in the sidebar.

---

You can set initial color with <input> elements by setting their value

<input value="#C25" />

But there's no standard way to set initial color for non-inputs.

😆 Add initialColor option.

new Huebee( elem, {
  initialColor: '#C25',
}

<button data-huebee='{ "initialColor": "#C25" }'>Set color</button>

🎉 Read initial color from text

<button>#C25</button>

❤️ Read initial color from style=" background-color: ..." attribute

<button style="background-color: #C25">#C25</button>

[lukewhitehouse]

😆

The JS options approach will provide more flexibility and keep reliance away from the markup as much as possible, IMO