Theme
-
theme_scheme_direction
- For direction of theme there are 2 choices given below:
"theme_scheme_direction": "ltr", choices: 'ltr', 'rtl'
-
theme_scheme
- For theme there are 3 choices given below:
"theme_scheme": "light", choices: 'light', 'dark', 'auto'
There are two ways you can change the setting of your themes :
With the use of Live Customizer
You can work on themes using Live Customizer in three different ways:
-
You can change the themes with the property name and its
value here by declaring property name and its values in
file.
Database->Seeds->AppSettingSeeder.php
'value' => '{ "saveLocal": "", "storeKey": "huisetting", "setting": { "app_name": { "value" : "Hope UI"}, "theme_scheme_direction": { "value": "ltr" }, "theme_scheme": { "value": "light" }, } }',
-
You can change theme from your database for that open
table with name
app_setting
.In the cloumn namevalue
change the value for variabletheme_scheme
for theme light or dark andtheme_scheme_direction
for direction.
Manual
You can change the theme with a single action.
-
By adding some
classes
in body tag . Example is given bellow.
Themes
If you wish to change the theme, you can follow the below action.
For example you have to set theme as
dark
then you will have to add
dark
class at body
tag.
<body class="..... dark">
.......
</body>
<body class="..... light">
.......
</body>
<body class="..... auto">
.......
</body>
Theme direction
If you wish to change the theme direction, you can follow the below action.
For example you have to set theme direction as
ltr
then you will have to add
ltr
at html
tag.
<html dir="ltr">
.......
</html>
<html dir="rtl">
.......
</html>