A calm place to write long-form, and publish it to the open social web.
skypress.blog/
Fix pill dark-mode contrast and remove orphaned publish__result CSS
author
Jeremy Herve
date
(Jun 10, 2026, 3:31 PM +0200)
commit
eb7ca16c
eb7ca16c1566ea6d56e048864fc1b77d95f4c557
parent
1e4ae889
1e4ae8895fa9d158187540b018f419f8ec920f97
+9
-11
+9
-11
src/styles/editor-chrome.css
+9
-11
src/styles/editor-chrome.css
···
106
106
gap: 0.75rem;
107
107
flex-wrap: wrap;
108
108
}
109
-
.publish__result,
110
109
.publish__status,
111
110
.publish__error {
112
111
flex: 1 1 100%;
113
112
font-size: 0.9rem;
114
-
}
115
-
.publish__result code {
116
-
word-break: break-all;
117
-
background: var(--panel);
118
-
padding: 0.1rem 0.3rem;
119
-
border-radius: 4px;
120
113
}
121
114
.publish__error {
122
115
color: var(--ember);
···
344
337
color: var(--ember);
345
338
}
346
339
347
-
/* Publish success pill — sunrise callback, rises into view (Studio-owned) */
340
+
/* Publish success pill — sunrise callback, rises into view (Studio-owned).
341
+
Deliberately uses a fixed warm palette, NOT the --sun*/--ink tokens: those
342
+
flip with the colour scheme, and no single text colour stays legible over a
343
+
gradient whose --sun-tint end goes near-black in dark mode. A constant light
344
+
sunrise gradient + dark ink keeps the look and clears WCAG AA in both schemes
345
+
(≈7.5:1 over the gold end, ≈12:1 over the peach). */
348
346
.studio__published {
349
347
width: fit-content;
350
348
max-width: var(--studio-measure);
···
354
352
gap: 0.6rem;
355
353
padding: 0.5rem 1rem;
356
354
border-radius: 999px;
357
-
background: linear-gradient(100deg, var(--sun-tint), var(--sun));
358
-
color: var(--ink);
355
+
background: linear-gradient(100deg, #fde4c4, #f4a72c);
356
+
color: #3a2200;
359
357
font-size: 0.9rem;
360
358
font-weight: 600;
361
359
box-shadow: 0 1px 8px rgba(232, 146, 12, 0.3);
···
363
361
}
364
362
365
363
.studio__published-link {
366
-
color: var(--ink);
364
+
color: #3a2200;
367
365
font-weight: 700;
368
366
text-decoration: underline;
369
367
white-space: nowrap;