Minor Refinements to Colours
This commit is contained in:
@@ -192,7 +192,7 @@ export default function MelodySettings() {
|
||||
<option value="">Select language...</option>
|
||||
{availableLangsToAdd.map((l) => (<option key={l.code} value={l.code}>{l.name} ({l.code})</option>))}
|
||||
</select>
|
||||
<button type="button" onClick={addLanguage} disabled={!langToAdd || saving} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}>Add</button>
|
||||
<button type="button" onClick={addLanguage} disabled={!langToAdd || saving} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}>Add</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -212,7 +212,7 @@ export default function MelodySettings() {
|
||||
onClick={() => removeColor(color)}
|
||||
disabled={saving}
|
||||
className="absolute -top-1.5 -right-1.5 w-5 h-5 rounded-full text-xs opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
|
||||
style={{ backgroundColor: "var(--danger-btn)", color: "#fff" }}
|
||||
style={{ backgroundColor: "var(--danger-btn)", color: "var(--text-white)" }}
|
||||
>
|
||||
×
|
||||
</button>
|
||||
@@ -234,7 +234,7 @@ export default function MelodySettings() {
|
||||
placeholder="#FF0000"
|
||||
className="w-28 px-3 py-2 rounded-md text-sm font-mono border"
|
||||
/>
|
||||
<button type="button" onClick={addColor} disabled={saving} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}>Add</button>
|
||||
<button type="button" onClick={addColor} disabled={saving} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}>Add</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -272,7 +272,7 @@ export default function MelodySettings() {
|
||||
placeholder="Seconds (e.g. 45)"
|
||||
className="w-40 px-3 py-2 rounded-md text-sm border"
|
||||
/>
|
||||
<button type="button" onClick={addDuration} disabled={saving || !durationToAdd} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}>Add</button>
|
||||
<button type="button" onClick={addDuration} disabled={saving || !durationToAdd} className={btnPrimary} style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}>Add</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user