Skip to content

Commit 17f1e76

Browse files
Merge pull request #3833 from Muzzu8421/fix/dark-theme-show-more-color
fix: resolve black font color on Show more/less in YouTube Dark theme
2 parents 9128d31 + fa6b184 commit 17f1e76

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

  • js&css/extension/www.youtube.com/appearance/comments

js&css/extension/www.youtube.com/appearance/comments/comments.css

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,12 @@ html[it-comments='collapsed'][data-page-type=video] ytd-comments ytd-comments-he
3939
font-family: inherit !important;
4040
font-size: 1.6rem !important;
4141
font-weight: 400 !important;
42-
4342
display: flex !important;
44-
4543
width: 100% !important;
4644
height: 48px !important;
4745
margin: 16px 0 0 !important;
48-
4946
color: var(--yt-spec-text-primary) !important;
5047
border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;
51-
5248
justify-content: center !important;
5349
align-items: center !important;
5450
}
@@ -72,6 +68,12 @@ html[it-comments='collapsed'][data-page-type=video] ytd-comments:not([it-activat
7268
min-width: min(calc(100vw - 1000px), 1260px) !important; max-width: 1260px !important;
7369
}
7470
}
71+
/* Fix: "Show more/less" font is black on YouTube Dark theme */
72+
html[dark][it-comments='collapsed'][data-page-type=video] ytd-comments ytd-comments-header-renderer::after,
73+
html[data-theme='dark'][it-comments='collapsed'][data-page-type=video] ytd-comments ytd-comments-header-renderer::after,
74+
html[data-theme='black'][it-comments='collapsed'][data-page-type=video] ytd-comments ytd-comments-header-renderer::after {
75+
color: var(--yt-spec-text-primary, #eee) !important;
76+
}
7577

7678
/* 2 COLS FEATURE */
7779
@media screen and (min-width: 1952px) {

0 commit comments

Comments
 (0)