pepijn223 HF Staff commited on
Commit
27447c2
·
unverified ·
1 Parent(s): a55899f

Fix insight box styling for light mode

Browse files

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

Made-with: Cursor

app/src/content/embeds/folding/failure-analysis.html CHANGED
@@ -148,22 +148,22 @@
148
  font-size: 10px;
149
  color: #555e7a;
150
  margin-top: 10px;
151
- line-height: 1.6;
152
  letter-spacing: 0.02em;
153
  }
154
 
155
  .insight-box {
156
- background: #12151f;
157
- border: 1px solid #2a2d3a;
158
- border-left: 3px solid #f7934f;
159
  border-radius: 4px;
160
  padding: 10px 14px;
161
  margin-bottom: 16px;
162
  font-size: 10px;
163
- color: #8b8fa8;
164
  line-height: 1.6;
165
  }
166
- .insight-box strong { color: #e8eaf0; }
167
  </style>
168
  </head>
169
  <body>
 
148
  font-size: 10px;
149
  color: #555e7a;
150
  margin-top: 10px;
151
+ line-height: 1.6;å
152
  letter-spacing: 0.02em;
153
  }
154
 
155
  .insight-box {
156
+ background: rgba(128,128,128,0.06);
157
+ border: 1px solid rgba(128,128,128,0.15);
158
+ border-left: 3px solid rgba(128,128,128,0.3);
159
  border-radius: 4px;
160
  padding: 10px 14px;
161
  margin-bottom: 16px;
162
  font-size: 10px;
163
+ color: #555;
164
  line-height: 1.6;
165
  }
166
+ .insight-box strong { color: #111; }
167
  </style>
168
  </head>
169
  <body>