Erstie_Chatbot / theme.py
JulianHM's picture
Upload 39 files
93b1e72 verified
from gradio.themes.soft import Soft
class CustomTheme(Soft):
def __init__(self):
super().__init__(neutral_hue="stone") #neutral_hue="amber"
white = "#FFFFFF"
red_light = "#e36464"
red = "#d44242"
red_dark = "rgb(74, 10, 11)"
grau_light = "#313131"
grau = "#1C1C1C"
grau_dark = "#171717"
red_gradient = "linear-gradient(90deg, rgb(250, 85, 88), rgb(74, 10, 11))"
#MUC.DAI Colors
purple_dark = '#03001B'
purple = '#2D10A0'
purple_bright = '#6201FD'
#Brown Colors
orange_accent_hover = '#C06C3D'
orange_accent = '#BA5E2A'
brown_dark = '#503425'
brown_mid = '#6C4A38'
brown_bright = '#9D6B4F'
brown_extra_dark = '#2b1e16'
brown_extra_bright = "#d4aa92"
super().set(
#Website Background
body_background_fill= None,
body_background_fill_dark= None,
#Primary Button
button_primary_background_fill= orange_accent,
button_primary_background_fill_dark= orange_accent,
button_primary_background_fill_hover=orange_accent_hover,
button_primary_background_fill_hover_dark=orange_accent_hover,
button_primary_text_color=white,
#Secondary Button
button_secondary_background_fill=brown_mid,
button_secondary_background_fill_dark=brown_mid,
button_secondary_background_fill_hover=brown_bright,
button_secondary_background_fill_hover_dark=brown_bright,
button_secondary_text_color=white,
button_secondary_border_color=brown_mid,
#Inner Chatfenster
block_background_fill=brown_mid,
block_background_fill_dark=brown_mid,
#block_border_color="rgba(0,0,0,0.9)",
#Outer Chatfenster
panel_background_fill=brown_dark,
panel_background_fill_dark=brown_dark,
panel_border_color=brown_dark,
panel_border_color_dark=brown_dark,
#User Input Fenster
input_background_fill=brown_bright,
input_background_fill_dark=brown_bright,
input_border_color=brown_bright,
##AUSGEBLENDET IN CSS##
#"Chatbot-label"
#block_label_background_fill=red,
#block_label_background_fill_dark=red,
#block_label_border_color=red,
#block_label_border_color_dark=red,
#block_label_text_color=white,
#block_label_text_color_dark=white,
#block_title_text_color=red,
#block_title_background_fill_dark=red,
#body_text_color=white,
#body_text_color_dark=white,
#border_color_primary=purple,
#border_color_primary_dark=purple,
#Hover effect für Vorschläge
color_accent = brown_dark,
border_color_accent_subdued=brown_dark,
border_color_accent= orange_accent,
border_color_accent_dark=orange_accent,
#User chatbubble
color_accent_soft_dark= brown_dark,
color_accent_soft= brown_dark,
#Chatbot chatbubble
background_fill_secondary=brown_bright,
background_fill_secondary_dark=brown_bright,
border_color_primary= brown_dark,
border_color_primary_dark=brown_dark,
#Placeholder input
input_placeholder_color=brown_extra_bright,
input_placeholder_color_dark=brown_extra_bright,
)