Fix dark coverpage button hover color

jhildenbiddle · jhildenbiddle · commit baeab0212ea2 · 2024-07-29T11:35:37.000-05:00
diff --git a/src/themes/addons/core-dark.css b/src/themes/addons/core-dark.css
@@ -29,8 +29,14 @@
 }
 
 .cover-main {
-  a.button.secondary {
-    color: var(--color-text);
-    border-color: rgba(255, 255, 255, 0.5);
+  a.button {
+    &.secondary {
+      color: var(--color-text);
+      border-color: rgba(255, 255, 255, 0.5);
+    }
+
+    &:hover {
+      outline-color: var(--theme-color-4);
+    }
   }
 }
diff --git a/src/themes/shared/_coverpage.css b/src/themes/shared/_coverpage.css
@@ -23,8 +23,10 @@
     display: flex;
   }
 
-  a:not(.anchor) {
-    text-decoration-color: var(--theme-color);
+  a {
+    &:not(.anchor) {
+      text-decoration-color: var(--theme-color);
+    }
   }
 
   blockquote {

Original file line number	Diff line number	Diff line change
`@@ -29,8 +29,14 @@`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`.cover-main {`
`32`		`- a.button.secondary {`
`33`		`- color: var(--color-text);`
`34`		`- border-color: rgba(255, 255, 255, 0.5);`
	`32`	`+ a.button {`
	`33`	`+ &.secondary {`
	`34`	`+ color: var(--color-text);`
	`35`	`+ border-color: rgba(255, 255, 255, 0.5);`
	`36`	`+ }`
	`37`	`+`
	`38`	`+ &:hover {`
	`39`	`+ outline-color: var(--theme-color-4);`
	`40`	`+ }`
`35`	`41`	`}`
`36`	`42`	`}`
Original file line number	Diff line number	Diff line change
`@@ -23,8 +23,10 @@`
`23`	`23`	`display: flex;`
`24`	`24`	`}`
`25`	`25`
`26`		`- a:not(.anchor) {`
`27`		`- text-decoration-color: var(--theme-color);`
	`26`	`+ a {`
	`27`	`+ &:not(.anchor) {`
	`28`	`+ text-decoration-color: var(--theme-color);`
	`29`	`+ }`
`28`	`30`	`}`
`29`	`31`
`30`	`32`	`blockquote {`