Spaces:
Running
Running
Fix text colors for dark/light mode in failure analysis and statistical analysis
Browse files
app/src/content/embeds/folding/failure-analysis.html
CHANGED
|
@@ -148,10 +148,14 @@
|
|
| 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);
|
|
@@ -164,6 +168,16 @@
|
|
| 164 |
line-height: 1.6;
|
| 165 |
}
|
| 166 |
.insight-box strong { color: #111; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
+
@media (prefers-color-scheme: dark) {
|
| 156 |
+
.note { color: #c8cad8; }
|
| 157 |
+
}
|
| 158 |
+
|
| 159 |
.insight-box {
|
| 160 |
background: rgba(128,128,128,0.06);
|
| 161 |
border: 1px solid rgba(128,128,128,0.15);
|
|
|
|
| 168 |
line-height: 1.6;
|
| 169 |
}
|
| 170 |
.insight-box strong { color: #111; }
|
| 171 |
+
|
| 172 |
+
@media (prefers-color-scheme: dark) {
|
| 173 |
+
.insight-box {
|
| 174 |
+
background: #12151f;
|
| 175 |
+
border: 1px solid #2a2d3a;
|
| 176 |
+
border-left: 3px solid #f7934f;
|
| 177 |
+
color: #8b8fa8;
|
| 178 |
+
}
|
| 179 |
+
.insight-box strong { color: #e8eaf0; }
|
| 180 |
+
}
|
| 181 |
</style>
|
| 182 |
</head>
|
| 183 |
<body>
|
app/src/content/embeds/folding/statistical-analysis.html
CHANGED
|
@@ -27,6 +27,7 @@ svg text{font-family:system-ui,sans-serif}
|
|
| 27 |
.ctrl-btn:hover,.ctrl-btn.active{color:#e8eaf0;border-color:#4a4d5a;background:#252835}
|
| 28 |
|
| 29 |
.note{font-size:10px;color:#555e7a;margin-top:10px;line-height:1.6}
|
|
|
|
| 30 |
.tooltip{position:fixed;background:#252835;border:1px solid #3a3d4a;border-radius:4px;padding:8px 11px;font-size:9px;color:#e8eaf0;pointer-events:none;opacity:0;transition:opacity .1s;z-index:100;line-height:1.7;max-width:240px}
|
| 31 |
</style>
|
| 32 |
</head>
|
|
|
|
| 27 |
.ctrl-btn:hover,.ctrl-btn.active{color:#e8eaf0;border-color:#4a4d5a;background:#252835}
|
| 28 |
|
| 29 |
.note{font-size:10px;color:#555e7a;margin-top:10px;line-height:1.6}
|
| 30 |
+
@media(prefers-color-scheme:dark){.note{color:#c8cad8}}
|
| 31 |
.tooltip{position:fixed;background:#252835;border:1px solid #3a3d4a;border-radius:4px;padding:8px 11px;font-size:9px;color:#e8eaf0;pointer-events:none;opacity:0;transition:opacity .1s;z-index:100;line-height:1.7;max-width:240px}
|
| 32 |
</style>
|
| 33 |
</head>
|