Add visual button presets, jump targets and menu controls

src/Content/Theme.php

@@ -62,6 +62,7 @@ final class Theme
 
     /** Remembered for one request, like the settings; dropped on every write. */
     private ?array $loaded = null;
+    private bool $buttonsConfigured = false;
 
     public function load(): array
     {
@@ -70,8 +71,9 @@ final class Theme
         }
         $raw = $this->db->fetchOne('SELECT theme FROM website WHERE id = ?', ['default']);
         $stored = is_string($raw) ? json_decode($raw, true, 512, JSON_THROW_ON_ERROR) : [];
+        $this->buttonsConfigured = is_array($stored['buttons'] ?? null);
         if (!is_array($stored) || !isset($stored['colors'], $stored['fonts'], $stored['base'])) {
-            return $this->loaded = [...self::DEFAULTS, 'presets' => []];
+            return $this->loaded = [...self::DEFAULTS, 'presets' => [], 'buttons' => ButtonDesign::defaults(self::DEFAULTS['base'])];
         }
 
         return $this->loaded = [
@@ -79,10 +81,11 @@ final class Theme
             'fonts' => $stored['fonts'],
             'base' => [...self::DEFAULTS['base'], ...$stored['base']],
             'presets' => is_array($stored['presets'] ?? null) ? $stored['presets'] : [],
+            'buttons' => [...ButtonDesign::defaults([...self::DEFAULTS['base'], ...$stored['base']]), ...($stored['buttons'] ?? [])],
         ];
     }
 
-    public function save(array $colors, array $fonts, array $base): void
+    public function save(array $colors, array $fonts, array $base, ?array $buttons = null): void
     {
         $theme = [
             'colors' => $this->colors($colors),
@@ -91,6 +94,9 @@ final class Theme
             // Saving the palette must not drop the presets an editor has collected.
             'presets' => $this->load()['presets'],
         ];
+        if (null !== $buttons || $this->buttonsConfigured) {
+            $theme['buttons'] = ButtonDesign::validate($buttons ?? $this->load()['buttons'], $theme['base'], $theme['colors'], $theme['fonts']);
+        }
         $keys = array_column($theme['colors'], 'key');
         foreach (['color', 'backgroundColor', 'linkColor'] as $field) {
             $value = $theme['base'][$field];
@@ -119,7 +125,7 @@ final class Theme
         foreach ($input as $row) {
             $key = strtolower(trim((string) ($row['key'] ?? '')));
             $value = trim((string) ($row['value'] ?? ''));
-            if ('' === $key && '' === $value) {
+            if ('' === $key) {
                 continue;
             }
             if (1 !== preg_match('/^[a-z][a-z0-9-]{0,31}$/D', $key) || isset($seen[$key])) {
@@ -242,6 +248,9 @@ final class Theme
             $compiler->validate($style);
         }
         $theme = $this->load();
+        if (!$this->buttonsConfigured) {
+            unset($theme['buttons']);
+        }
         $presets = array_values(array_filter($theme['presets'], static fn (array $p): bool => $p['key'] !== $key));
         if (null !== $style) {
             if (count($presets) >= self::MAX_PRESETS) {
@@ -317,7 +326,7 @@ final class Theme
             $colour($base['linkColor']),
             ($base['linkUnderline'] ?? true) ? 'underline' : 'none',
             $headings,
-        );
+        ).ButtonDesign::css($theme['buttons'] ?? ButtonDesign::defaults($base));
     }
 
     /**