Skip to content

Commit

Permalink
Replace diff with js syntax and emphasize-lines
Browse files Browse the repository at this point in the history
  • Loading branch information
stevepiercy committed Nov 25, 2024
1 parent 334ab83 commit 9866d16
Showing 1 changed file with 13 additions and 18 deletions.
31 changes: 13 additions & 18 deletions docs/customizing-volto-light-theme/installing-vlt.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,24 +53,19 @@ Here is the list of recommended addons to install, including VLT, which should b

To leverage a cohesive set of styles, components, and design patterns that align with Volto's best practices, you need to set VLT as your theme provider.

Open the {file}`volto.config.js` file in your {file}`frontend` folder, and modify it as shown below:

```diff
diff --git a/frontend/volto.config.js b/frontend/volto.config.js
index 56feec6..41aa96b 100644
--- a/frontend/volto.config.js
+++ b/frontend/volto.config.js
@@ -1,7 +1,7 @@
const addons = ['volto-my-project'];
-const theme = '';
+const theme = '@kitconcept/volto-light-theme';

module.exports = {
addons,
- theme
+ theme,
};
```
Open the {file}`volto.config.js` file in your {file}`frontend` folder, and modify it as shown below.

```{code-block} js
:emphasize-lines: 2
const addons = ['volto-project-title'];
const theme = '@kitconcept/volto-light-theme';
module.exports = {
addons,
theme
};
```

You'll need to restart your Plone frontend to see the changes.

Expand Down

0 comments on commit 9866d16

Please sign in to comment.