diff --git a/src/components/Homepage/homepage.css b/src/components/Homepage/homepage.css index 4b0534a4a..ae253e24a 100644 --- a/src/components/Homepage/homepage.css +++ b/src/components/Homepage/homepage.css @@ -21,7 +21,11 @@ html[data-has-hydrated="true"]:not(.docs-wrapper):not(.search-page-wrapper) url("/img/theme/astronaut@2x.webp") 2x ) right -20px top 40px no-repeat, - url("/img/theme/ray-opaque.webp") right -50px top no-repeat, + image-set( + url("/img/theme/glow-light.webp") 1x, + url("/img/theme/glow-light@2x.webp") 2x + ) + right -180px top -150px no-repeat, var(--ifm-background-color); background-size: 680px, 1200px, auto; background-blend-mode: normal, difference, normal; @@ -36,7 +40,11 @@ html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not( url("/img/theme/astronaut@2x.webp") 2x ) right -20px top 40px no-repeat, - url("/img/theme/ray.webp") right -50px top no-repeat, + image-set( + url("/img/theme/glow-dark.webp") 1x, + url("/img/theme/glow-dark@2x.webp") 2x + ) + right -180px top -150px no-repeat, var(--ifm-background-color); background-size: 680px, 1200px, auto; background-blend-mode: normal, lighten, normal; @@ -61,7 +69,7 @@ html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not( .search-page-wrapper ) #__docusaurus { - background-position: right -20px top 120px, right -100px top 100px; + background-position: right -20px top 120px, right -150px top 20px; background-size: 70vw, 120vw, auto; } } diff --git a/static/img/theme/glow-dark.webp b/static/img/theme/glow-dark.webp new file mode 100644 index 000000000..301e1e7d3 Binary files /dev/null and b/static/img/theme/glow-dark.webp differ diff --git a/static/img/theme/glow-dark@2x.webp b/static/img/theme/glow-dark@2x.webp new file mode 100644 index 000000000..3c69ee76d Binary files /dev/null and b/static/img/theme/glow-dark@2x.webp differ diff --git a/static/img/theme/glow-light.webp b/static/img/theme/glow-light.webp new file mode 100644 index 000000000..62c9e1235 Binary files /dev/null and b/static/img/theme/glow-light.webp differ diff --git a/static/img/theme/glow-light@2x.webp b/static/img/theme/glow-light@2x.webp new file mode 100644 index 000000000..69cb83ea4 Binary files /dev/null and b/static/img/theme/glow-light@2x.webp differ diff --git a/static/img/theme/ray-opaque.webp b/static/img/theme/ray-opaque.webp deleted file mode 100644 index e159e4af7..000000000 Binary files a/static/img/theme/ray-opaque.webp and /dev/null differ diff --git a/static/img/theme/ray.webp b/static/img/theme/ray.webp deleted file mode 100644 index 07d96c5ef..000000000 Binary files a/static/img/theme/ray.webp and /dev/null differ