UI-Bereiche · backupctl / astrapi-flask-ui
--sb
· Sidebar-BG
--bg
· Content-BG
--card
· Karte aktiv
--card-off
· Karte inaktiv
--b
· Akzent / Primary
--g
· Grün / Toggle ON
--r
· Rot / Toggle OFF / Danger
Hauptansicht
backupctl
① .sb-logo
Backup
② .nav-group-label
Borg
③ .nav-item.active
Rsync
Proxmox
Hosts
Jobs
#sidebar · --sb
Borg
▶ Alle
+ Neu
⚙
⑤ .page-title
⑥ .page-header Aktionen (btn-ghost / btn-primary / btn-icon)
nas-home
läuft
Quelle
server:/home
Ziel
nas:/backup/borg
⑦ .ds-card.on
Toggle ON · --g
.run-badge
▶ run · ⚙ debug · 📄 log
✏ edit · 🗑 delete
nas-docs
Quelle
server:/docs
Ziel
nas:/backup/borg
⑧ .ds-card.off · --card-off
Toggle OFF · --r
workstation
Quelle
ws:/home/user
Ziel
nas:/backup/borg
.card-footer links: .btn-icon-run/debug/log
.card-footer rechts: .btn-icon edit/del
Create/Edit Modal
⊕ Neuen Job erstellen
Name
*
Quelle
Ziel
.ds-modal · --card
.form-input:focus · --b
Confirm Modal
nas-docs
Möchtest du diesen Eintrag wirklich
löschen
?
.confirm-icon · --err-bg
CSS-Variablen (Dark)
--bg
#1e1e1e
--sb
#242424
--card
#2f2f2f
--card-off
#2e2d32
--card-hi
#383838
--b
#708fa6
--g
#26a269
--r
#e01b24
--text
#efeef3
--text-2
65% text
--text-3
35% text
--btn-2
ghost btn
Nummerierung: ① #sidebar ② .nav-group-label ③ .nav-item.active ④ .sb-footer ⑤ .page-title ⑥ .page-header Aktionen ⑦ .ds-card.on ⑧ .ds-card.off