From f62f8188bfbbfe9f1c1c8fb61b71344097eebaa3 Mon Sep 17 00:00:00 2001
From: kyle <kfj001@gmail.com>
Date: Mon, 29 Jun 2026 22:31:37 +0000
Subject: [PATCH] additional colors under admin control

---
 backend/__pycache__/seed.cpython-312.pyc      | Bin 21816 -> 21925 bytes
 backend/app/__pycache__/main.cpython-312.pyc  | Bin 13083 -> 13413 bytes
 .../app/__pycache__/models.cpython-312.pyc    | Bin 10537 -> 10836 bytes
 backend/app/main.py                           |   4 ++++
 backend/app/models.py                         |   6 ++++++
 backend/seed.py                               |   4 ++++
 src/app/admin/admin.component.ts              |  12 ++++++++++++
 src/app/interfaces/station-config.ts          |   4 ++++
 src/app/services/station-config.service.ts    |   4 ++++
 src/app/services/theme.service.ts             |   4 ++++
 src/app/utils/color-harmony.ts                |   4 ++++
 11 files changed, 42 insertions(+)

diff --git a/backend/__pycache__/seed.cpython-312.pyc b/backend/__pycache__/seed.cpython-312.pyc
index a3245f2e61364995569992e43decfefbdcd72738..0f8e2217a3fe91cbef9f3b310297b37bc45b6b1a 100644
GIT binary patch
delta 2325
zcma)6X>(Im7``{j4NXZ?Xqq-@D3pSQltQ5ex>yA&2#7GEeo$n%llHxB1KB*ep~{St
zIwNDpamK)vq0aP!qKGUacu~P!T(K^3!x}em{ot2_`~lzhq%C)l>5%C>_j%5F&vTx$
z_4E<>;8EE#Qc_YZ;cxFho!h;4?D6>J!ISg$+cWSC9Drxxxnbu)c}s=n)ym;u2i8Fp
zo`*x=h8Kn%a2SrjQK%677`zC_p;Yjf-~^lmKk;72mP)Nm^9FD%db}(=OgIIvfDK(<
z9ai8qI1Oh|RS5Muya8`Q#)ekZ*#vLF+t}$Rg=T(>**n5)6TA!Wq19OobPv1_AD|KO
z58)&D7+r{e0_WgU^gxat0gK0o@c0Zq$2q=0moIV79DJ2Q`867m{06>7^&MJ~IuGBY
z8bvcyXjWx0`$3rHH81=KwjKxk^oV0i5U%K-QO~gGUr<+D^slIA3caFWZ~+@;Sqd(q
zuCeIfP|t?H;CKAi;`a~y&e7(=p9WLf<iE{h%GuJoT~p@th#!%~T9?+0q&3{StaUMx
zCE+ElOO}V6M$#8tI<-3yO)#~;FQRMtF%gaQ_UU<dp(mz6Bpn;?>WYTDcbJd)R=Q=?
z9GRVQ$UVk}x^87B9(JE;)@`$8wj&L>*be+K2Z4(qO3+9UBZw0u2$BdPC%d0`4*^5S
zJG&F{o=9(DgpMsKCqj+*u{2dwsOe-%W4fBs!+InUSI0&uyRi2Gb6+TB%WOr;ya=0E
z1o3VrvK3ph(Mu>~o2b3MfQlB^*@Khh^Qmd$(S~y6A)H~i@pQv6x!>Hla9GZ$SLd<r
z)zpbRRCaw)oG~rdrLjq}c*plj*TSBdI#xe`Gwd^WHX8PImfb1M+mnf;Ws7Lz3tL1x
zd3B^JY|A@Ai)y;YlE&ud%9<-jNu7oBbfo$c{bLD@!R7^iafa^kT%z}JtUh3lG?&>k
zmOR$ea+9C9NehTwE6=sBldBJ}w7Axj>{4(%O}DYN#j8AlQ=BpMmgC~!;<B-)t#R_h
zE18IQ{fB2uk8cYO{@*2^IJk5iG}h0I743?$7c0*h>)ZFs51SX;*ErYG<D(Z7i$(Oj
zl4Oy%p0`J}IHRY)?jzVnKv$7<5eyJ?6VNJ|MzGh2tqLrnLkQU|&v8FCr0fXz_6jf0
zk<v6^Phr!jd1}@CqM&%{Q&8t!s;Y;(qME9*-Kd$<@NBGI{3OwR2q9S*r)1<~W^SFO
z<K1ChQ^V0H8^#XFX0E@j$0qk0CvHEKxsqN47nwy|T6AH7Vp#(uDSTl?v_~SMu*?^!
zYCIgnSa~~6C;kmw#tNyhprVdg0@6|KW_ASIC|oLr%i(reHqURYw`c18wo!*`u#MZ1
zU2u4^POc#1PD$}*H}EOMizLODjdK_AVoCAjN*D2|B;1lREgRq^#62`%H7_MTjRx%C
z(}|Z!O7UO^_YyCcl+xU^I_@J;At_b4Ot6JllJZMRdCu3s10<>>r84Jl;z1HK#Eh-H
zn#4>=apy{^`79DOLd@s0Nz{t6xtHdUm`h<g`3=PDBxQQGmd_(TALkru;vwSo#4}BN
z0f`1m+{G6XUnD8Pp-$dNya{7v@8!+Jm(qYXzKr;CNeK*vcnk5?LVFwWcA9uSzma%H
zq2?yyH%p3tD8N?`Unv(lR>}4L%{JbNvU149Z$W9}t5HqQhWHwxZbgOjUs@~FI$83~
m94!ludS}pIc{Sp{cTv}XC+oN@)yp=%)jWGAvpEjqN&g35zIj0a

delta 2234
zcma)6ZERCj7{2%Rp0bXvW$U`NE1zQy3WJ$}j==<(ASwZWNFt7en{MyjR%p9=+DR~)
zLc$Lc6H;<xSj=Ml8tA|&UQqnN4-~&ptO|nl3-ymC{y0G5FMs&Hr`xz9S!lBNKF>Mt
zdCqg*_nZwMR!@wmzB3gS<qG~zPVLzC)cyN?A$8Z$c?Vp%A#GUgtT6*-H9Xsn^N@h&
z;Cb-E3qv{#!$CL%H4?uFFTn`-B|Z#C;AIFA?$tYM%_=hx#<i$1Dm7k#SK%mVsPftn
z0~?OPabz`;y$)}{31oiBaxL&CyoEGG6vaXgvA3nzMtBEKqSU)+XfwPA@1qdm58xDh
zh%$sfg46IZY9L09utVb$sqra%hI@RDDreBp7w{#rv#4_>hx98bApIJpX!0BQ7TGxz
zLxy5?4zcr6>^n067eMRL;o=^>GXmH6_sFL^coF#w2mb;2Ob7pQPpjTJ%Q5g1Cd_v5
zpOMdj-{2Sg*5mgQe&?DE@T>JGYg2!>kFisJEvi{V!HE4=aFtixVmH<2bhXPm(%8*7
z_0z7Nw^hsaAdGr=FMhaA!9$^sLNkRpg>4kJQ%GQlx_Odt7ljmtqPx34)f4Y6tw`fY
z#*JaN{PBk=qsACWXH1?oGTB%*-k&nYR<K8KHf#SK&1kvJ2zda*Ms8x<#HF`#hc~*Y
zC2teCH)oKUsVv_)iNByRVExfl&357ryDfFm5jA6vE*esETdw!xtku*BKa_TJR@_N5
z*=6!cyadK;l{I6&q%oHN81As&zR+yBa*pcwi>`Ek+EF4Ze5piK$?GlE;aJfPX2Q&x
zvX^`cjc9Qwx?}0InSyA!qq&q`>ad>a>)$cv+4^(I!jSB$cigF*-HX{z+f7TW{^QWu
zKQHOYyS0$ejU3+if_eJly?qJ%%T7|a$hezs>tt(yJ%L*sx6ZeY%2uXS>q=Ym<n64O
zuy^zA)CR`Of{Xum?I&6}kOGtM;MOzC8QX`Mr>&9Y2h_*yjumU&>*zVs8%ieQ*&<8x
zcq&_TCCn73$H5<@&`E(VC*MkeE(13x&?$M0!anQl>hNM}Le%Bxp@jn(7Y2NdrMIYO
zOcVH%ICRbqcFZq}$j2`)g2ynjv95$^7<@O*bGOyMq5jr9!TlJbsua$sh{wddSw4{J
zj%7_FmPqhHocKqzNABy<)NZSC!=c<Y_tLoZEbY>vO9zz4k|!ebr4vz&q(v!NEHjK$
zEQz*?F5FK3W4MYLO6fpl?a6)^NSG`6K^!A<nHU~NxK!0{-MGM&YYb@@b<f^5;X-st
z_vPJ!Arfwd1@h~~6vAZ+3+7Y8L%3XFzJh<Tm`cQ}uxa_Qs37d41#5(#@HASmT~rdT
zQds%kb`c<4tuTLKTB8UOsZm&6As1;CwZuXSt1bkaM3_jO!fFel77-ybUGBI{%pfvT
zVctT;3^9wyY)R&eIYjDZTEpeJL>kCUhq#4sqrxil^<p03`MBp`i-;0lKseVT77}S9
z$6aC(;l&Dz40ecS!Yybk|BzThcquJt6Son*U18zDsAwg;tTf(6csXr+uUJ92y_9nY
z;gt#t4Ti-k!gs2riPdUjXssqXkk$@*#9c@=u?AUXJ}TBqb~iHI|MEJ??opNC%!^f#
aE9;5w^5ylbN~5ZYO?LAGT+@fKyZ-`#&r_fP

diff --git a/backend/app/__pycache__/main.cpython-312.pyc b/backend/app/__pycache__/main.cpython-312.pyc
index 93a916af3c24eff40b037a6652993f97a835e7bd..a1fc2471fbc382e14e86f79f020e06b4c7beadcc 100644
GIT binary patch
delta 739
zcmbQ8_B4a<G%qg~0}woT=adzuvXQToi(3lFWd`EU6IeGd;=01blER##HhC7eBD;DT
zh^+x;Yl7KYV74}xtpj4S>ZY-zi%qWJoyw>;nU7DEUB8BPHbaWRWGg;fM#IS!e1^hC
zwVZiODTcM2HOwi-*%}NCMcR|=B*Z44VG|cN0joCc<O1q3t6>L{=9B;MIZGmoThwp@
z#Vw(-5&ZJ(R!}?Y_{ABmH&5f=#1wgpJ2^imzbL*uBeNv6id{Jk3}B);nduoNAW?(V
zq*UWuJP@_HsVSMIxj<oyL<>_31DN8ZoW$g8pr~P@p@pH@WDlWrj6s{f3so>O22Cyy
zG3QDKhLt)H7k}NnQKW`3@&>2m4BHh->or$uZg5<!vxD;jhZ8O_yA?+3EmvA@2wZKm
zL-GQLGd6V}^d<P&8r(maZ8j5o%*2>5SxWLWcN);bqI3|EG5Ld}CL5F~FQv^|02IyM
z>@Vfb$(Xu%w(>_N#;VD^YSL^~Ak}%3*QvQOZrc1sjgwKl9w>5)xwxe07Hdv^d1_IS
zHb_bGWDyMmHn0T+lf5+bq%uLGr68glL}UYrTg-_mDMdMxCuulX7J~RJ$@zJCMGYYN
zTo925BHBSjK9IP@m6(#7nHOJLoLY2?Ej=|qJ|(HBaWc2266-Xebk$}fAd7L@=1@I%
zM#e>x=jw~IO$6!fo4iZ^tpF&1i$K0A0x2#koV?w@o^26`=|B08fdtnEAd?Y@i@!~l
TGqh!MWMnk^<gq!ya5p0WhDzOA

delta 568
zcmaEwF*}X#G%qg~0}x2^Ic2#jZ{+Lb;uZsPnSuE82bRr?xUMiUr3+1#;G4>*HhCSN
zD!Y0O>uiP;jmfw8Y#B8tOYj@=YSnV)F{NnMa@H`XXipB~Hx||btI_S`0;<%jVF!}>
zljra|OCpOK)NlgD4WY6>_~qG+peD-+h%*{*HWS#yG}%#j9i!jo55g6UjDC|dMa{Y5
zf$mZV;^L*7SBcgza(+-3;b&`b|Dd<IUi>i=W6b1asngs^Km|p~AR=Y5rL-m+l$jx|
z&6)!gP2W62+MAOxaq|<Ek4#EsK#^O_>8T|}+8`FEYejNuK}lwQo+fh<NUkVr@^^Jt
z#&w%*H8>f?tHG*^ONwr>=H!>B7J)St#ZQjaG++Z;n=^T`rk+$PNMj+0C<YPfU|oqR
zDMcBRZ)-YO=7RVv$@zJCMKvJ#Oc0R;BAP)&Hjuc*m6(#7nHOJLoLY2?Ej=|qJ|(HB
zc5;Z866++OblK)=Ad7L*=6U+=jB@jUBAN!bxPT^>q*j#VWF{4XBCx0zM08DNHhe1p
z3b-PW?~6d%i*hF!*=vBb6?uaQ6A)npByMro<mRW8=A_yctpRcwfw=hV<a8rjR$E51
MPY#<`8SQ2S06{jJ-2eap

