Skip to content

Commit 6759fe4

Browse files
committed
RM - Added SCSS/Css Compilation Section
1 parent f407c5a commit 6759fe4

File tree

1 file changed

+31
-0
lines changed

1 file changed

+31
-0
lines changed

README.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,37 @@ In a similar way, all other files and components can be customized easily.
187187

188188
<br />
189189

190+
## Recompile SCSS
191+
192+
The SCSS/CSS files used to style the UI are saved in the `<YOUR_ENV>/LIB/admin_volt_pro/static/assets` directory by PIP.
193+
In order to update the Ui colors (primary, secondary) this procedure needs to be followed.
194+
195+
- Copy the `static` Directory from `VENV` to `ROOT/static`
196+
- like this, Django will use the local versions and ignore the `VENV` files
197+
- Install dependencies via `PNPM`
198+
- Edit `_variables.scss`
199+
- Regenerate CSS via `gulp`
200+
201+
```bash
202+
$ pnpm i # install modules
203+
$ # # edit variables
204+
$ vi static/scss/volt/_variables.scss
205+
$ gulp # SCSS to CSS translation
206+
```
207+
208+
The `_variables.scss` content defines the `primary` and `secondary` colors:
209+
210+
```scss
211+
// Contents of admin_volt_pro/static/scss/volt/_variables.scss
212+
// LINE 68+
213+
214+
$primary : #1F2937 !default; // EDIT
215+
$secondary: #f0bc74 !default; // EDIT
216+
$tertiary : #31316A !default; // EDIT
217+
```
218+
219+
<br />
220+
190221
## Deploy on [Render](https://render.com/)
191222

192223
- Create a Blueprint instance

0 commit comments

Comments
 (0)