{language.display}
{#if submenu !== -1}
{/if}
{#if submenu === 0 || submenu === -1}
{language.theme}
Standard Risu
Waifulike
Mobile Chat
CardBoard
Custom HTML
{#if DBState.db.theme === "custom"}
{/if}
{#if DBState.db.theme === 'customHTML'}
{language.chatHTML}
{/if}
{#if DBState.db.theme === "waifu"}
{language.waifuWidth}
{(DBState.db.waifuWidth)}%
{language.waifuWidth2}
{(DBState.db.waifuWidth2)}%
{/if}
{language.colorScheme}
{#each colorSchemeList as scheme}
{scheme}
{/each}
Custom
{#if DBState.db.colorSchemeName === "custom"}
Light
Dark
Background
Dark Background
Color 1
Color 2
Color 3
Color 4
Color 5
Text Color
Text Color 2
{/if}
{language.textColor}
{language.classicRisu}
{language.highcontrast}
Custom
{#if DBState.db.textTheme === "custom"}
Normal Text
Italic Text
Bold Text
Italic Bold Text
Single Quote Text
Double Quote Text
{/if}
{language.font}
Default
Times New Roman
Custom
{#if DBState.db.font === "custom"}
{/if}
{/if}
{#if submenu === 1 || submenu === -1}
{language.UISize}
{language.lineHeight}
{language.iconSize}
{language.textAreaSize}
{language.textAreaTextSize}
{language.sideBarSize}
{language.assetWidth}
{language.animationSpeed}
{#if DBState.db.showMemoryLimit}
{language.memoryLimitThickness}
{/if}
{/if}
{#if submenu === 2 || submenu === -1}
{
if(check){
DBState.db.customBackground = '-'
const d = await selectSingleFile(['png', 'webp', 'gif'])
if(!d){
DBState.db.customBackground = ''
return
}
const img = await saveImage(d.data)
DBState.db.customBackground = img
}
else{
DBState.db.customBackground = ''
}
}} name={language.useCustomBackground}>
{#if DBState.db.textScreenColor}
{
DBState.db.textScreenColor = null
}} name={language.textBackgrounds} hiddenName/>
{language.textBackgrounds}
{:else}
{
DBState.db.textScreenColor = "#121212"
}} name={language.textBackgrounds}/>
{/if}
{#if DBState.db.textScreenBorder}
{
DBState.db.textScreenBorder = null
}} name={language.textScreenBorder} hiddenName/>
{language.textScreenBorder}
{:else}
{
DBState.db.textScreenBorder = "#121212"
}} name={language.textScreenBorder}/>
{/if}
{#if DBState.db.customQuotes}
{language.leadingSingleQuote}
{language.trailingSingleQuote}
{language.leadingDoubleQuote}
{language.trailingDoubleQuote}
{/if}
{
let hasPermission = {state: 'denied'}
try {
hasPermission = await navigator.permissions.query({name: 'notifications'})
} catch (error) {
//for browsers that do not support permissions api
}
if(!DBState.db.notification){
return
}
if(hasPermission.state === 'denied'){
const permission = await Notification.requestPermission()
if(permission === 'denied'){
alertError(language.permissionDenied)
DBState.db.notification = false
}
}
}}/>
{#if DBState.db.showUnrecommended}
{/if}
{language.customCSS}
{
updateTextThemeAndCSS()
}} />
{/if}