Remove glow from OpenHands logo in dark mode plots

- Add #openhands-logo fragment to logo data URIs for CSS targeting
- Update CSS to exclude OpenHands logo from glow effect using :not() selector
- Company logos still get the glow for visibility in dark mode
- OpenHands branding logo renders cleanly without glow

content.py

@@ -1145,16 +1145,20 @@ h3 .header-link-icon {
 
 /* Re-invert company logo images so they display correctly */
 /* Also add a light gray circular glow behind them for visibility */
-.dark .js-plotly-plot .layer-above image,
-.dark .js-plotly-plot .imagelayer image {
+/* Exclude OpenHands logo (identified by #openhands-logo fragment in href) */
+.dark .js-plotly-plot .layer-above image:not([href*="openhands-logo"]):not([xlink\\:href*="openhands-logo"]),
+.dark .js-plotly-plot .imagelayer image:not([href*="openhands-logo"]):not([xlink\\:href*="openhands-logo"]) {
     filter: invert(1) hue-rotate(180deg) 
             drop-shadow(0 0 12px rgba(160, 165, 180, 0.95)) 
             drop-shadow(0 0 8px rgba(160, 165, 180, 0.9));
 }
 
-/* Re-invert the OpenHands logo at bottom - no glow needed as it's designed for dark backgrounds */
-.dark .js-plotly-plot image[xlink\\:href*="openhands"],
-.dark .js-plotly-plot image[href*="openhands"] {
+/* OpenHands logo at bottom - no glow, just re-invert for dark mode */
+/* The logo is identified by #openhands-logo fragment in the data URI */
+.dark .js-plotly-plot .layer-above image[href*="openhands-logo"],
+.dark .js-plotly-plot .layer-above image[xlink\\:href*="openhands-logo"],
+.dark .js-plotly-plot .imagelayer image[href*="openhands-logo"],
+.dark .js-plotly-plot .imagelayer image[xlink\\:href*="openhands-logo"] {
     filter: invert(1) hue-rotate(180deg) !important;
 }
 

leaderboard_transformer.py

@@ -40,7 +40,8 @@ COMPANY_LOGO_MAP = {
 }
 
 # OpenHands branding constants
-OPENHANDS_LOGO_PATH = "assets/openhands_logo_color_forwhite.png"
+OPENHANDS_LOGO_PATH_LIGHT = "assets/openhands_logo_color_forwhite.png"
+OPENHANDS_LOGO_PATH_DARK = "assets/openhands_logo_color_forblack.png"
 OPENHANDS_URL = "https://index.openhands.dev"
 
 # URL annotation for bottom right of charts
@@ -62,13 +63,18 @@ URL_ANNOTATION = dict(
 
 
 def get_openhands_logo_image():
-    """Get the OpenHands logo as a Plotly image dict for chart branding."""
-    if os.path.exists(OPENHANDS_LOGO_PATH):
+    """Get the OpenHands logo as a Plotly image dict for chart branding.
+    
+    Uses a special URI format with #openhands-logo fragment to allow CSS targeting.
+    The fragment doesn't affect the image rendering but enables CSS selectors.
+    """
+    if os.path.exists(OPENHANDS_LOGO_PATH_LIGHT):
         try:
-            with open(OPENHANDS_LOGO_PATH, "rb") as f:
+            with open(OPENHANDS_LOGO_PATH_LIGHT, "rb") as f:
                 logo_data = base64.b64encode(f.read()).decode('utf-8')
+            # Add #openhands-logo fragment to enable CSS targeting for dark mode handling
             return dict(
-                source=f"data:image/png;base64,{logo_data}",
+                source=f"data:image/png;base64,{logo_data}#openhands-logo",
                 xref="paper",
                 yref="paper",
                 x=0,

visualizations.py

@@ -41,7 +41,8 @@ STANDARD_FONT = dict(
 )
 
 # OpenHands branding constants
-OPENHANDS_LOGO_PATH = "assets/openhands_logo_color_forwhite.png"
+OPENHANDS_LOGO_PATH_LIGHT = "assets/openhands_logo_color_forwhite.png"
+OPENHANDS_LOGO_PATH_DARK = "assets/openhands_logo_color_forblack.png"
 OPENHANDS_URL = "https://index.openhands.dev"
 
 # URL annotation for bottom right of charts
@@ -63,13 +64,18 @@ URL_ANNOTATION = dict(
 
 
 def get_openhands_logo_image():
-    """Get the OpenHands logo as a Plotly image dict for chart branding."""
-    if os.path.exists(OPENHANDS_LOGO_PATH):
+    """Get the OpenHands logo as a Plotly image dict for chart branding.
+    
+    Uses a special URI format with #openhands-logo fragment to allow CSS targeting.
+    The fragment doesn't affect the image rendering but enables CSS selectors.
+    """
+    if os.path.exists(OPENHANDS_LOGO_PATH_LIGHT):
         try:
-            with open(OPENHANDS_LOGO_PATH, "rb") as f:
+            with open(OPENHANDS_LOGO_PATH_LIGHT, "rb") as f:
                 logo_data = base64.b64encode(f.read()).decode('utf-8')
+            # Add #openhands-logo fragment to enable CSS targeting for dark mode handling
             return dict(
-                source=f"data:image/png;base64,{logo_data}",
+                source=f"data:image/png;base64,{logo_data}#openhands-logo",
                 xref="paper",
                 yref="paper",
                 x=0,