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,


        )