How to set the default theme?

[gyygyy32]

Like the purple theme

[mahmudie]

fine _layout.cshtml under view and change "blue" to "purple" in this line

 themeCookie.Value.IsEmptyOrNull() ? themeCookie.Value : "blue";

[GreenUtil]

Another possible solution (if you want a permanent theme) :

1. go to /Scripts/adminlte/pages/dashboard.js :

insert

 if (!$('#s-DashboardPage').length)
      return;

  //make skin-blue-light the default
  $('#s-DashboardPage').addClass("skin-blue-light");

2. go to /Scripts/adminlte/app.js :

insert

//Fix for IE page transitions
  $("body").removeClass("hold-transition");

  //make skin-blue-light the default
  $("body").addClass("skin-blue-light");  

[minhhungit]

• check change event of select in ThemeSelection.ts at \Modules\Common\Navigation folder

• or create a helper:

  namespace YourNamespace {
  export class UIHelper {
      static getCurrentSerenityTheme = function () {
          var skinClass = Q.first(($('body').attr('class') || '').split(' '), function (x) { return Q.startsWith(x, 'skin-'); });
          if (skinClass) {
              return skinClass.substr(5);
          }
          return 'blue';
      };
  
      static setTheme(themeKey: string) {
          var path = Q.Config.applicationPath;
          if (path && path != '/' && Q.endsWith(path, '/'))
              path = path.substr(0, path.length - 1);
          $.cookie('ThemePreference', themeKey, {
              path: path,
              expires: 365
          });
          var theme = themeKey || '';
          var darkSidebar = theme.indexOf('light') < 0;
          $('body').removeClass('skin-' + this.getCurrentSerenityTheme());
          $('body').addClass('skin-' + theme)
              .toggleClass('dark-sidebar', darkSidebar)
              .toggleClass('light-sidebar', !darkSidebar);
      }
  }
  }

  and use: YourNamespace.UIHelper.setTheme('red-light');

[volkanceylan]

Thanks on behalf of @gyygyy32