@@ -111,9 +111,28 @@ footer a:hover {
111111}
112112
113113/* Improve readability of 'Tags:' text in dark mode */
114- [data-theme = "dark" ] .blog-tags : before {
115- color : # ffffff ; /* Bright white for the 'Tags:' text */
114+ [data-theme = "dark" ] .blog-tags span {
115+ color : # ffffff !important ; /* Bright white for the 'Tags:' text */
116116 font-weight : 600 ;
117+ opacity : 1 !important ; /* Ensure full opacity */
118+ }
119+
120+ /* Specifically target the 'Tags:' label on the home page */
121+ [data-theme = "dark" ] .post-preview .blog-tags span {
122+ color : # ffffff !important ; /* Pure white for maximum readability */
123+ font-weight : 600 ;
124+ opacity : 1 !important ;
125+ }
126+
127+ /* Make Tags text lighter in dark mode on home page */
128+ [data-theme = "dark" ] .post-preview .blog-tags a {
129+ color : # ffffff !important ; /* Pure white for maximum readability */
130+ background-color : # 3a3a3a ; /* Slightly lighter background for better contrast */
131+ }
132+
133+ [data-theme = "dark" ] .post-preview .blog-tags a : hover {
134+ background-color : # 4a4a4a ; /* Even lighter on hover */
135+ color : # ffffff !important ;
117136}
118137
119138/* Style for inline code in dark mode */
@@ -155,6 +174,28 @@ blockquote {
155174 overflow-wrap : break-word !important ;
156175}
157176
177+ /* Dark mode styles for comments */
178+ [data-theme = "dark" ] # disqus_thread ,
179+ [data-theme = "dark" ] .comment-content ,
180+ [data-theme = "dark" ] .comment-body p {
181+ color : # ffffff !important ; /* Pure white for maximum readability */
182+ }
183+
184+ [data-theme = "dark" ] .comment-author {
185+ color : # ffffff !important ;
186+ font-weight : bold;
187+ text-shadow : 0 0 1px rgba (255 , 255 , 255 , 0.3 ); /* Subtle text shadow for better visibility */
188+ }
189+
190+ [data-theme = "dark" ] .comment-meta {
191+ color : # e0e0e0 !important ; /* Lighter gray for better readability */
192+ }
193+
194+ /* Ensure Disqus iframe has proper background in dark mode */
195+ [data-theme = "dark" ] iframe [src *= "disqus.com" ] {
196+ background-color : # 1e1e1e !important ;
197+ }
198+
158199/* Style for code blocks in both light and dark modes */
159200pre , pre code {
160201 white-space : pre-wrap !important ; /* Allow text to wrap */
0 commit comments