fix(theme): hover color for code links inside custom containers (#3467)

vuejs · Jan 17, 2024 · d529ed4 · d529ed4
1 parent c22f5d9
commit d529ed4
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/client/theme-default/styles/components/custom-block.css b/src/client/theme-default/styles/components/custom-block.css
@@ -18,7 +18,8 @@
   color: var(--vp-c-brand-1);
 }
 
-.custom-block.info a:hover {
+.custom-block.info a:hover,
+.custom-block.info a:hover > code {
   color: var(--vp-c-brand-2);
 }
 
@@ -37,7 +38,8 @@
   color: var(--vp-c-tip-1);
 }
 
-.custom-block.tip a:hover {
+.custom-block.tip a:hover,
+.custom-block.tip a:hover > code {
   color: var(--vp-c-tip-2);
 }
 
@@ -56,7 +58,8 @@
   color: var(--vp-c-warning-1);
 }
 
-.custom-block.warning a:hover {
+.custom-block.warning a:hover,
+.custom-block.warning a:hover > code {
   color: var(--vp-c-warning-2);
 }
 
@@ -75,7 +78,8 @@
   color: var(--vp-c-danger-1);
 }
 
-.custom-block.danger a:hover {
+.custom-block.danger a:hover,
+.custom-block.danger a:hover > code {
   color: var(--vp-c-danger-2);
 }
 
@@ -93,7 +97,8 @@
   color: var(--vp-c-brand-1);
 }
 
-.custom-block.details a:hover {
+.custom-block.details a:hover,
+.custom-block.details a:hover > code {
   color: var(--vp-c-brand-2);
 }