Materially React
  • Welcome
  • Prerequisites
  • Getting Started
  • Installation
  • Axios API Calls
  • Localization
  • File Structure
  • Routing
  • Template Config
  • Layout Option
  • Default Theme
  • Color Management
  • State Management
  • Dependencies
  • Support
  • Changelog
Powered by GitBook
On this page

Was this helpful?

Template Config

You can edit this file at [src/config]

Option
Default
Data Type
Description

mode

light

string

light, dark

i18n

en

string

en - English

fr - français

ro - Română

zh - 中国人

themeDirection

ltr

string

ltr, rtl

src/config.ts
// ==============================|| THEME ENUM ||============================== //

export enum ThemeMode {
  LIGHT = 'light',
  DARK = 'dark'
}

export enum ThemeDirection {
  LTR = 'ltr',
  RTL = 'rtl'
}

export enum ThemeI18n {
  EN = 'en',
  FR = 'fr',
  RO = 'ro',
  ZH = 'zh'
}

// ==============================|| THEME CONFIG ||============================== //

const config: ConfigProps = {
  mode: ThemeMode.LIGHT,
  i18n: ThemeI18n.EN,
  themeDirection: ThemeDirection.LTR
};

export default config;
src/config.js
// ==============================|| THEME ENUM ||============================== //

export let ThemeMode;

(function (ThemeMode) {
  ThemeMode['LIGHT'] = 'light';
  ThemeMode['DARK'] = 'dark';
})(ThemeMode || (ThemeMode = {}));

export let ThemeDirection;

(function (ThemeDirection) {
  ThemeDirection['LTR'] = 'ltr';
  ThemeDirection['RTL'] = 'rtl';
})(ThemeDirection || (ThemeDirection = {}));

export let ThemeI18n;

(function (ThemeI18n) {
  ThemeI18n['EN'] = 'en';
  ThemeI18n['FR'] = 'fr';
  ThemeI18n['RO'] = 'ro';
  ThemeI18n['ZH'] = 'zh';
})(ThemeI18n || (ThemeI18n = {}));

// ==============================|| THEME CONFIG ||============================== //

const config = {
  mode: ThemeMode.LIGHT,
  i18n: ThemeI18n.EN,
  themeDirection: ThemeDirection.LTR
};

export default config;

VITE_APP_VERSION = Version of app
...
...
PreviousRoutingNextLayout Option

Last updated 1 day ago

Was this helpful?