chore: fix changelog in light mode (#299)

* chore: fix changelog in light mode

* chore: fix changelog in light mode

* Apply suggestions from code review

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

Author: designcode

src/components/BlogPostPreview/styles.module.css

@@ -69,12 +69,16 @@
 .title {
   font-size: 1.25rem;
   font-weight: 600;
-  color: rgb(241 245 249); /* slate-100 */
+  color: #333;
   margin: 0;
   line-height: 1.4;
   transition: color 0.2s ease;
 }
 
+html[data-theme="dark"] .title {
+  color: #f1f5f9; /* slate-100 */
+}
+
 .titleLink:hover .title {
   color: rgb(34 211 238); /* cyan-400 */
 }
@@ -85,6 +89,10 @@
   align-items: center;
   gap: 0.5rem;
   font-size: 0.875rem;
+  color: #333;
+}
+
+html[data-theme="dark"] .metadata {
   color: rgb(148 163 184); /* slate-400 */
 }
 
@@ -103,11 +111,15 @@
 /* Description */
 .description {
   font-size: 0.95rem;
-  color: rgb(203 213 225); /* slate-300 */
+  color: #333;
   line-height: 1.6;
   margin: 0;
 }
 
+html[data-theme="dark"] .description {
+  color: #f1f5f9; /* slate-100 */
+}
+
 /* Call to Action Button - matching Get Started style */
 .button {
   display: inline-flex;

src/components/Changelog/styles.module.css

@@ -187,10 +187,14 @@
 .entryTitle {
   font-size: 1.5rem;
   font-weight: 700;
-  color: rgb(241 245 249); /* slate-100 */
+  color: #333;
   margin-bottom: 0.75rem;
 }
 
+html[data-theme="dark"] .entryTitle {
+  color: rgb(241 245 249); /* slate-100 */
+}
+
 /* Tag styles */
 .tag {
   display: inline-flex;
@@ -258,6 +262,10 @@
 /* Content styles */
 .entryContent {
   margin-top: 1rem;
+  color: #333; /* slate-100 */
+}
+
+html[data-theme="dark"] .entryContent {
   color: rgb(148 163 184); /* slate-400 */
 }
 
@@ -289,6 +297,10 @@
 
 .entryContent strong {
   font-weight: 600;
+  color: #333; /* slate-100 */
+}
+
+html[data-theme="dark"] .entryContent strong {
   color: rgb(203 213 225); /* slate-300 */
 }
 
@@ -485,8 +497,12 @@
 .subcategoryTitle {
   font-size: 1rem;
   font-weight: 600;
-  color: rgb(203 213 225); /* slate-300 */
   margin: 0;
+  color: #333;
+}
+
+html[data-theme="dark"] .subcategoryTitle {
+  color: rgb(203 213 225); /* slate-300 */
 }
 
 .subcategoryContent {
@@ -513,11 +529,15 @@
 .subcategoryItemTitle {
   font-size: 0.875rem;
   font-weight: 500;
-  color: rgb(241 245 249); /* slate-100 */
+  color: #333;
   margin: 0;
   flex-grow: 1;
 }
 
+html[data-theme="dark"] .subcategoryItemTitle {
+  color: rgb(241 245 249); /* slate-100 */
+}
+
 .subcategoryItemDescription {
   font-size: 0.8rem;
   color: rgb(148 163 184); /* slate-400 */