Skip to content

Fix v3 → v4 theming migration #1231

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 24, 2022
Merged

Fix v3 → v4 theming migration #1231

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions ...ocs/latest/update-migration-guides/migration-guides/v4/code/frontend/theming.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Strapi v4 introduces the [Strapi Design System](https://design-system.strapi.io/
To customize the theme in Strapi v4:

1. Rename the `./src/admin/app.example.js` file to `./src/admin/app.js`.
2. In `./src/admin/app.js`, declare new key/value pairs in the `config.theme` object, updating the design elements (e.g. colors, shadows, sizes) of the [default theme](https://github.com/strapi/design-system/blob/main/packages/strapi-design-system/src/themes/light-theme.js).
2. In `./src/admin/app.js`, declare new key/value pairs in the `config.theme` object, updating the design elements (e.g. colors, shadows, sizes) of the [default theme](https://github.com/strapi/design-system/tree/main/packages/strapi-design-system/src/themes/lightTheme).

::: details Example of theme customization in Strapi v4:

Expand All @@ -37,6 +37,7 @@ export default {

:::

::: tip Customization tip
The [Strapi Design System](https://design-system.strapi.io/) is fully customizable.
::: tip Customization tips
* The [Strapi Design System](https://design-system.strapi.io/) is fully customizable.
* Strapi v4 supports light and dark modes. See [admin customization](/developer-docs/latest/development/admin-customization.md#theme-extension) documentation for more details.
:::