Spaces:
Running
Running
File size: 1,588 Bytes
2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 814062e 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa 7ff7037 2966faa |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
/* BODY AND BACKGROUND */
body {
background-color: #000000 !important;
color: #EFBF04 !important;
font-family: 'Inter', sans-serif;
}
/* CHATBOT */
.gr-chatbot {
background-color: #000000 !important;
border: 1px solid #EFBF04 !important;
border-radius: 16px;
padding: 20px;
color: #EFBF04 !important;
font-family: 'Inter', sans-serif;
}
/* CHAT BUBBLES */
.gr-chatbot .message {
background-color: #000000 !important;
color: #EFBF04 !important;
border: 1px solid #EFBF04 !important;
border-radius: 12px;
padding: 8px 12px;
margin-bottom: 6px;
}
/* INPUTS AND DROPDOWNS */
.gr-dropdown, .gr-textbox {
border-radius: 12px;
border: 1px solid #EFBF04 !important;
background-color: #000000 !important;
color: #EFBF04 !important;
padding: 8px;
}
/* Placeholder text for inputs */
.gr-textbox::placeholder {
color: #EFBF04 !important;
opacity: 0.6;
}
/* BUTTONS */
.gr-button {
border-radius: 12px;
background-color: #EFBF04 !important;
color: #000000 !important;
font-weight: 600;
border: none;
transition: all 0.2s ease-in-out;
}
.gr-button:hover {
background-color: #000000 !important;
color: #EFBF04 !important;
border: 1px solid #EFBF04 !important;
}
/* HEADER TEXT */
.header-text {
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #EFBF04 !important;
}
/* AVATAR IMAGE */
#agent-avatar img {
width: 200px;
height: 200px;
margin-bottom: 12px;
border-radius: 50%;
border: 2px solid #EFBF04;
object-fit: cover;
} |