Spaces:
Running
Running
openhands commited on
Commit ·
02e5603
1
Parent(s): bb0cd90
Fix dark mode logo visibility by simplifying CSS filters
Browse filesRemoved 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.
- 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
|
| 1025 |
-
|
| 1026 |
-
.dark .js-plotly-plot .
|
| 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);
|