Comments Jorge started the conversationApril 23, 2020 at 7:43pmIs there a way to assign your own custom palette of colors to the Neon Admin template? I know it comes with pre-defined skins but would like to assign a specific color palette. [deleted] repliedMay 1, 2020 at 3:52pmHi Jorge,Yes that is possible, for example you can duplicate skin file:neon/assets/less/skins/blue.lessTo your preferred skin name, lets say:neon/assets/less/skins/my-skin.lessThen modify the colors in .neon-skin-variant mixin and compile to css directory, then include in your Neon project files as last enqueue style.Please note that the mixin might not suit 100% of colors you want to apply, but will be an approximation to your goal.Jorge repliedJune 20, 2020 at 5:00pmHello, How do I get to .neon-skin-variant mixin?Sorry, new to LESS. [deleted] repliedJune 23, 2020 at 11:32amHi Jorge,The .neon-skin-variant mixin is located in:assets/less/neon-less/skin-variants.lessThere you can change/add/remove the CSS generated by this mixin.Then compile either skins/*.less files or include the mixin in neon-theme.less file to combine the CSS together. Sign in to reply ...
Is there a way to assign your own custom palette of colors to the Neon Admin template? I know it comes with pre-defined skins but would like to assign a specific color palette.
Hi Jorge,
Yes that is possible, for example you can duplicate skin file:
neon/assets/less/skins/blue.less
To your preferred skin name, lets say:
neon/assets/less/skins/my-skin.less
Then modify the colors in .neon-skin-variant mixin and compile to css directory, then include in your Neon project files as last enqueue style.
Please note that the mixin might not suit 100% of colors you want to apply, but will be an approximation to your goal.
Hello,
How do I get to .neon-skin-variant mixin?
Sorry, new to LESS.
Hi Jorge,
The .neon-skin-variant mixin is located in:
assets/less/neon-less/skin-variants.less
There you can change/add/remove the CSS generated by this mixin.
Then compile either skins/*.less files or include the mixin in neon-theme.less file to combine the CSS together.