Shipping dark theme along with NuGet Package

[Bishan Moteria]

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.

[Saranya Murugasamy]

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.  

Link : https://www.syncfusion.com/feedback/13203/shipping-dark-theme-with-syncfusion-blazor-nuget-packages  

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 

[Bishan Moteria]

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.

[Saranya Murugasamy]

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 

[Muthukumar Kannan]

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.

https://blazor.syncfusion.com/documentation/release-notes/18.1.48/?type=all#common

Please feel free to get back to us if you need any assistance.

 

Regards,

Muthukumar K