@gptstonks/chatbot
Version:
GPTStonks Open-source Chatbot
193 lines (192 loc) • 6.26 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const useChatbotDefaultTheme = {
chatLayoutConfig: {
chatOrientation: 'vertical',
avatarPosition: 'left',
mobileLayout: {
hideAvatar: false,
messageMaxWidth: '100%',
},
infiniteScroll: true,
botMessageStackDirection: 'column',
responseHeader: false,
},
style: {
justifyContent: 'center',
alignItems: 'center',
background: '#080808',
scrollbarWidth: 'thin',
width: '100%',
scrollbarColor: 'yellow',
},
palette: {
primary: { main: '#fac670' },
secondary: { main: '#83a598' },
error: { main: '#fb4934' },
warning: { main: '#fe8019' },
info: { main: '#83a598' },
success: { main: '#b8bb26' },
background: { default: '#080808', paper: '#16181c' },
text: { primary: '#ebdbb2', secondary: '#d5c4a1' },
},
//typography: { fontFamily: 'Saira Variable, sans-serif' },
components: {
ChatBox: {
style: {
position: 'relative',
background: 'radial-gradient(circle at top, #fffff0 0%, #e0e0d1 2.55%, #c1c1a3 7.5%, #a2a275 20%, #8b8b60 30%, #73734c 40%, #5b5b38 60%, #000000 100%);',
//fontFamily: 'Saira Variable, sans-serif',
minHeight: '80vh',
maxHeight: '85vh',
overflowY: 'auto',
paddingTop: '2rem',
paddingRight: '4rem',
},
},
LowPartBox: {
style: {
display: 'flex',
alignItems: 'center',
flexDirection: 'column',
justifyContent: 'space-between',
padding: '1rem',
margin: '0 auto',
width: '80%',
},
},
TextField: {
label: 'Type a message',
fullWidth: false,
style: {
//backgroundColor: '#070707',
color: '#ebdbb2',
'& label': {
color: 'white',
},
'& label.MuiFocused': {
color: 'white',
},
'& .MuiInputUnderline:after': {
borderBottomColor: 'yellow',
},
'& .MuiOutlinedInputRoot': {
'& fieldset': {
borderColor: 'white',
opacity: '0.5',
},
'&:hover fieldset': {
borderColor: 'white',
opacity: '0.8',
},
'&.MuiFocused fieldset': {
borderColor: '#ebdbb2',
},
},
},
},
Button: {
style: {
minWidth: 'fit-content',
padding: '6px 6px',
color: '#fff',
borderColor: '#b8bb26',
width: 'fit-content',
},
hoverBackgroundColor: '#fabd2f',
},
Disclaimer: {
appears: true,
text: 'GPTStonks Chatbot - your open-source AI chatbot.',
style: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
color: '#ebdbb2',
fontSize: '0.75rem',
padding: '0.5rem',
},
},
MessageBubbleBot: {
style: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
padding: '0.5rem 1rem',
borderRadius: '10px',
flexDirection: 'column',
backgroundColor: '#121214',
color: 'white',
fontSize: '0.875rem',
wordBreak: 'break-word',
transition: 'opacity 0.5s ease-in-out',
'&::-webkit-scrollbar': {
width: '0.5em',
},
'&::-webkit-scrollbar-track': {
boxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: '#ebdbb2',
outline: '0.5px solid slategrey',
},
},
},
LoaderBot: {
style: {
backgroundColor: 'transparent',
display: 'flex',
color: 'white',
alignItems: 'center',
justifyContent: 'center',
padding: '0.5rem 1rem',
},
},
MessageBubbleUser: {
style: {
display: 'flex',
padding: '0.5rem 1rem',
borderRadius: '10px',
backgroundColor: '#121214',
flexDirection: 'row-reverse',
color: 'white',
fontSize: '0.875rem',
transition: 'opacity 0.5s ease-in-out',
wordBreak: 'break-word',
},
loader: {
color: '#b8bb26',
backgroundColor: '#121214',
},
},
Avatar: {
botAvatarUrl: 'bytebard.png',
userAvatarUrl: 'gptstonks_logo_small.png',
showSideUserAvatar: true,
showSideBotAvatar: true,
style: {
width: 40,
height: 40,
marginRight: '0.5em',
marginLeft: '0.5em',
borderRadius: '50%',
backgroundColor: 'transparent',
'& img': {
width: '100%',
height: '100%',
objectFit: 'cover',
},
},
},
Divider: {
appears: true,
style: {
backgroundColor: '#b8bb26',
width: '100%',
display: 'flex',
justifyContent: 'center',
},
},
},
};
exports.default = useChatbotDefaultTheme;