diff --git a/backend/app/__pycache__/models.cpython-312.pyc b/backend/app/__pycache__/models.cpython-312.pyc
index 49a7560be9c72a0159d62b4b6c218f0cda7255c2..2d459cc7429f5d111cad5f49a29a6b281aa7a540 100644
GIT binary patch
delta 669
zcmZ1(bR~rEG%qg~0}yn*cFLNsw2|*57gGr9<o9A)llRLBZx-Y3XPF$xC(5h4hHEu5
zNF4)1lrC6A4@pE1ETWGjq7M=gG(ZwDs5I0x+PspVpGm!nT{#U5Kn#P_q*P-d!y?hb
z)WQJBFibSGFf{YiG@N`;TzT_7K~bjATinU{Ir&BL<r$eJsW47XW_m`+EgpzWZfZ(q
zX)a7EDJL;GyGR`9*dhrKAqgV9VT2QqQOv|VS%5=ga)7$<W;>ByCZ7hck8BLWk~75?
zFwT}-5xT?kijZ4__e~)QbP=E$wFQE+HCLqWh`b`~-r$3-rqO%zS+PJyt~!u?Afjoq
zhD0)B-Q+?g$<0e8vKhIWK{6nsce0dJIb$<eX0?<zBUdL#21Lx9B$LkA36^M-DP^3j
zpuowvWRhGZW6$J$T#}n7%k?sHO#mqd5gR6JDHJkJ0IS}r5Y5On8zciF_D+^k3S*qT
zxlrjdBjdcu3)v+m*Q!V`E}cA0#fNJlNEL`UHTjLoa>j*Vlh>+>z*O#+W}SRrO^tEJ
zWHxnqt~DUlAmZ+1ef3DjHIqBl+nvCE1bYYU@*a>Hu(QA}09ydohZ+^PIBatBQ%ZAE
e?TR){4$?^Ew`Fu^oZ#|>0YrasV48eLBOL&>F~F?=

delta 427
zcmcZ-vNDM8G%qg~0}zCAIc4Q2Zsa@3#dL;c@&S3<&0^gBEG(6}ntGcJ1^Ahm{WNta
zpH<M@JVA(`Nufv_sHI2(L`Z@NZy4bOWEAgUnk>K}v6)A70TXAV7etx&<PS`en<XR+
z8M&%Jia|up<Y38U#wxJP1<7ni{(6uMh-e4m;>^hg@|u&2r9Bzz!Ah=4doyyif|P)W
z$&<BZ(-~XAGHYZ@8M!(@G9Y5!WNrCM#*WGR)g(9Xlka8Z>H*1sh*gtA6$>XXkr$lA
z%(?l2Vl*SybdVH?*gn}+IgD{S*to6Aw-^~`O<u?@F?ofm1mnWV2UUHz=7Lm$h$EB5
z)s{2P-Mn8-7o_T;l<Z_K4K>ColMOZGxmJKwfr#sqqckEJS4`fb(XImaFxYQk*Ml7j
ob`#iku)!-P$7{+muA5w|naFR>=*Bp~<qHFd{!+p?`K@L;0BKNk*8l(j

diff --git a/backend/app/main.py b/backend/app/main.py
index 51756fa..2d3863c 100644
--- a/backend/app/main.py
+++ b/backend/app/main.py
@@ -65,6 +65,10 @@ def _migrate_add_missing_columns(sync_conn):
         ("station_config", "color_success", sa.String(7), "#4a9e4f"),
         ("station_config", "color_danger", sa.String(7), "#c83030"),
         ("station_config", "color_info", sa.String(7), "#3a8abf"),
+        ("station_config", "color_white", sa.String(7), "#ffffff"),
+        ("station_config", "color_light", sa.String(7), "#f0ebe3"),
+        ("station_config", "color_medium", sa.String(7), "#8a8580"),
+        ("station_config", "color_black", sa.String(7), "#1a1816"),
     ]
 
     # Determine dialect
diff --git a/backend/app/models.py b/backend/app/models.py
index 6c5efe1..c87b053 100644
--- a/backend/app/models.py
+++ b/backend/app/models.py
@@ -120,6 +120,12 @@ class StationConfig(Base):
     color_danger = Column(String(7), nullable=False, default="#c83030")
     color_info = Column(String(7), nullable=False, default="#3a8abf")
 
+    # Neutral colors
+    color_white = Column(String(7), nullable=False, default="#ffffff")
+    color_light = Column(String(7), nullable=False, default="#f0ebe3")
+    color_medium = Column(String(7), nullable=False, default="#8a8580")
+    color_black = Column(String(7), nullable=False, default="#1a1816")
+
 
 class HistoryEntry(Base):
     __tablename__ = "history_entries"
diff --git a/backend/seed.py b/backend/seed.py
index 61e9513..cfc4164 100644
--- a/backend/seed.py
+++ b/backend/seed.py
@@ -231,6 +231,10 @@ STATION_CONFIG: dict = {
     "color_success": "#4a9e4f",
     "color_danger": "#c83030",
     "color_info": "#3a8abf",
+    "color_white": "#ffffff",
+    "color_light": "#f0ebe3",
+    "color_medium": "#8a8580",
+    "color_black": "#1a1816",
 }
 
 HISTORY_ENTRIES: list[dict] = [
diff --git a/src/app/admin/admin.component.ts b/src/app/admin/admin.component.ts
index 68fc97a..25a8f8c 100644
--- a/src/app/admin/admin.component.ts
+++ b/src/app/admin/admin.component.ts
@@ -55,6 +55,10 @@ interface ThemeColorState {
   color_success: string;
   color_danger: string;
   color_info: string;
+  color_white: string;
+  color_light: string;
+  color_medium: string;
+  color_black: string;
   [key: string]: string;
 }
 
@@ -143,6 +147,10 @@ export class AdminComponent implements OnInit {
     color_success: '#4a9e4f',
     color_danger: '#c83030',
     color_info: '#3a8abf',
+    color_white: '#ffffff',
+    color_light: '#f0ebe3',
+    color_medium: '#8a8580',
+    color_black: '#1a1816',
   };
 
   showShowForm = false;
@@ -417,6 +425,10 @@ export class AdminComponent implements OnInit {
       color_success: config.color_success || this.themeDefaults.color_success,
       color_danger: config.color_danger || this.themeDefaults.color_danger,
       color_info: config.color_info || this.themeDefaults.color_info,
+      color_white: config.color_white || this.themeDefaults.color_white,
+      color_light: config.color_light || this.themeDefaults.color_light,
+      color_medium: config.color_medium || this.themeDefaults.color_medium,
+      color_black: config.color_black || this.themeDefaults.color_black,
     };
     this.themeSaveSuccess = '';
     this.themeSaveError = '';
diff --git a/src/app/interfaces/station-config.ts b/src/app/interfaces/station-config.ts
index 240b9b1..6f58fba 100644
--- a/src/app/interfaces/station-config.ts
+++ b/src/app/interfaces/station-config.ts
@@ -37,4 +37,8 @@ export interface StationConfig {
   color_success: string;
   color_danger: string;
   color_info: string;
+  color_white: string;
+  color_light: string;
+  color_medium: string;
+  color_black: string;
 }
diff --git a/src/app/services/station-config.service.ts b/src/app/services/station-config.service.ts
index efdb972..4e2f948 100644
--- a/src/app/services/station-config.service.ts
+++ b/src/app/services/station-config.service.ts
@@ -46,6 +46,10 @@ const DEFAULT_CONFIG: StationConfig = {
   color_success: '#4a9e4f',
   color_danger: '#c83030',
   color_info: '#3a8abf',
+  color_white: '#ffffff',
+  color_light: '#f0ebe3',
+  color_medium: '#8a8580',
+  color_black: '#1a1816',
 };
 
 @Injectable({
diff --git a/src/app/services/theme.service.ts b/src/app/services/theme.service.ts
index fdb0a04..93bcd49 100644
--- a/src/app/services/theme.service.ts
+++ b/src/app/services/theme.service.ts
@@ -17,6 +17,10 @@ const COLOR_MAP: ReadonlyArray<{ field: keyof StationConfig; prop: string }> = [
   { field: 'color_success', prop: '--color-success' },
   { field: 'color_danger', prop: '--color-danger' },
   { field: 'color_info', prop: '--color-info' },
+  { field: 'color_white', prop: '--color-white' },
+  { field: 'color_light', prop: '--color-light' },
+  { field: 'color_medium', prop: '--color-medium' },
+  { field: 'color_black', prop: '--color-black' },
 ];
 
 /** Build a gradient CSS value from three color stops. */
diff --git a/src/app/utils/color-harmony.ts b/src/app/utils/color-harmony.ts
index 626c21b..7605438 100644
--- a/src/app/utils/color-harmony.ts
+++ b/src/app/utils/color-harmony.ts
@@ -253,6 +253,10 @@ export const COLOR_ROLES: readonly ColorRole[] = [
   { field: 'color_success', label: 'Success', group: 'semantic' },
   { field: 'color_danger', label: 'Danger', group: 'semantic' },
   { field: 'color_info', label: 'Info', group: 'semantic' },
+  { field: 'color_white', label: 'White', group: 'neutral' },
+  { field: 'color_light', label: 'Light', group: 'neutral' },
+  { field: 'color_medium', label: 'Medium', group: 'neutral' },
+  { field: 'color_black', label: 'Black', group: 'neutral' },
 ] as const;
 
 /**