Favicons: distinctive colors for different parts of the Kirby sites

[marcus-at-localhost]

5000 Tabs open, constantly switching between my backend, docs, cookbook, feature upvoting and forum.
Constantly getting lost.

Forum and Kirby backend using the outlined Kirby logo, all other services the filled one.

I would appreciate some sort of color coding as you already are using here

What do you think?

[medienbaecker]

I'd appreciate that too.

For a client project I recently added a route for favicon.svg so I can color code depending on the page. Simplified example:

'routes' => [
  [
    'pattern' => '(:any)/favicon.svg',
    'action'  => function ($page) {
      $color = $page->color()->value();
      return new Response('<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50" fill="' . $color . '"/></svg>', 'image/svg+xml');
    }
  ]
]

Something like that could be used to color code the pages in the docs.