Rename dharma theme to light theme

src/components/views/settings/tabs/GeneralUserSettingsTab.js

@@ -145,7 +145,7 @@ export default class GeneralUserSettingsTab extends React.Component {
                 <span className="mx_SettingsTab_subheading">{_t("Theme")}</span>
                 <Field id="theme" label={_t("Theme")} element="select"
                        value={this.state.theme} onChange={this._onThemeChange}>
-                    <option value="dharma">{_t("Default theme")}</option>
+                    <option value="light">{_t("Default theme")}</option>
                     <option value="dark">{_t("Dark theme")}</option>
                 </Field>
                 <SettingsFlag name="useCompactLayout" level={SettingLevel.ACCOUNT} />

src/settings/Settings.js

@@ -233,7 +233,7 @@ export const SETTINGS = {
     },
     "theme": {
         supportedLevels: LEVELS_ACCOUNT_SETTINGS,
-        default: "dharma",
+        default: "light",
         controller: new ThemeController(),
     },
     "webRtcForcePeerToPeer": {

src/settings/controllers/ThemeController.js

@@ -17,7 +17,7 @@ limitations under the License.
 import SettingController from "./SettingController";
 
 const SUPPORTED_THEMES = [
-    "dharma",
+    "light",
     "dark",
 ];
 
@@ -25,7 +25,7 @@ export default class ThemeController extends SettingController {
     getValueOverride(level, roomId, calculatedValue, calculatedAtLevel) {
         // Override in case some no longer supported theme is stored here
         if (!SUPPORTED_THEMES.includes(calculatedValue)) {
-            return "dharma";
+            return "light";
         }
 
         return null; // no override