better colors for warning, see phetsims/joist#941

phetsims · Sep 16, 2024 · 1eafa62 · 1eafa62
1 parent 6d22117
commit 1eafa62
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/ph-scale-basics_description_editor.html b/ph-scale-basics_description_editor.html
@@ -37,12 +37,16 @@
     }
 
     .load-details {
-      color: #FF4500;
+    }
+
+    .load-details-description {
+      border: 1px solid red;
+      background-color: rgba(255, 0, 0, 0.3);
     }
 
     .syntax-error {
       border: 1px solid red;
-      background-color: rgba(255,0,0,0.3);
+      background-color: rgba(255, 0, 0, 0.3);
     }
 
     /* This class was found online as a way to preserve an iframe aspect ratio,
@@ -219,7 +223,8 @@
     <div id="error-container"></div>
     <details class='load-details'>
       <summary>Load Logic and English Strings</summary>
-      <p><b>Warning:</b> Loading logic or English strings will overwrite any changes you have made.</p>
+      <p class="load-details-description"><b>Warning:</b> Loading logic or English strings will overwrite any changes
+        you have made.</p>
       <div id="load-buttons">
         <button id="load-logic">Load Logic</button>
         <button id="load-english-strings">Load English Strings</button>