| |
|
|
| 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; } |
| """ |
|
|
