robot-folding

Running

pepijn223 HF Staff commited on Mar 26

Commit

27447c2

unverified ·

1 Parent(s): a55899f

Fix insight box styling for light mode

Use neutral grey background with dark text colors for readability
on white backgrounds.

Made-with: Cursor

Files changed (1) hide show

app/src/content/embeds/folding/failure-analysis.html CHANGED Viewed

@@ -148,22 +148,22 @@
     font-size: 10px;
     color: #555e7a;
     margin-top: 10px;
-    line-height: 1.6;
     letter-spacing: 0.02em;
   }
   .insight-box {
-    background: #12151f;
-    border: 1px solid #2a2d3a;
-    border-left: 3px solid #f7934f;
     border-radius: 4px;
     padding: 10px 14px;
     margin-bottom: 16px;
     font-size: 10px;
-    color: #8b8fa8;
     line-height: 1.6;
   }
-  .insight-box strong { color: #e8eaf0; }
 </style>
 </head>
 <body>

     font-size: 10px;
     color: #555e7a;
     margin-top: 10px;
+    line-height: 1.6;å
     letter-spacing: 0.02em;
   }
   .insight-box {
+    background: rgba(128,128,128,0.06);
+    border: 1px solid rgba(128,128,128,0.15);
+    border-left: 3px solid rgba(128,128,128,0.3);
     border-radius: 4px;
     padding: 10px 14px;
     margin-bottom: 16px;
     font-size: 10px;
+    color: #555;
     line-height: 1.6;
   }
+  .insight-box strong { color: #111; }
 </style>
 </head>
 <body>