Change default login page UI in asp.net

Question

I'm working on asp.net mvc5 project where i want to change the default theme of my login page, any idea how can do this.

Answer 1

You have view of login page or partial view. Try to find it in "View" folder in MVC project. So, probably, you use bundle for link css and js files. You can find configuration of bundles in App_Start\BundleConfig.cs file. In file Application_Start you register these css files:

ublic class MvcApplication : System.Web.HttpApplication
{
   protected void Application_Start()
   {
        BundleConfig.RegisterBundles(BundleTable.Bundles);
   } 
}

So, you should understand what css file is responsible for styles in login page and change this file for your purpose.

I have noticed you use bootstrap styles. If you do not like this theme you can desable bootstrap styles, just remove bundle with bootstrap.css. Like this:

bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/bootstrap.css",
            "~/Content/bootstrap-theme.css",
            "~/Content/bootstrap.min.css",
            "~/Content/site.css"));

Change to this:

bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/site.css"));