bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor Refinements to Colours

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-17 18:50:18 +02:00
parent 9c953d5ade
commit b061b7ab9d
11 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/melodies/MelodyDetail.jsx
View File

@@ -136,14 +136,14 @@ export default function MelodyDetail() {
<button
onClick={() => navigate(`/melodies/${id}/edit`)}
className="px-4 py-2 text-sm rounded-md transition-colors"
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}
style={{ backgroundColor: "var(--text-link)", color: "var(--text-white)" }}
>
Edit
</button>
<button
onClick={() => setShowDelete(true)}
className="px-4 py-2 text-sm rounded-md transition-colors"
style={{ backgroundColor: "var(--danger-btn)", color: "#fff" }}
style={{ backgroundColor: "var(--danger)", color: "var(--text-white)" }}
>
Delete
</button>

2
frontend/src/melodies/MelodyForm.jsx
View File

@@ -337,7 +337,7 @@ export default function MelodyForm() {
</label>
</div>
</div>
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}
<div className="flex items-center gap-2 pt-2">
<input type="checkbox" id="isTrueRing" checked={information.isTrueRing} onChange={(e) => updateInfo("isTrueRing", e.target.checked)} className="h-4 w-4 rounded" />
<label htmlFor="isTrueRing" className="text-sm font-medium" style={labelStyle}>True Ring</label>

4
frontend/src/melodies/MelodyList.jsx
View File

@@ -256,7 +256,7 @@ export default function MelodyList() {
<button
onClick={() => navigate("/melodies/new")}
className="px-4 py-2 text-sm rounded-md transition-colors cursor-pointer"
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}
>
Add Melody
</button>
@@ -443,7 +443,7 @@ export default function MelodyList() {
<button
onClick={() => navigate(`/melodies/${row.id}/edit`)}
className="text-xs cursor-pointer"
style={{ color: "var(--accent)" }}
style={{ color: "var(--text-link)" }}
>
Edit
</button>

8
frontend/src/melodies/MelodySettings.jsx
View File

@@ -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)" }}
>
&times;
</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>

2
frontend/src/melodies/TranslationModal.jsx
View File

@@ -83,7 +83,7 @@ export default function TranslationModal({
type="button"
onClick={handleSave}
className="px-4 py-2 text-sm rounded-md transition-colors"
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-heading)" }}
style={{ backgroundColor: "var(--btn-primary)", color: "var(--text-white)" }}
>
Save Translations
</button>