# Definición de colores
BACKGROUND_COLOR = "#0b0f19"
BUTTON_COLOR = "#47515f"
SVG_COLOR = "#f3f4f6"
PANEL_COLOR = "#101827"
PRIMARY_TEXT_COLOR = "#f3f4f6"
SUBDUED_TEXT_COLOR = "#59616f"
BACKGROUND_PRIMARY_COLOR = "#1f2937"
BACKGROUND_SECONDARY_COLOR = "#101827"
PRIMARY_BODER_COLOR = "#323c4c"
BLOCK_TITLE_TEXT_COLOR = "#dfe2e6"
INPUT_BACKGROUND_COLOR = "#2f3947"
INPUT_BORDER_COLOR = "#313b4b"
INPUT_PLACEHOLDER_COLOR = "#616977"
ERROR_BACKGROUND_COLOR = "#101827"
ERROR_TEXT_COLOR = "#f7f2f2"
ERROR_BORDER_COLOR = "#9b3339"
BUTTON_SECONDARY_BACKGROUND_COLOR = "#434d5c"
BUTTON_SECONDARY_BORDER_COLOR = "#444d5b"
BUTTON_SECONDARY_TEXT_COLOR = "#c5c9cc"
RED = "#ff0000"
GREEN = "#00ff00"
BLUE = "#0000ff"

# HTML para redes sociales
html_social_media = f'''
<div style="float: right;">
    <a href="https://maximofn.com/" rel="noopener noreferrer" aria-disabled="false" class="sm secondary  svelte-cmf5ev" id="component-1" style="flex-grow: 100;" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512">
            <style>
                svg {"{"}
                    fill: {SVG_COLOR}
                {"}"}
            </style>
            <path d="M208 80c0-26.5 21.5-48 48-48h64c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-8v40H464c30.9 0 56 25.1 56 56v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-4.4-3.6-8-8-8H312v40h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V280H112c-4.4 0-8 3.6-8 8v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-30.9 25.1-56 56-56H264V192h-8c-26.5 0-48-21.5-48-48V80z"/>
        </svg>
    </a>
    <!-- Resto de los enlaces de redes sociales... -->
</div>
'''

# HTML para el logo
def get_html_subtify_logo_big(new_width, new_height):
    return f"""
    <div style="display: flex; justify-content: center; align-items: center;">
        <img src='https://pub-fb664c455eca46a2ba762a065ac900f7.r2.dev/subtify_logo-scaled.webp' width={new_width*2}px height={new_height*2}px >
    </div>
    """

def get_html_subtify_logo_small(new_width, new_height):
    return f"""
    <div style="display: flex; justify-content: center; align-items: center;">
        <img src='https://pub-fb664c455eca46a2ba762a065ac900f7.r2.dev/subtify_logo-scaled.webp' width={int(new_width/2)}px height={int(new_height/2)}px >
    </div>
    """

# HTML para el botón de Buy Me a Coffee
html_buy_me_a_coffe = '''
<div style="float: right;">
    <a href="https://www.buymeacoffee.com/maximofn" target="_blank">
        <img src="https://img.shields.io/badge/Buy_Me_A_Coffee-support_my_work-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=white&labelColor=101010" alt="buy me a coffe">
    </a>
</div>
'''