nvQuickTheme Video Series - 03 Color Scheme shows how to update CSS color variables and quickly appt to installed skin by using gulp watch to watch and process changed and saved files. I am unable to get this to work as the changes occur only in these /dist files and not in the those that DNN page points to:
- Downloaded current development environment using zip file option
- Followed installation instructions for additional packages and ran them
- Installed nvQuickTheme skin on DNN 9.02 (Windows 7-64) using nvQuickTheme_2.0.0_install.zip
Steps:
- Ran gulp watch
- Open C:\DNN9\Portals_default\Skins\nvQuickTheme\src\scss\variables_colors.scss
- Change $primary-color variable and Save File
gulp watch runs...
C:\DNN9\Portals_default\Skins\nvQuickTheme>gulp watch
[11:23:51] Using gulpfile C:\DNN9\Portals_default\Skins\nvQuickTheme\gulpfile.js
[11:23:51] Starting 'watch'...
[11:24:01] Starting 'styles'...
[11:24:03] gulp-notify: [styles] style.min.css compiled and distributed!
[11:24:03] gulp-notify: [styles] style.min.css.map compiled and distributed!
[11:24:03] Finished 'styles' after 1.24 s
- Go the the open page in DNN w/ nvQuickTheme applied
- Hard refresh w/ Ctrl-F5
- No change of colors occurs in DNN page
Check of files shows that:
- C:\DNN9\Portals_default\Skins\nvQuickTheme\dist\css style files were updated by gulp watch run
- C:\DNN9\Portals_default\Skins\nvQuickTheme\css style files remain unchanged by gulp watch run
- DNN page source check: href="/dnn9/Portals/_default/skins/nvquicktheme/css/style.min.css?cdv=103"
Only a regeneration of package *.zip and reinstallation will effect the CSS changes.
Please let me know how I can fix this.
nvQuickTheme Video Series - 03 Color Scheme shows how to update CSS color variables and quickly appt to installed skin by using gulp watch to watch and process changed and saved files. I am unable to get this to work as the changes occur only in these /dist files and not in the those that DNN page points to:
Steps:
gulp watch runs...
C:\DNN9\Portals_default\Skins\nvQuickTheme>gulp watch
[11:23:51] Using gulpfile C:\DNN9\Portals_default\Skins\nvQuickTheme\gulpfile.js
[11:23:51] Starting 'watch'...
[11:24:01] Starting 'styles'...
[11:24:03] gulp-notify: [styles] style.min.css compiled and distributed!
[11:24:03] gulp-notify: [styles] style.min.css.map compiled and distributed!
[11:24:03] Finished 'styles' after 1.24 s
Check of files shows that:
Only a regeneration of package *.zip and reinstallation will effect the CSS changes.
Please let me know how I can fix this.