Skip to content

Commit 4e93b03

Browse files
authored
Fixed broken table headers (#1043)
Closes https://linear.app/ghost/issue/DES-1319/table-headings-render-completely-black The Tailwind v4 upgrade broke colormod. Similar fix to the one from #1040.
1 parent 24e244e commit 4e93b03

3 files changed

Lines changed: 8 additions & 8 deletions

File tree

assets/built/screen.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/built/screen.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/screen.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1719,13 +1719,13 @@ iframe.instagram-media + script + :not([id]) {
17191719
letter-spacing: 0.2px;
17201720
text-align: left;
17211721
text-transform: uppercase;
1722-
background-color: color-mod(var(--color-wash) l(+4%));
1722+
background-color: color-mod(var(--color-wash) lightness(97%));
17231723
}
17241724

17251725
.gh-content table:not(.gist table) th,
17261726
.gh-content table:not(.gist table) td {
17271727
padding: 6px 12px;
1728-
border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;
1728+
border: color-mod(var(--color-wash) lightness(92%) saturation(39%)) 1px solid;
17291729
}
17301730

17311731

@@ -2299,12 +2299,12 @@ html.dark-mode .gh-content table:not(.gist table) td:last-child {
22992299

23002300
html.dark-mode .gh-content table:not(.gist table) th {
23012301
color: rgba(255, 255, 255, 0.85);
2302-
background-color: color-mod(var(--color-darkmode) l(+8%));
2302+
background-color: color-mod(var(--color-darkmode) lightness(17%));
23032303
}
23042304

23052305
html.dark-mode .gh-content table:not(.gist table) th,
23062306
html.dark-mode .gh-content table:not(.gist table) td {
2307-
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
2307+
border: color-mod(var(--color-darkmode) lightness(17%)) 1px solid;
23082308
}
23092309

23102310
html.dark-mode .gh-content :is(input, textarea) {
@@ -2493,12 +2493,12 @@ html.dark-mode .footer-cta-title {
24932493

24942494
html.auto-color .gh-content table:not(.gist table) th {
24952495
color: rgba(255, 255, 255, 0.85);
2496-
background-color: color-mod(var(--color-darkmode) l(+8%));
2496+
background-color: color-mod(var(--color-darkmode) lightness(17%));
24972497
}
24982498

24992499
html.auto-color .gh-content table:not(.gist table) th,
25002500
html.auto-color .gh-content table:not(.gist table) td {
2501-
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
2501+
border: color-mod(var(--color-darkmode) lightness(17%)) 1px solid;
25022502
}
25032503

25042504
html.auto-color .gh-content :is(input, textarea) {

0 commit comments

Comments
 (0)