Skip to content

Conversation

@jackmcdade
Copy link
Member

@jackmcdade jackmcdade commented Aug 26, 2025

You can now control some of the global colors of the CP by adjusting the theme to your liking in config/statamic/cp.php.

You can provide valid css colors like #ff0000 or red, but you should stick to the Tailwind color palette provided through the Color class.

The available values are subject to change throughout the Alpha period.

You can add any:

use Statamic\CP\Color;

return [
  'theme' => [
    'primary' => Color::Zinc[800],
  ]
];

Or all of these:

use Statamic\CP\Color;

return [
  'theme' => [
    'primary' => Color::Zinc[800],
    'gray-50' => Color::Zinc[50],
    'gray-100' => Color::Zinc[100],
    'gray-200' => Color::Zinc[200],
    'gray-300' => Color::Zinc[300],
    'gray-400' => Color::Zinc[400],
    'gray-500' => Color::Zinc[500],
    'gray-600' => Color::Zinc[600],
    'gray-700' => Color::Zinc[700],
    'gray-800' => Color::Zinc[800],
    'gray-850' => Color::Zinc[850],
    'gray-900' => Color::Zinc[900],
    'gray-950' => Color::Zinc[950],
    'success' => Color::Green[400],
    'danger' => Color::Red[600],
    'body-bg' => Color::Zinc[100],
    'body-border' => Color::Transparent,
    'dark-body-bg' => Color::Zinc[900],
    'dark-body-border' => Color::Zinc[950],
    'content-bg' => Color::White,
    'content-border' => Color::Zinc[200],
    'dark-content-bg' => Color::Zinc[900],
    'dark-content-border' => Color::Zinc[950],
  ]
];

Or even set all the grays in one shot:

use Statamic\CP\Color;

return [
  'theme' => [
    'grays' => Color::Slate,
  ]
];

@jackmcdade jackmcdade merged commit 9907872 into master Aug 26, 2025
5 of 19 checks passed
@jackmcdade jackmcdade deleted the theme-config branch August 26, 2025 15:24
@robdekort
Copy link
Contributor

robdekort commented Aug 27, 2025

It seems it should be theme, instead of colors Jack. Might wanna update the instructions above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants