openhands commited on
Commit
02e5603
·
1 Parent(s): bb0cd90

Fix dark mode logo visibility by simplifying CSS filters

Browse files

Removed the complex exclusion rules for OpenHands logos and simplified
the CSS to apply the same re-inversion filter to all images in charts.
This fixes logos like Moonshot/Kimi that weren't displaying correctly
in dark mode due to color inversion issues.

Files changed (1) hide show
  1. content.py +3 -12
content.py CHANGED
@@ -1021,21 +1021,12 @@ h3 .header-link-icon {
1021
  filter: invert(0.88) hue-rotate(180deg);
1022
  }
1023
 
1024
- /* Re-invert all images so they display correctly (no glow) */
1025
- /* Exclude OpenHands logos which are handled by JavaScript */
1026
- .dark .js-plotly-plot .layer-above image:not([href*="openhands="]):not([xlink\\:href*="openhands="]),
1027
- .dark .js-plotly-plot .imagelayer image:not([href*="openhands="]):not([xlink\\:href*="openhands="]) {
1028
  filter: invert(1) hue-rotate(180deg);
1029
  }
1030
 
1031
- /* OpenHands logos: JavaScript handles visibility, CSS just removes any filters */
1032
- .dark .js-plotly-plot .layer-above image[href*="openhands="],
1033
- .dark .js-plotly-plot .layer-above image[xlink\\:href*="openhands="],
1034
- .dark .js-plotly-plot .imagelayer image[href*="openhands="],
1035
- .dark .js-plotly-plot .imagelayer image[xlink\\:href*="openhands="] {
1036
- filter: none !important;
1037
- }
1038
-
1039
  /* Modebar icons need re-inversion */
1040
  .dark .js-plotly-plot .modebar {
1041
  filter: invert(1) hue-rotate(180deg);
 
1021
  filter: invert(0.88) hue-rotate(180deg);
1022
  }
1023
 
1024
+ /* Re-invert all images so they display correctly (no filters/effects) */
1025
+ .dark .js-plotly-plot .layer-above image,
1026
+ .dark .js-plotly-plot .imagelayer image {
 
1027
  filter: invert(1) hue-rotate(180deg);
1028
  }
1029
 
 
 
 
 
 
 
 
 
1030
  /* Modebar icons need re-inversion */
1031
  .dark .js-plotly-plot .modebar {
1032
  filter: invert(1) hue-rotate(180deg);