fix: correct the css selectors

dandedotdev · dandedotdev · commit 746893ffbae8 · 2025-02-24T23:08:55.000+08:00
diff --git a/css/tailwind.css b/css/tailwind.css
@@ -96,24 +96,24 @@
     & h3 {
       font-weight: 600;
     }
-    & :where(code):not(.code-highlight) {
+    & :where(code):not(pre code) {
       color: var(--color-indigo-500);
     }
+  }
 
-    &:where(.dark, .dark *) {
-      & a {
-        color: var(--color-primary-500);
-        &:hover {
-          color: var(--color-primary-400);
-        }
-        & code {
-          color: var(--color-primary-400);
-        }
+  .prose-invert {
+    & a {
+      color: var(--color-primary-500);
+      &:hover {
+        color: var(--color-primary-400);
       }
-      & :where(h1, h2, h3, h4, h5, h6) {
-        color: var(--color-gray-100);
+      & code {
+        color: var(--color-primary-400);
       }
     }
+    & :where(h1, h2, h3, h4, h5, h6) {
+      color: var(--color-gray-100);
+    }
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -96,24 +96,24 @@`
`96`	`96`	`& h3 {`
`97`	`97`	`font-weight: 600;`
`98`	`98`	`}`
`99`		`- & :where(code):not(.code-highlight) {`
	`99`	`+ & :where(code):not(pre code) {`
`100`	`100`	`color: var(--color-indigo-500);`
`101`	`101`	`}`
	`102`	`+ }`
`102`	`103`
`103`		`- &:where(.dark, .dark *) {`
`104`		`- & a {`
`105`		`- color: var(--color-primary-500);`
`106`		`- &:hover {`
`107`		`- color: var(--color-primary-400);`
`108`		`- }`
`109`		`- & code {`
`110`		`- color: var(--color-primary-400);`
`111`		`- }`
	`104`	`+ .prose-invert {`
	`105`	`+ & a {`
	`106`	`+ color: var(--color-primary-500);`
	`107`	`+ &:hover {`
	`108`	`+ color: var(--color-primary-400);`
`112`	`109`	`}`
`113`		`- & :where(h1, h2, h3, h4, h5, h6) {`
`114`		`- color: var(--color-gray-100);`
	`110`	`+ & code {`
	`111`	`+ color: var(--color-primary-400);`
`115`	`112`	`}`
`116`	`113`	`}`
	`114`	`+ & :where(h1, h2, h3, h4, h5, h6) {`
	`115`	`+ color: var(--color-gray-100);`
	`116`	`+ }`
`117`	`117`	`}`
`118`	`118`	`}`
`119`	`119`