metafizzy / metafizzy/huebee

Set initial color

Open
#4 1 comment 0 reactions 0 assignees View on GitHub
feature request
Dominant language
JavaScript
Stars
411
Forks
43
PR merge metrics
No merged PRs in 30d

Description

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 `` elements by setting their value

``` html

```

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

### 😆 Add `initialColor` option.

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

``` html
Set color
```

### 🎉 Read initial color from text

``` html
#C25
```

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

``` html
#C25
```

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue presents three competing approaches for setting Huebee's initial color: an initialColor option, button text, or a background-color style. Start with the Huebee constructor and the data-huebee configuration shown here; completion depends on selecting one approach and implementing the resulting behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.