marcospaider welcome to the Forums!
You can change the default skin by adding the included theme CSS file inside the _Head.cshtml
file:
<link rel="stylesheet" media="screen, print" href="~/css/vendors.bundle.css">
<link rel="stylesheet" media="screen, print" href="~/css/app.bundle.css">
<link rel="stylesheet" media="screen, print" href="~/css/site.css">
<partial name="_Favicon"/>
And include the theme of the color you would like to use. For example, if you wanted to use the Oslo Gray color, you would change Views\Shared\_Head.cshtml
as follows:
<link rel="stylesheet" media="screen, print" href="~/css/vendors.bundle.css">
<link rel="stylesheet" media="screen, print" href="~/css/app.bundle.css">
<link rel="stylesheet" media="screen, print" href="~/css/site.css">
<link rel="stylesheet" media="screen, print" href="~/css/themes/site.css">
<link rel="stylesheet" media="screen, print" href="~/css/themes/cust-theme-7.css">
<partial name="_Favicon"/>
Note the inclusion of the ~/css/themes/cust-theme-7.css
stylesheet.
If you also want to change the colors on the graphs and other elements, you will need to change the base color in the SCSS files and run a gulp build
to produce new output in the <HTML-Full-Source>/dist
directory. Then you can copy over that output to the wwwroot
folder in your .NET Core project and it will load your desired theme by default without switching.
Note: I would advice you to empty both your dist
and wwwroot
folder before copying over.
You can also see the result of this adjustment on the Preview site here: https://smartadmin-core.azurewebsites.net where I have regenerated the dist folder based on cust-theme-4.css
.
If you are unsure about the steps to follow, please try our video tutorial: https://www.youtube.com/watch?v=LwD-kYlZXtw
Hope this helps,