mirror of
https://github.com/go-gitea/gitea
synced 2024-12-23 12:07:52 +01:00
fd4e7447e7
Backport #21642 Browsers introduce a opaque background on iframes if the iframe element's color-scheme does not match the document's color scheme which in case of a dark theme results in a mismatch and the browser adds a white background. Avoid this by specifying the same color scheme outside and inside the iframe. See https://fvsch.com/transparent-iframes for more info. My initial attempt was to make the iframe document the same color-scheme as the parent page (light or dark) but with that, there was a ugly background flash on load in Chrome because Chrome apparently always loads iframe in light scheme initially. Firefox still shows a background flash on load but this is not possible to get rid of and it's certainly a browser bug. Before: <img width="1147" alt="Screen Shot 2022-10-31 at 13 30 55" src="https://user-images.githubusercontent.com/115237/199017132-9828aace-bdd0-4ede-8118-359e72bcf2fe.png"> After: <img width="1152" alt="Screen Shot 2022-10-31 at 13 30 36" src="https://user-images.githubusercontent.com/115237/199017137-989a9e67-3fe0-445f-a191-df5bf290dabf.png"> |
||
---|---|---|
.. | ||
chroma | ||
code | ||
codemirror | ||
console | ||
features | ||
markup | ||
modules | ||
shared | ||
standalone | ||
themes | ||
_admin.less | ||
_base.less | ||
_dashboard.less | ||
_editor.less | ||
_explore.less | ||
_font_i18n.less | ||
_form.less | ||
_home.less | ||
_install.less | ||
_organization.less | ||
_package.less | ||
_repository.less | ||
_review.less | ||
_svg.less | ||
_tribute.less | ||
_user.less | ||
animations.less | ||
helpers.less | ||
index.less | ||
variables.less |