File size: 1,352 Bytes
e8fef7f 05f0041 e8fef7f 106cde4 2491e55 e8fef7f 2491e55 5a5a38b 2491e55 e8fef7f 106cde4 d411c57 e8fef7f 5a5a38b d411c57 e8fef7f 106cde4 d411c57 e8fef7f 106cde4 e8fef7f b41467e d411c57 e8fef7f 05f0041 e8fef7f 106cde4 6616542 5a5a38b e8fef7f b41467e 106cde4 e8fef7f 6616542 e8fef7f d411c57 05f0041 e8fef7f 2491e55 | 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 | # src/ui/styles.py
CSS = """
/* Темная тема фона */
body, .gradio-container {
background-color: #212121 !important;
}
/* Прозрачный фон самого чата */
#chatbot {
background-color: transparent !important;
border: none !important;
}
/* Пузырь пользователя (справа, с рамкой) */
.user {
background-color: #2f2f2f !important;
border: 1px solid #3c3c3c !important;
border-radius: 20px 20px 4px 20px !important;
color: #ffffff !important;
}
/* Текст бота (без фона, как в ChatGPT) */
.bot {
background-color: transparent !important;
color: #ececec !important;
}
/* Поле ввода */
textarea {
background-color: #2f2f2f !important;
border: 1px solid #424242 !important;
border-radius: 1.5rem !important;
color: #ffffff !important;
padding: 12px 18px !important;
}
textarea:focus {
border-color: #676767 !important;
}
/* Кнопка отправки */
.gr-button-primary {
border-radius: 1.5rem !important;
background-color: #ececec !important;
color: #171717 !important;
font-weight: bold !important;
}
.gr-button-primary:hover {
background-color: #ffffff !important;
}
/* Скрываем подвал с логотипом Gradio */
footer { display: none !important; }
"""
|