539b467141
* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import React from 'react'
|
|
|
|
import ToggleTheme from './toggleTheme'
|
|
import ToggleAccent from './toggleAccent'
|
|
|
|
const AppearanceOptions = () => {
|
|
return (
|
|
<div className="block w-full">
|
|
<div className="border-border flex w-full items-center justify-between border-b py-3 first:pt-0 last:border-none">
|
|
<div className="flex-shrink-0 space-y-1">
|
|
<h6 className="text-sm font-semibold capitalize">Themes</h6>
|
|
<p className="leading-relaxed text-gray-600 dark:text-gray-400">
|
|
Choose your default theme.
|
|
</p>
|
|
</div>
|
|
<ToggleTheme />
|
|
</div>
|
|
<div className="border-border flex w-full items-center justify-between border-b py-3 first:pt-0 last:border-none">
|
|
<div className="flex-shrink-0 space-y-1">
|
|
<h6 className="text-sm font-semibold capitalize">Accent color</h6>
|
|
<p className="leading-relaxed text-gray-600 dark:text-gray-400">
|
|
Choose your accent color.
|
|
</p>
|
|
</div>
|
|
<ToggleAccent />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AppearanceOptions
|