Scarriffle/Flaro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Halo heisst ab hier Flaro — die Marke stand im Weg

Browse Source 
Der Upload zu App Store Connect scheiterte am Namen. „Halo" ist eine
eingetragene Marke von Microsoft; im App Store heisst zwar keine App exakt
so, aber reservierte und markenrechtlich belegte Namen tauchen in keiner
Suche auf. Der einzige verlässliche Test war die Eingabe dort, und die ging
daneben.

**Der Name wurde diesmal vorher geprüft.** Zwanzig Kandidaten gegen den
deutschen und amerikanischen App Store, auf exakte Treffer und auf ähnliche
Namen. „Kavo" wäre dieselbe Wand gewesen — exakt belegt in beiden Stores, in
Deutschland von KaVo Dental GmbH. „Flare" ist mit 42 ähnlichen Apps je Store
der am dichtesten besetzte Name der ganzen Runde. **Flaro** ist in beiden
frei und liest sich als eigenes Wort, nicht als Flare mit Tippfehler.

Das bleibt eine Store-Suche und keine Markenrecherche — reservierte Namen
ohne veröffentlichte App sieht sie nicht. Aber es ist mehr Prüfung, als beim
letzten Mal stattfand.

---

2160 Textvorkommen in 273 Dateien, 49 Pfade. Betroffen ist diesmal auch der
Server: `Flaro.Api`, `Flaro.Core`, `Flaro.Data`, `Flaro.Media`,
`Flaro.Metadata`, `FlaroContext`, `FlaroPaths`, `flaro.db`, die Variablen
`FLARO_DATA`, `FLARO_CACHE`, `FLARO_TRANSCODE`, `FLARO_WRITE_SIDECARS`, und
das Image.

**Vor dem Ersetzen geprüft**, ob „halo" irgendwo als Teil eines anderen
Wortes steckt — und ob es im TMDB-Token vorkommt. Tat es nicht; ein blindes
Ersetzen hätte den sonst zerlegt.

`docs/superpowers/specs/` bleibt wie beim letzten Mal unangetastet: datierte
Entwurfsdokumente sind ein Protokoll getroffener Entscheidungen. Das
Server-Dokument hat stattdessen einen Nachtrag bekommen, damit es niemanden
in die Irre führt.

**Die Bundle-ID wandert mit**, zum zweiten Mal an einem Tag:
`com.scarriffleservices.flaro`. Wer die vorige Fassung installiert hat, hat
jetzt zwei Karteileichen auf dem Gerät — beide löschen, dann ist Ruhe.

