Skip to content

Commit ed81605

Browse files
committed
fixes
1 parent cb5f183 commit ed81605

File tree

1 file changed

+43
-2
lines changed

1 file changed

+43
-2
lines changed

assets/css/dark-mode.css

Lines changed: 43 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -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 */
159200
pre, pre code {
160201
white-space: pre-wrap !important; /* Allow text to wrap */

0 commit comments

Comments
 (0)