Update app.py

app.py

@@ -10,7 +10,7 @@ def display_html(html_code):
         </div>
     """
 
-# カスタムテーマ (Gradio 5.x 系対応)
+# カスタムテーマ (Gradio 5.x 系対応, link関連を削除)
 theme = gr.themes.Default(
     primary_hue=gr.themes.colors.indigo,
     secondary_hue=gr.themes.colors.blue,
@@ -20,7 +20,7 @@ theme = gr.themes.Default(
     # 全体的なスタイルの微調整
     body_background_fill="linear-gradient(to bottom right, #f5f5f5, #e0e7ff)",
     body_text_color="rgba(0, 0, 0, 0.8)",
-    body_text_size="md",  # text_md -> md
+    body_text_size="md",
     body_text_color_subdued="rgba(0, 0, 0, 0.6)",
 
     # ブロック要素のスタイル
@@ -30,19 +30,19 @@ theme = gr.themes.Default(
     # block_border_radius="*radius_lg",  # Gradio 5 でエラーが出る場合はコメントアウト
     block_title_text_weight="600",
     block_label_background_fill="rgba(0, 0, 0, 0.04)",
-    block_label_text_color="primary", # primary_500 -> primary
-    block_label_text_size="sm", # text_sm -> sm
+    block_label_text_color="primary",
+    block_label_text_size="sm",
     block_label_margin="0.5rem",
 
 
     # ボタンのスタイル
-    button_primary_background_fill="primary", # primary_500 -> primary
-    button_primary_background_fill_hover="dark", # primary_600 -> dark
+    button_primary_background_fill="primary",
+    button_primary_background_fill_hover="dark",
     button_primary_text_color="white",
     # button_primary_border_radius="*radius_lg", # Gradio 5 でエラーが出る場合はコメントアウト
     button_secondary_background_fill="white",
-    button_secondary_border_color="primary", # primary_500 -> primary
-    button_secondary_text_color="primary", # primary_500 -> primary
+    button_secondary_border_color="primary",
+    button_secondary_text_color="primary",
     # 影
     # button_shadow="*shadow_drop_lg", #Gradio5でエラーがでたらコメントアウト
     # button_shadow_hover="*shadow_drop_lg",#Gradio5でエラーがでたらコメントアウト
@@ -51,24 +51,35 @@ theme = gr.themes.Default(
     input_background_fill="#f9fafb",
     input_border_color="rgba(0, 0, 0, 0.2)",
     input_border_width="1px",
-    input_text_size="md",  # text_md -> md
+    input_text_size="md",
     input_placeholder_color="rgba(0, 0, 0, 0.4)",
 
     # その他
     background_fill_secondary="white",
-    border_color_accent="primary", # primary_500 -> primary
+    border_color_accent="primary",
     border_color_primary="rgba(0, 0, 0, 0.2)",
 
-     #リンクの色
-    link_text_color = "secondary", # secondary_500 -> secondary
-    link_hover_color = "dark", # secondary_600 -> dark
-    link_visited_color = "darker", # secondary_700 -> darker
-
+    # link_* 関連の設定は削除。CSSで対応
 )
 
+# カスタム CSS (リンクのスタイル)
+css = """
+a {
+    color: var(--link-text-color);
+    text-decoration: underline; /* または none など */
+}
+a:hover {
+    color: var(--link-hover-color);
+}
+a:visited {
+    color: var(--link-visited-color);
+}
+
+/* 必要に応じて、さらに詳細なスタイルをCSSで追加 */
+"""
 
 
-with gr.Blocks(theme=theme, title="HTML Viewer") as demo:
+with gr.Blocks(theme=theme, title="HTML Viewer", css=css) as demo:  # css引数を追加
     gr.Markdown(
     """
     # HTML Viewer