From 5c21c8d28bf6db5acb9eb98b42e79d19ff3e029e Mon Sep 17 00:00:00 2001 From: Saran Tunyasuvunakool Date: Fri, 22 May 2026 10:25:23 -0700 Subject: [PATCH] Minor restyling of the loading screen. PiperOrigin-RevId: 919744412 Change-Id: I3e4aa0b59d100ac85e8f915d7d733b2b3ea1ecea --- src/experimental/studio/live.css | 29 +++++++++++++++-------------- src/experimental/studio/live.html | 8 +++++--- 2 files changed, 20 insertions(+), 17 deletions(-) diff --git a/src/experimental/studio/live.css b/src/experimental/studio/live.css index 24cac67a..d72872db 100644 --- a/src/experimental/studio/live.css +++ b/src/experimental/studio/live.css @@ -4,7 +4,7 @@ left: 0; width: 100%; height: 100%; - background: radial-gradient(circle at 50% 50%, #0a0f1c 0%, #020407 100%); + background: radial-gradient(circle at 50% 50%, #092057 0%, #090f23 100%); z-index: 10000; display: none; align-items: center; @@ -21,8 +21,8 @@ width: 100%; height: 100%; background-image: - linear-gradient(rgba(123, 147, 232, 0.035) 1px, transparent 1px), - linear-gradient(90deg, rgba(123, 147, 232, 0.035) 1px, transparent 1px); + linear-gradient(rgba(123, 147, 232, 0.2) 0.5px, transparent 0.5px), + linear-gradient(90deg, rgba(123, 147, 232, 0.2) 0.5px, transparent 0.5px); background-size: 50px 50px; background-position: center center; transform: perspective(500px) rotateX(60deg) scale(2.5); @@ -42,7 +42,7 @@ .loading-container { color: #fff; font-size: 24px; - font-family: sans-serif; + font-family: "Atkinson Hyperlegible Next", sans-serif; text-align: center; } .loading-visual { @@ -87,25 +87,26 @@ height: auto; } .loading-title { - font-size: 18px; + font-size: 26px; + font-family: "Atkinson Hyperlegible Next", sans-serif; + font-weight: 700; margin-top: 120px; /* Push down below the bottom vertices of the rotating cube. */ - margin-bottom: 16px; color: rgba(255, 255, 255, 0.75); } -.loading-subtitle { - font-size: 14px; - opacity: 0.7; -} .loading-download { display: none; - margin-top: 24px; + margin-top: 16px; opacity: 0.6; } .loading-download-label { - font-size: 14px; + font-size: 16px; + font-family: "Atkinson Hyperlegible Next", sans-serif; + font-weight: 400; } .loading-download-file { - font-size: 14px; + font-size: 16px; + font-family: "Atkinson Hyperlegible Next", sans-serif; + font-weight: 400; } #dropOverlay { position: fixed; @@ -123,7 +124,7 @@ .drop-message { color: #fff; font-size: 24px; - font-family: sans-serif; + font-family: "Atkinson Hyperlegible Next", sans-serif; padding: 32px 48px; border: 3px dashed #fff; border-radius: 16px; diff --git a/src/experimental/studio/live.html b/src/experimental/studio/live.html index b67756f3..08d33f37 100644 --- a/src/experimental/studio/live.html +++ b/src/experimental/studio/live.html @@ -2,6 +2,9 @@ + + + MuJoCo Live @@ -26,7 +29,7 @@
- + @@ -34,8 +37,7 @@
-
Loading model…
-
This may take a moment for large models.
+
Loading model