style: Removed dark/light. theme switcher and made light theme default (#6979)

* Removed Theme switcher

* Changed default theme to light

* Auth screen dark theme changes

* auth screen ui ix

* Theme change Ui test removed

* bug fix

app/client/cypress/integration/Smoke_TestSuite/ServerSideTests/UnitTest/LoginFromUIApp_spec.js

@@ -34,23 +34,8 @@ describe("Login from UI and check the functionality", function() {
     cy.url().should("include", "user/login");
   });
 
-  it("Theme change test and validation", function() {
-    cy.LogintoApp(Cypress.env("USERNAME"), Cypress.env("PASSWORD"));
-    cy.get(homePage.profileMenu).click();
-    cy.get(homePage.themeText).should("have.attr", "value", "true");
-    cy.get("span")
-      .contains("Light")
-      .click({ force: true });
-    cy.get(homePage.profileMenu).click();
-    cy.get(homePage.themeText).should("have.attr", "value", "false");
-    cy.get("span")
-      .contains("Dark")
-      .click({ force: true });
-    cy.get(homePage.profileMenu).click();
-    cy.get(homePage.themeText).should("have.attr", "value", "true");
-  });
-
   it("Icon of fab button of help modal should change on open and close", function() {
+    cy.LogintoApp(Cypress.env("USERNAME"), Cypress.env("PASSWORD"));
     cy.get(HelpLocators.HelpButton).click();
     cy.get(`${HelpLocators.HelpButton} .bp3-icon-cross`).should(
       "have.length",

app/client/src/pages/AppViewer/viewer/AppViewerHeader.tsx

@@ -212,7 +212,6 @@ export function AppViewerHeader(props: AppViewerHeaderProps) {
             {currentUser && currentUser.username !== ANONYMOUS_USERNAME && (
               <HeaderRightItemContainer>
                 <ProfileDropdown
-                  hideThemeSwitch
                   modifiers={{
                     offset: {
                       enabled: true,

app/client/src/pages/Editor/EditorHeader.tsx

@@ -336,7 +336,6 @@ export function EditorHeader(props: EditorHeaderProps) {
           {user && user.username !== ANONYMOUS_USERNAME && (
             <ProfileDropdownContainer>
               <ProfileDropdown
-                hideThemeSwitch
                 name={user.name}
                 userName={user?.username || ""}
               />

app/client/src/pages/common/ProfileDropdown.tsx

@@ -4,7 +4,6 @@ import Text, { TextType } from "components/ads/Text";
 import styled, { createGlobalStyle } from "styled-components";
 import { Position, Classes as BlueprintClasses } from "@blueprintjs/core";
 import Menu from "components/ads/Menu";
-import ThemeSwitcher from "./ThemeSwitcher";
 import MenuDivider from "components/ads/MenuDivider";
 import MenuItem from "components/ads/MenuItem";
 import {
@@ -21,7 +20,6 @@ type TagProps = CommonComponentProps & {
   onClick?: (text: string) => void;
   userName?: string;
   name: string;
-  hideThemeSwitch?: boolean;
   modifiers?: PopperModifiers;
 };
 
@@ -110,12 +108,6 @@ export default function ProfileDropdown(props: TagProps) {
           </UserNameWrapper>
         </UserInformation>
         <MenuDivider />
-        {!props.hideThemeSwitch && (
-          <>
-            <ThemeSwitcher />
-            <MenuDivider />
-          </>
-        )}
         <MenuItem
           className={`t--edit-profile ${BlueprintClasses.POPOVER_DISMISS}`}
           icon="edit"

app/client/src/reducers/uiReducers/themeReducer.ts

@@ -4,12 +4,12 @@ import { dark, light, theme } from "constants/DefaultTheme";
 import { ThemeMode } from "../../selectors/themeSelectors";
 
 const initialState: ThemeState = {
-  mode: ThemeMode.DARK,
+  mode: ThemeMode.LIGHT,
   theme: {
     ...theme,
     colors: {
       ...theme.colors,
-      ...dark,
+      ...light,
     },
   },
 };