openhands openhands commited on
Commit
d68f190
·
1 Parent(s): d2c3c09

Change blue links and text to dark grey (#555555)

Browse files

Updated link colors in both CSS variables and Gradio theme to use
dark grey instead of blue/indigo for better visual consistency.

Co-authored-by: openhands <openhands@all-hands.dev>

Files changed (2) hide show
  1. app.py +5 -5
  2. content.py +2 -2
app.py CHANGED
@@ -138,11 +138,11 @@ theme = gr.themes.Base(
138
  color_accent='*primary_900',
139
  color_accent_soft='*neutral_200',
140
  color_accent_soft_dark='*neutral_800',
141
- link_text_color='*secondary_900',
142
- link_text_color_dark='*primary_900',
143
- link_text_color_active_dark='*primary_600',
144
- link_text_color_hover_dark='*primary_700',
145
- link_text_color_visited_dark='*primary_600',
146
  table_even_background_fill='*neutral_100',
147
  table_even_background_fill_dark='*neutral_800',
148
  button_primary_background_fill='*secondary_900',
 
138
  color_accent='*primary_900',
139
  color_accent_soft='*neutral_200',
140
  color_accent_soft_dark='*neutral_800',
141
+ link_text_color='#555555',
142
+ link_text_color_dark='#aaaaaa',
143
+ link_text_color_active_dark='#888888',
144
+ link_text_color_hover_dark='#999999',
145
+ link_text_color_visited_dark='#888888',
146
  table_even_background_fill='*neutral_100',
147
  table_even_background_fill_dark='*neutral_800',
148
  button_primary_background_fill='*secondary_900',
content.py CHANGED
@@ -29,7 +29,7 @@ INTRO_PARAGRAPH = """
29
  </p>
30
 
31
  <p>
32
- For methodology details, see the <a href="/about" style="color: #6366F1; text-decoration: underline;">About</a> page.
33
  </p>
34
  """
35
  SCATTER_DISCLAIMER = """
@@ -239,7 +239,7 @@ css = """
239
  /* CSS Color Variables using All-Hands-AI color scheme */
240
  :root {
241
  --color-primary-accent: #FFE165; /* Yellow accent from All-Hands-AI */
242
- --color-primary-link: #6366F1; /* Indigo/purple links */
243
  --color-neutral-light: #D4CABD; /* Tan placeholder */
244
  --color-background-light: #F1EAE0; /* Beige/cream background */
245
  --color-background-dark: #292A36; /* Dark gray */
 
29
  </p>
30
 
31
  <p>
32
+ For methodology details, see the <a href="/about" style="color: #555555; text-decoration: underline;">About</a> page.
33
  </p>
34
  """
35
  SCATTER_DISCLAIMER = """
 
239
  /* CSS Color Variables using All-Hands-AI color scheme */
240
  :root {
241
  --color-primary-accent: #FFE165; /* Yellow accent from All-Hands-AI */
242
+ --color-primary-link: #555555; /* Dark grey links */
243
  --color-neutral-light: #D4CABD; /* Tan placeholder */
244
  --color-background-light: #F1EAE0; /* Beige/cream background */
245
  --color-background-dark: #292A36; /* Dark gray */