1. Home
  2. Forum
  3. Blazor
  4. Shipping dark theme along with NuGet Package

Shipping dark theme along with NuGet Package

Hi,

In our app we want end-user to choose theme. Curently, when new version for Syncfusion.Blazor is available I download .css files from theme studio and manually reference it to the project. This isn't convenient because there is release every week and too much manual work involve. I really like how fabric.css/material.css/bootstrap4.css are shipped along with Syncfusion.Blazor library. Can dark theme also be shipped along with the nuget package?

Ideally I want to access dark theme like so,

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/fabric-dark.css" rel="stylesheet" />

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material-dark.css" rel="stylesheet" />
<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4-dark.css" rel="stylesheet" />


[Code Example]
    @if (AppState.IsDarkMode)
    {
        <link rel='nofollow' href="_content/MYAPP.Component/styles-dark.css" rel="stylesheet" />
        <link rel="stylesheet" rel='nofollow' href="/css/bootstrap/bootstrap-dark.min.css" />
        <link rel='nofollow' href="css/site-dark.css" rel="stylesheet" />
        <link rel='nofollow' href="@($"/css/syncfusion/ej2/17.4.55/css/{AppState.SelectedTheme}")" rel="stylesheet" />
    }
    else
    {
        <link rel='nofollow' href="_content/MYAPP.Component/styles.css" rel="stylesheet" />
        <link rel="stylesheet" rel='nofollow' href="/css/bootstrap/bootstrap.min.css" />
        <link rel='nofollow' href="css/site.css" rel="stylesheet" />
        <link rel='nofollow' href="@($"_content/Syncfusion.Blazor/styles/{AppState.SelectedTheme}")" rel="stylesheet" />
    }

----------

Possible values for "AppState.SelectedTheme":
     1. fabric.css
     2. fabric-dark.css
     3. material.css
     4. material-dark.css
     5. bootstrap4.css
     6. bootstrap4-dark.css
     7. highcontrast.css

Thank you,
Bishan M.


4 Replies
SM Saranya Murugasamy Syncfusion Team April 7, 2020 10:42 AM UTC

Hi Bishan,  

Greetings from Syncfusion. 

Currently we do not have support to achieve your requirement “Shipping dark theme with Syncfusion.Blazor NuGet“ but we have logged a feature request on this and it can be tracked through our feedback portal below.  


We request you to cast your vote to make it count. If you have any more specification/suggestions to the feature request you can add it as a comment in the portal. We plan to complete this with our Volume 1, 2020 SP release scheduled at the end of this month.   

Please get back to us if you need any further assistance on this.   

Regards, 
Saranya M 


BM Bishan Moteria April 8, 2020 05:19 AM UTC

Thank you Saranya for the update. Can't wait to have this feature!! Finally I wouldn't have to download css styles via theme studio every week.

Bishan M.

SM Saranya Murugasamy Syncfusion Team April 9, 2020 12:35 PM UTC

Hi Bishan, 

Thanks for the update. 

We would like to let you know that,  we will deliver the requested feature request on April 28, 2020 and we kindly appreciate your patience until then. 

Please get back to us if you need further assistance on this. 

Regards, 
Saranya M 



MK Muthukumar Kannan Syncfusion Team November 23, 2020 03:06 PM UTC

Hi Bishan, 

Sorry for getting back to you late.

We have included dark themes with our Syncfusion.Blazor NuGet package from our version v18.1.0.48. Please refer to the below release notes for more details.


Please feel free to get back to us if you need any assistance.
 
Regards,
Muthukumar K


Loader.
Up arrow icon