infinite-agent / style.css
InfiniteValueMe's picture
Update style.css
9a2edf8 verified
raw
history blame
1.17 kB
/*BODY AND BACKGROUND*/
body {
background-color: #1E1E1E;
color: #FFFFFF;
font-family: 'Inter', sans-serif;
}
/*CHATBOT*/
.gr-chatbot {
background-color: #F5F0E1;
border-radius: 16px;
padding: 20px;
font-family: 'Inter', sans-serif;
color: #1E1E1E;
}
/*CHAT BUBBLES*/
.gr-chatbot .message {
background-color: #F5F0E1 !important;
color: #1E1E1E !important;
border-radius: 12px;
padding: 8px 12px;
margin-bottom: 6px;
}
/*INPUTS AND DROPDOWNS*/
.gr-dropdown, .gr-textbox {
border-radius: 12px;
border: 1px solid #A892FF;
background-color: #F5F0E1;
color: #1E1E1E;
padding: 8px;
}
/*Placeholder text for inputs*/
.gr-textbox::placeholder {
color: #B0B0B0;
}
/*BUTTONS*/
.gr-button {
border-radius: 12px;
background-color: #6C63FF;
color: #FFFFFF;
font-weight: 600;
}
.gr-button:hover {
background-color: #A892FF;
}
/*HEADER TEXT*/
.header-text {
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #FFFFFF;
}
#agent-avatar {
width: 100px;
height: 100px;
margin-bottom: 12px;
}
/* Avatar default styling */