|
from __future__ import annotations |
|
|
|
from typing import Iterable |
|
import gradio as gr |
|
|
|
|
|
from gradio.themes.base import Base |
|
from gradio.themes.utils import colors, fonts, sizes |
|
import time |
|
|
|
class Acat(Base): |
|
def __init__( |
|
self, |
|
*, |
|
primary_hue: colors.Color | str = colors.green, |
|
secondary_hue: colors.Color | str = colors.emerald, |
|
neutral_hue: colors.Color | str = colors.neutral, |
|
spacing_size: sizes.Size | str = sizes.spacing_md, |
|
radius_size: sizes.Size | str = sizes.radius_md, |
|
text_size: sizes.Size | str = sizes.text_lg, |
|
font: fonts.Font |
|
| str |
|
| Iterable[fonts.Font | str] = ( |
|
'Inter V', |
|
fonts.GoogleFont('Asap'), |
|
'ui-sans-serif', |
|
'sans-serif', |
|
), |
|
font_mono: fonts.Font |
|
| str |
|
| Iterable[fonts.Font | str] = ( |
|
'ui-monospace', |
|
fonts.GoogleFont("Fira Code"), |
|
'Consolas', |
|
'monospace', |
|
), |
|
): |
|
super().__init__( |
|
primary_hue=primary_hue, |
|
secondary_hue=secondary_hue, |
|
neutral_hue=neutral_hue, |
|
spacing_size=spacing_size, |
|
radius_size=radius_size, |
|
text_size=text_size, |
|
font=font, |
|
font_mono=font_mono, |
|
) |
|
self.name= "Acat", |
|
self.secondary_100='#e2effc', |
|
self.secondary_200='#bedff9', |
|
self.secondary_300='#84c5f5', |
|
self.secondary_400='#4eacef', |
|
self.secondary_50='#f1f8fe', |
|
self.secondary_500='#198cde', |
|
self.secondary_600='#0c6ebd', |
|
self.secondary_700='#0b5899', |
|
self.secondary_800='#0e4b7e', |
|
self.secondary_900='#113f69', |
|
self.secondary_950='#0b2846', |
|
self.neutral_100='#e2effc', |
|
self.neutral_200='#bedff9', |
|
self.neutral_300='#84c5f5', |
|
self.neutral_400='#4eacef', |
|
self.neutral_50='#f1f8fe', |
|
self.neutral_500='#198cde', |
|
self.neutral_600='#0c6ebd', |
|
self.neutral_700='#0b5899', |
|
self.neutral_800='#0e4b7e', |
|
self.neutral_900='#113f69', |
|
self.neutral_950='#0b2846', |
|
self.primary_100='#e2effc', |
|
self.primary_200='#bedff9', |
|
self.primary_300='#84c5f5', |
|
self.primary_400='#4eacef', |
|
self.primary_50='#f1f8fe', |
|
self.primary_500='#198cde', |
|
self.primary_600='#0c6ebd', |
|
self.primary_700='#0b5899', |
|
self.primary_800='#0e4b7e', |
|
self.primary_900='#113f69', |
|
self.primary_950='#0b2846', |
|
super().set( |
|
|
|
background_fill_primary='#FFFFFF', |
|
background_fill_primary_dark='#000000', |
|
background_fill_secondary='#dce3e8', |
|
background_fill_secondary_dark='#242424', |
|
block_background_fill='#ECF2F7', |
|
block_background_fill_dark='#191919', |
|
block_border_color='#dce3e8', |
|
block_border_color_dark='#242424', |
|
block_border_width='1px', |
|
block_info_text_color='#191919', |
|
block_info_text_color_dark='#ECF2F7', |
|
block_info_text_size='*text_sm', |
|
block_info_text_weight='400', |
|
block_label_background_fill='#ECF2F700', |
|
block_label_background_fill_dark='#19191900', |
|
block_label_border_color='#dce3e8', |
|
block_label_border_color_dark='#242424', |
|
block_label_border_width='1px', |
|
block_label_margin='0', |
|
block_label_padding='*spacing_sm *spacing_lg', |
|
block_label_radius= "calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0", |
|
block_label_right_radius= "0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)", |
|
block_label_shadow='*block_shadow', |
|
block_label_text_color='#4EACEF', |
|
block_label_text_color_dark='#4EACEF', |
|
block_label_text_size='*text_sm', |
|
block_label_text_weight='400', |
|
block_padding='*spacing_xl calc(*spacing_xl + 2px)', |
|
block_radius='*radius_lg', |
|
block_shadow='#FFFFFF00', |
|
block_shadow_dark='#00000000', |
|
block_title_background_fill='#ECF2F700', |
|
block_title_background_fill_dark='#19191900', |
|
block_title_border_color='#dce3e8', |
|
block_title_border_color_dark='#242424', |
|
block_title_border_width='0px', |
|
block_title_padding='0', |
|
block_title_radius='none', |
|
block_title_text_color='#4EACEF', |
|
block_title_text_color_dark='#4EACEF', |
|
block_title_text_size='*text_md', |
|
block_title_text_weight='bold', |
|
body_background_fill="url('https://cdn.discordapp.com/attachments/1151036558389026838/1158634938128670730/image-removebg-preview_1.png') #FFFFFF no-repeat right bottom/auto 30svh padding-box fixed", |
|
body_background_fill_dark="url('https://cdn.discordapp.com/attachments/1151036558389026838/1158634938128670730/image-removebg-preview_1.png') #000000 no-repeat right bottom/auto 30svh padding-box fixed", |
|
body_text_color='#191919', |
|
body_text_color_dark='#ECF2F7', |
|
body_text_color_subdued='#636668', |
|
body_text_color_subdued_dark='#c4c4c4', |
|
body_text_size='*text_md', |
|
body_text_weight='400', |
|
border_color_accent='#dce3e8', |
|
border_color_accent_dark='#242424', |
|
border_color_primary='#dce3e8', |
|
border_color_primary_dark='#242424', |
|
button_border_width='*input_border_width', |
|
button_border_width_dark='*input_border_width', |
|
button_cancel_background_fill='#dce3e8', |
|
button_cancel_background_fill_dark='#242424', |
|
button_cancel_background_fill_hover='#d0d7db', |
|
button_cancel_background_fill_hover_dark='#202020', |
|
button_cancel_border_color='#191919', |
|
button_cancel_border_color_dark='#ECF2F7', |
|
button_cancel_border_color_hover='#202020', |
|
button_cancel_border_color_hover_dark='#a1c3d8', |
|
button_cancel_text_color='#4EACEF', |
|
button_cancel_text_color_dark='#4EACEF', |
|
button_cancel_text_color_hover='#0c6ebd', |
|
button_cancel_text_color_hover_dark='#0c6ebd', |
|
button_large_padding='*spacing_lg calc(2 * *spacing_lg)', |
|
button_large_radius='*radius_lg', |
|
button_large_text_size='*text_lg', |
|
button_large_text_weight='600', |
|
button_primary_background_fill='#4EACEF', |
|
button_primary_background_fill_dark='#4EACEF', |
|
button_primary_background_fill_hover='#0c6ebd', |
|
button_primary_background_fill_hover_dark='#0c6ebd', |
|
button_primary_border_color='#191919', |
|
button_primary_border_color_dark='#ECF2F7', |
|
button_primary_border_color_hover='#202020', |
|
button_primary_border_color_hover_dark='#a1c3d8', |
|
button_primary_text_color='#ECF2F7', |
|
button_primary_text_color_dark='#191919', |
|
button_primary_text_color_hover='#e1eaf0', |
|
button_primary_text_color_hover_dark='#141414', |
|
button_secondary_background_fill='#dce3e8', |
|
button_secondary_background_fill_dark='#242424', |
|
button_secondary_background_fill_hover='#d0d7db', |
|
button_secondary_background_fill_hover_dark='#202020', |
|
button_secondary_border_color='#dce3e8', |
|
button_secondary_border_color_dark='#242424', |
|
button_secondary_border_color_hover='#d0d7db', |
|
button_secondary_border_color_hover_dark='#202020', |
|
button_secondary_text_color='#4EACEF', |
|
button_secondary_text_color_dark='#4EACEF', |
|
button_secondary_text_color_hover='#0c6ebd', |
|
button_secondary_text_color_hover_dark='#0c6ebd', |
|
button_shadow='none', |
|
button_shadow_active='none', |
|
button_shadow_hover='none', |
|
button_small_padding='*spacing_sm calc(2 * *spacing_sm)', |
|
button_small_radius='*radius_lg', |
|
button_small_text_size='*text_md', |
|
button_small_text_weight='400', |
|
button_transition='background-color 0.2s ease', |
|
chatbot_code_background_color='#FFFFFF', |
|
chatbot_code_background_color_dark='#000000', |
|
checkbox_background_color='#dce3e8', |
|
checkbox_background_color_dark='#242424', |
|
checkbox_background_color_focus='#dce3e8', |
|
checkbox_background_color_focus_dark='#242424', |
|
checkbox_background_color_hover='#dce3e8', |
|
checkbox_background_color_hover_dark='#242424', |
|
checkbox_background_color_selected='#4EACEF', |
|
checkbox_background_color_selected_dark='#4EACEF', |
|
checkbox_border_color='#dce3e8', |
|
checkbox_border_color_dark='#242424', |
|
checkbox_border_color_focus='#4EACEF', |
|
checkbox_border_color_focus_dark='#4EACEF', |
|
checkbox_border_color_hover='#4EACEF', |
|
checkbox_border_color_hover_dark='#4EACEF', |
|
checkbox_border_color_selected='#4EACEF', |
|
checkbox_border_color_selected_dark='#4EACEF', |
|
checkbox_border_radius='*radius_sm', |
|
checkbox_border_width='1px', |
|
checkbox_border_width_dark='1px', |
|
checkbox_check= "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\")", |
|
checkbox_label_background_fill='#ECF2F7', |
|
checkbox_label_background_fill_dark='#191919', |
|
checkbox_label_background_fill_hover='#dce3e8', |
|
checkbox_label_background_fill_hover_dark='#242424', |
|
checkbox_label_background_fill_selected='#dce3e8', |
|
checkbox_label_background_fill_selected_dark='#242424', |
|
checkbox_label_border_color='#dce3e8', |
|
checkbox_label_border_color_dark='#242424', |
|
checkbox_label_border_color_hover='#4EACEF', |
|
checkbox_label_border_color_hover_dark='#4EACEF', |
|
checkbox_label_border_width='1px', |
|
checkbox_label_border_width_dark='1px', |
|
checkbox_label_gap='*spacing_lg', |
|
checkbox_label_padding='*spacing_md calc(2 * *spacing_md)', |
|
checkbox_label_shadow='none', |
|
checkbox_label_text_color='#191919', |
|
checkbox_label_text_color_dark='#ECF2F7', |
|
checkbox_label_text_color_selected='#4EACEF', |
|
checkbox_label_text_color_selected_dark='#4EACEF', |
|
checkbox_label_text_size='*text_md', |
|
checkbox_label_text_weight='400', |
|
checkbox_shadow='*input_shadow', |
|
color_accent='*primary_500', |
|
color_accent_soft='#dce3e8', |
|
color_accent_soft_dark='#242424', |
|
container_radius='*radius_lg', |
|
embed_radius='*radius_lg', |
|
error_background_fill='#dce3e8', |
|
error_background_fill_dark='#242424', |
|
error_border_color='#191919', |
|
error_border_color_dark='#ECF2F7', |
|
error_border_width='1px', |
|
error_border_width_dark='1px', |
|
error_text_color='#4EACEF', |
|
error_text_color_dark='#4EACEF', |
|
form_gap_width='0px', |
|
input_background_fill='#dce3e8', |
|
input_background_fill_dark='#242424', |
|
input_background_fill_focus='#dce3e8', |
|
input_background_fill_focus_dark='#242424', |
|
input_background_fill_hover='#d0d7db', |
|
input_background_fill_hover_dark='#202020', |
|
input_border_color='#191919', |
|
input_border_color_dark='#ECF2F7', |
|
input_border_color_focus='#191919', |
|
input_border_color_focus_dark='#ECF2F7', |
|
input_border_color_hover='#202020', |
|
input_border_color_hover_dark='#a1c3d8', |
|
input_border_width='0px', |
|
input_padding='*spacing_xl', |
|
input_placeholder_color='#19191930', |
|
input_placeholder_color_dark='#ECF2F730', |
|
input_radius='*radius_lg', |
|
input_shadow='#19191900', |
|
input_shadow_dark='#ECF2F700', |
|
input_shadow_focus='#19191900', |
|
input_shadow_focus_dark='#ECF2F700', |
|
input_text_size='*text_md', |
|
input_text_weight='400', |
|
layout_gap='*spacing_xxl', |
|
link_text_color='#4EACEF', |
|
link_text_color_active='#4EACEF', |
|
link_text_color_active_dark='#4EACEF', |
|
link_text_color_dark='#4EACEF', |
|
link_text_color_hover='#0c6ebd', |
|
link_text_color_hover_dark='#0c6ebd', |
|
link_text_color_visited='#4EACEF', |
|
link_text_color_visited_dark='#4EACEF', |
|
loader_color='#4EACEF', |
|
loader_color_dark='#4EACEF', |
|
|
|
panel_background_fill='#ECF2F7', |
|
panel_background_fill_dark='#191919', |
|
panel_border_color='#4EACEF', |
|
panel_border_color_dark='#4EACEF', |
|
panel_border_width='0', |
|
|
|
prose_header_text_weight='600', |
|
prose_text_size='*text_md', |
|
prose_text_weight='400', |
|
radio_circle= "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")", |
|
section_header_text_size='*text_md', |
|
section_header_text_weight='400', |
|
shadow_drop='rgba(0,0,0,0.05) 0px 1px 2px 0px', |
|
shadow_drop_lg='0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)', |
|
shadow_inset='rgba(0,0,0,0.05) 0px 2px 4px 0px inset', |
|
shadow_spread='#FFFFFF', |
|
shadow_spread_dark='#000000', |
|
slider_color='#4EACEF', |
|
slider_color_dark='#4EACEF', |
|
stat_background_fill='#4EACEF', |
|
stat_background_fill_dark='#4EACEF', |
|
table_border_color='#191919', |
|
table_border_color_dark='#ECF2F7', |
|
table_even_background_fill='#ECF2F7', |
|
table_even_background_fill_dark='#191919', |
|
table_odd_background_fill='#dce3e8', |
|
table_odd_background_fill_dark='#242424', |
|
table_radius='*radius_lg', |
|
table_row_focus='#191919', |
|
table_row_focus_dark='#ECF2F7', |
|
|
|
) |
|
|
|
|
