Spaces:
Running
Running
openhands
commited on
Commit
·
d9b12ec
1
Parent(s):
4b2f07d
Remove glow effect from all images in dark mode plots
Browse files- Simplified CSS to just re-invert images without drop-shadow
- Logos are now designed to be visible without the glow effect
- assets/logo-anthropic.svg +1 -1
- content.py +4 -17
assets/logo-anthropic.svg
CHANGED
|
|
|
|
content.py
CHANGED
|
@@ -1143,23 +1143,10 @@ h3 .header-link-icon {
|
|
| 1143 |
filter: invert(0.88) hue-rotate(180deg);
|
| 1144 |
}
|
| 1145 |
|
| 1146 |
-
/* Re-invert
|
| 1147 |
-
|
| 1148 |
-
|
| 1149 |
-
|
| 1150 |
-
.dark .js-plotly-plot .imagelayer image:not([href*="openhands=logo"]):not([xlink\\:href*="openhands=logo"]) {
|
| 1151 |
-
filter: invert(1) hue-rotate(180deg)
|
| 1152 |
-
drop-shadow(0 0 12px rgba(160, 165, 180, 0.95))
|
| 1153 |
-
drop-shadow(0 0 8px rgba(160, 165, 180, 0.9));
|
| 1154 |
-
}
|
| 1155 |
-
|
| 1156 |
-
/* OpenHands logo at bottom - no glow, just re-invert for dark mode */
|
| 1157 |
-
/* The logo is identified by openhands=logo MIME parameter in the data URI */
|
| 1158 |
-
.dark .js-plotly-plot .layer-above image[href*="openhands=logo"],
|
| 1159 |
-
.dark .js-plotly-plot .layer-above image[xlink\\:href*="openhands=logo"],
|
| 1160 |
-
.dark .js-plotly-plot .imagelayer image[href*="openhands=logo"],
|
| 1161 |
-
.dark .js-plotly-plot .imagelayer image[xlink\\:href*="openhands=logo"] {
|
| 1162 |
-
filter: invert(1) hue-rotate(180deg) !important;
|
| 1163 |
}
|
| 1164 |
|
| 1165 |
/* Modebar icons need re-inversion */
|
|
|
|
| 1143 |
filter: invert(0.88) hue-rotate(180deg);
|
| 1144 |
}
|
| 1145 |
|
| 1146 |
+
/* Re-invert all images so they display correctly (no glow) */
|
| 1147 |
+
.dark .js-plotly-plot .layer-above image,
|
| 1148 |
+
.dark .js-plotly-plot .imagelayer image {
|
| 1149 |
+
filter: invert(1) hue-rotate(180deg);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1150 |
}
|
| 1151 |
|
| 1152 |
/* Modebar icons need re-inversion */
|