308 Server-Tests grün, 368 im Swift-Paket, null Warnungen. iOS und tvOS
bauen, das Image baut, und ein frischer Container läuft durch Einrichtung
und Anmeldung.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-10-03 19:38:27 +02:00
co-authored by Claude Opus 5
parent f98b995050
commit a7cf6c5def
390 changed files with 2078 additions and 2069 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/jellyfin-theme/halo.css → web/jellyfin-theme/flaro.css
+69 -69
View File
@@ -1,8 +1,8 @@
/* ============================================================================
Halo für Jellyfin Web
Flaro für Jellyfin Web
----------------------------------------------------------------------------
Bringt Jellyfins Weboberfläche auf die Farben, Schrift und Formen der
Halo-App. Es ist ein Kleid, kein Umbau: die Oberfläche bleibt Jellyfins,
Flaro-App. Es ist ein Kleid, kein Umbau: die Oberfläche bleibt Jellyfins,
sie sieht nur anders aus.
EINBAUEN
@@ -26,32 +26,32 @@
Orchid #C04AC9 · Rose #F76190
Voreingestellt ist Orchid — die Farbe, die auf dem iPad eingestellt
ist. Die App selbst kommt ab Werk mit Mint. */
--halo-accent: #C04AC9;
--flaro-accent: #C04AC9;
/* ---- Die Flächen der App, von hinten nach vorn ---------------------- */
--halo-canvas: #0B0B0D; /* Seitenhintergrund */
--halo-surface: #141417; /* Karten, Kopfbereiche */
--halo-elevated: #1D1D21; /* Blätter, Menüs */
--halo-placeholder: #26262B; /* Platzhalter, gedrückte Zustände */
--flaro-canvas: #0B0B0D; /* Seitenhintergrund */
--flaro-surface: #141417; /* Karten, Kopfbereiche */
--flaro-elevated: #1D1D21; /* Blätter, Menüs */
--flaro-placeholder: #26262B; /* Platzhalter, gedrückte Zustände */
--halo-text: #F5F5F7;
--halo-text-secondary: #A0A0A8;
--halo-text-muted: #6E6E76;
--halo-destructive: #E5484D;
--halo-separator: rgba(255, 255, 255, 0.10);
--flaro-text: #F5F5F7;
--flaro-text-secondary: #A0A0A8;
--flaro-text-muted: #6E6E76;
--flaro-destructive: #E5484D;
--flaro-separator: rgba(255, 255, 255, 0.10);
/* ---- Formen --------------------------------------------------------- */
--halo-radius-card: 8px;
--halo-radius-control: 10px;
--halo-radius-sheet: 16px;
--halo-radius-panel: 22px; /* die schwebende Leiste */
--flaro-radius-card: 8px;
--flaro-radius-control: 10px;
--flaro-radius-sheet: 16px;
--flaro-radius-panel: 22px; /* die schwebende Leiste */
/* ---- Schrift --------------------------------------------------------
Der größte einzelne Hebel. Jellyfin liefert Noto Sans aus; die
Systemschrift macht aus derselben Seite sofort eine, die auf den
Rechner gehört — SF auf Mac und iPhone, Segoe UI Variable auf
Windows 11. */
--halo-font: -apple-system, BlinkMacSystemFont, "SF Pro Text",
--flaro-font: -apple-system, BlinkMacSystemFont, "SF Pro Text",
"Segoe UI Variable Text", "Segoe UI", system-ui,
Roboto, "Helvetica Neue", sans-serif;
@@ -59,52 +59,52 @@
Hier entsteht der Großteil der Wirkung: Jellyfin baut auf einer
MUI-Palette auf, und wer die verstellt, verstellt alles, was darauf
aufsetzt — inklusive Bauteilen, die dieses CSS gar nicht kennt. */
--jf-palette-background-default: var(--halo-canvas);
--jf-palette-background-default: var(--flaro-canvas);
--jf-palette-background-defaultChannel: 11 11 13;
--jf-palette-background-paper: var(--halo-surface);
--jf-palette-background-paper: var(--flaro-surface);
--jf-palette-background-paperChannel: 20 20 23;
--jf-palette-primary-main: var(--halo-accent);
--jf-palette-primary-dark: var(--halo-accent);
--jf-palette-primary-light: var(--halo-accent);
--jf-palette-secondary-main: var(--halo-accent);
--jf-palette-secondary-dark: var(--halo-accent);
--jf-palette-secondary-light: var(--halo-accent);
--jf-palette-primary-main: var(--flaro-accent);
--jf-palette-primary-dark: var(--flaro-accent);
--jf-palette-primary-light: var(--flaro-accent);
--jf-palette-secondary-main: var(--flaro-accent);
--jf-palette-secondary-dark: var(--flaro-accent);
--jf-palette-secondary-light: var(--flaro-accent);
/* Schrift auf dem Akzent: hell, weil die Palette der App durchweg
kräftige Farben hat. Bei einem hellen Akzent (Amber, Lime) hier auf
#101013 stellen, sonst verschwindet die Beschriftung. */
--jf-palette-primary-contrastText: #FFFFFF;
--jf-palette-secondary-contrastText: #FFFFFF;
--jf-palette-text-primary: var(--halo-text);
--jf-palette-text-secondary: var(--halo-text-secondary);
--jf-palette-text-disabled: var(--halo-text-muted);
--jf-palette-text-icon: var(--halo-text-secondary);
--jf-palette-divider: var(--halo-separator);
--jf-palette-text-primary: var(--flaro-text);
--jf-palette-text-secondary: var(--flaro-text-secondary);
--jf-palette-text-disabled: var(--flaro-text-muted);
--jf-palette-text-icon: var(--flaro-text-secondary);
--jf-palette-divider: var(--flaro-separator);
--jf-palette-error-main: var(--halo-destructive);
--jf-palette-error-main: var(--flaro-destructive);
--jf-palette-error-dark: #B4373B;
--jf-palette-error-light: #EC6E72;
--jf-palette-action-hover: rgba(255, 255, 255, 0.06);
--jf-palette-action-selected: rgba(255, 255, 255, 0.12);
--jf-palette-action-disabled: var(--halo-text-muted);
--jf-palette-action-disabled: var(--flaro-text-muted);
/* Die Kopfleiste trägt die Insel — sie selbst bleibt durchsichtig. */
--jf-palette-AppBar-defaultBg: transparent;
--jf-palette-AppBar-darkBg: transparent;
--jf-card-borderRadius: var(--halo-radius-card);
--jf-shape-borderRadius: var(--halo-radius-control);
--jf-card-borderRadius: var(--flaro-radius-card);
--jf-shape-borderRadius: var(--flaro-radius-control);
}
/* ---- Grundfläche und Schrift --------------------------------------------
`html` bekommt seinen Hintergrund bei Jellyfin unmittelbar gesetzt und
nicht über die Palette — deshalb steht er hier noch einmal ausdrücklich. */
html {
background-color: var(--halo-canvas) !important;
font-family: var(--halo-font) !important;
color: var(--halo-text);
background-color: var(--flaro-canvas) !important;
font-family: var(--flaro-font) !important;
color: var(--flaro-text);
}
body,
@@ -117,12 +117,12 @@ textarea,
.emby-select,
.cardText,
.sectionTitle {
font-family: var(--halo-font) !important;
font-family: var(--flaro-font) !important;
}
.backgroundContainer,
.mainAnimatedPage {
background-color: var(--halo-canvas) !important;
background-color: var(--flaro-canvas) !important;
}
/* ---- Die Kopfleiste als schwebende Insel --------------------------------
@@ -136,8 +136,8 @@ textarea,
background: rgba(20, 20, 23, 0.72) !important;
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border: 1px solid var(--halo-separator);
border-radius: var(--halo-radius-panel);
border: 1px solid var(--flaro-separator);
border-radius: var(--flaro-radius-panel);
margin: 10px 12px 0;
width: calc(100% - 24px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
@@ -149,18 +149,18 @@ textarea,
/* ---- Die Seitenleiste ---------------------------------------------------- */
.mainDrawer {
background-color: var(--halo-surface) !important;
border-right: 1px solid var(--halo-separator);
background-color: var(--flaro-surface) !important;
border-right: 1px solid var(--flaro-separator);
}
.navMenuOption {
border-radius: var(--halo-radius-control);
border-radius: var(--flaro-radius-control);
margin: 2px 8px;
}
.navMenuOption-selected {
background: var(--halo-elevated) !important;
color: var(--halo-accent) !important;
background: var(--flaro-elevated) !important;
color: var(--flaro-accent) !important;
}
/* ---- Karten -------------------------------------------------------------
@@ -171,7 +171,7 @@ textarea,
.cardContent,
.cardScalable,
.cardOverlayContainer {
border-radius: var(--halo-radius-card) !important;
border-radius: var(--flaro-radius-card) !important;
}
.cardBox {
@@ -179,11 +179,11 @@ textarea,
}
.cardText {
color: var(--halo-text);
color: var(--flaro-text);
}
.cardText-secondary {
color: var(--halo-text-secondary);
color: var(--flaro-text-secondary);
}
.defaultCardBackground,
@@ -192,13 +192,13 @@ textarea,
.defaultCardBackground3,
.defaultCardBackground4,
.defaultCardBackground5 {
background-color: var(--halo-placeholder) !important;
background-color: var(--flaro-placeholder) !important;
}
/* Der Fortschrittsbalken auf angefangenen Titeln — in der App trägt er den
Akzent, und er ist dünner als Jellyfins Voreinstellung. */
.itemProgressBarForeground {
background-color: var(--halo-accent) !important;
background-color: var(--flaro-accent) !important;
}
.itemProgressBar {
@@ -211,18 +211,18 @@ textarea,
.emby-button,
.button-flat,
.detailButton {
border-radius: var(--halo-radius-control) !important;
font-family: var(--halo-font) !important;
border-radius: var(--flaro-radius-control) !important;
font-family: var(--flaro-font) !important;
}
.emby-button.raised {
background: var(--halo-elevated);
color: var(--halo-text);
background: var(--flaro-elevated);
color: var(--flaro-text);
}
.emby-button.raised.button-submit,
.button-submit {
background: var(--halo-accent) !important;
background: var(--flaro-accent) !important;
color: #FFFFFF !important;
}
@@ -236,22 +236,22 @@ textarea,
.emby-input,
.emby-select,
.emby-textarea {
background-color: var(--halo-elevated) !important;
border: 1px solid var(--halo-separator) !important;
border-radius: var(--halo-radius-control) !important;
color: var(--halo-text) !important;
background-color: var(--flaro-elevated) !important;
border: 1px solid var(--flaro-separator) !important;
border-radius: var(--flaro-radius-control) !important;
color: var(--flaro-text) !important;
}
.emby-input:focus,
.emby-select:focus {
border-color: var(--halo-accent) !important;
border-color: var(--flaro-accent) !important;
outline: none;
}
.inputLabel,
.selectLabel,
.fieldDescription {
color: var(--halo-text-secondary) !important;
color: var(--flaro-text-secondary) !important;
}
/* ---- Blätter, Menüs, Dialoge --------------------------------------------- */
@@ -259,9 +259,9 @@ textarea,
.formDialog,
.actionSheet,
.paper-icon-button-light + .actionSheet {
background-color: var(--halo-elevated) !important;
border-radius: var(--halo-radius-sheet) !important;
border: 1px solid var(--halo-separator);
background-color: var(--flaro-elevated) !important;
border-radius: var(--flaro-radius-sheet) !important;
border: 1px solid var(--flaro-separator);
}
.actionSheetMenuItem:hover,
@@ -278,7 +278,7 @@ textarea,
.detailSectionContent,
.detailTableBodyCell {
color: var(--halo-text-secondary);
color: var(--flaro-text-secondary);
}
/* Das Hintergrundbild soll nach unten in die Seitenfarbe auslaufen, statt an
@@ -296,7 +296,7 @@ textarea,
/* ---- Überschriften ------------------------------------------------------- */
.sectionTitle {
color: var(--halo-text) !important;
color: var(--flaro-text) !important;
font-weight: 600;
letter-spacing: -0.01em;
}
@@ -305,11 +305,11 @@ textarea,
.listItem-border,
.detailTableBodyCell,
hr {
border-color: var(--halo-separator) !important;
border-color: var(--flaro-separator) !important;
}
::selection {
background: var(--halo-accent);
background: var(--flaro-accent);
color: #FFFFFF;
}