add configurable color scheme to the admin interface

- Define a structured `colors` configuration in the DI extension with required fields for branding and UI elements.
- Update the `FancyAdmin` model and `BasePresenterTrait` to provide these settings directly to the template.
- Refactor the layout to use the new `$colors` variable for CSS custom property generation, replacing the previous parameters-based approach.

Author: thorewi

src/DI/FancyAdminExtension.php

@@ -54,6 +54,21 @@ public function getConfigSchema(): Schema
 			'context' => Expect::string()->default(null),
 			'jsComponentsConfig' => Expect::array()->default([]),
 			'locksDir' => Expect::string()->required(),
+			'colors' => Expect::structure([
+				'backgroundColor' => Expect::string()->required(),
+				'dashboardAccentColor' => Expect::string()->required(),
+				'primaryColor' => Expect::string()->required(),
+				'primaryColorDark' => Expect::string()->required(),
+				'primaryColorDark20' => Expect::string()->required(),
+				'secondaryColor' => Expect::string()->required(),
+				'secondaryColorDark' => Expect::string()->required(),
+				'secondaryColorDarker' => Expect::string()->required(),
+				'ternaryColor' => Expect::string()->required(),
+				'ternaryTextColor' => Expect::string()->required(),
+				'loginBackground' => Expect::string()->required(),
+				'loginBackgroundInput' => Expect::string()->required(),
+				'loginBackgroundInputFocus' => Expect::string()->required(),
+			]),
 		]);
 	}
 
@@ -91,6 +106,7 @@ public function loadConfiguration(): void
 				'fullDataAclResource' => $this->config->fullDataAclResource,
 				'jsComponentsConfig' => $this->config->jsComponentsConfig,
 				'context' => $this->config->context,
+				'colors' => (array) $this->config->colors,
 			]);
 
 		//$this->validateTraitInterfaceCompliance();

src/Model/FancyAdmin.php

@@ -26,6 +26,7 @@ public function __construct(
 		protected Resource $fullDataAclResource,
 		protected ?string $context,
 		protected array $jsComponentsConfig = [],
+		protected array $colors = [],
 	) {}
 
 	public function getProject(): string
@@ -146,4 +147,9 @@ public function setFaviconFileNameSvg(string $faviconFileNameSvg): static
 		$this->faviconFileNameSvg = $faviconFileNameSvg;
 		return $this;
 	}
+
+	public function getColors(): array
+	{
+		return $this->colors;
+	}
 }

src/UI/Presenters/@layout.latte

@@ -5,22 +5,22 @@
 		<style>
 			{$account->getCss()|noescape}
 		</style>
-	{elseif isset($parameters)}
+	{else}
 		<style>
 			body {
-				--backgroundColor: {$parameters['colors']['backgroundColor']|noescape};
-				--dashboardAccentColor: {$parameters['colors']['dashboardAccentColor']|noescape};
-				--primaryColor: {$parameters['colors']['primaryColor']|noescape};
-				--primaryColorDark: {$parameters['colors']['primaryColorDark']|noescape};
-				--primaryColorDark20: {$parameters['colors']['primaryColorDark20']|noescape};
-				--secondaryColor: {$parameters['colors']['secondaryColor']|noescape};
-				--secondaryColorDark: {$parameters['colors']['secondaryColorDark']|noescape};
-				--secondaryColorDarker: {$parameters['colors']['secondaryColorDarker']|noescape};
-				--tertiaryColor: {$parameters['colors']['ternaryColor']|noescape};
-				--tertiaryTextColor: {$parameters['colors']['ternaryTextColor']|noescape};
-				--loginBackground: {$parameters['colors']['loginBackground']|noescape};
-				--loginBackgroundInput: {$parameters['colors']['loginBackgroundInput']|noescape};
-				--loginBackgroundInputFocus: {$parameters['colors']['loginBackgroundInputFocus']|noescape};
+				--backgroundColor: {$colors['backgroundColor']|noescape};
+				--dashboardAccentColor: {$colors['dashboardAccentColor']|noescape};
+				--primaryColor: {$colors['primaryColor']|noescape};
+				--primaryColorDark: {$colors['primaryColorDark']|noescape};
+				--primaryColorDark20: {$colors['primaryColorDark20']|noescape};
+				--secondaryColor: {$colors['secondaryColor']|noescape};
+				--secondaryColorDark: {$colors['secondaryColorDark']|noescape};
+				--secondaryColorDarker: {$colors['secondaryColorDarker']|noescape};
+				--tertiaryColor: {$colors['ternaryColor']|noescape};
+				--tertiaryTextColor: {$colors['ternaryTextColor']|noescape};
+				--loginBackground: {$colors['loginBackground']|noescape};
+				--loginBackgroundInput: {$colors['loginBackgroundInput']|noescape};
+				--loginBackgroundInputFocus: {$colors['loginBackgroundInputFocus']|noescape};
 			}
 		</style>
 	{/if}

src/UI/Presenters/BasePresenterTrait.php

@@ -36,6 +36,7 @@ protected function beforeRender(): void
 		$this->getTemplate()->loginPageLogoPath = $this->_fancyAdmin->getLoginPageLogoPath();
 		$this->getTemplate()->hmr = $this->_fancyAdmin->getHmr();
 		$this->getTemplate()->projectName = $this->_fancyAdmin->getProjectName();
+		$this->getTemplate()->colors = $this->_fancyAdmin->getColors();
 	}