add darkmode styles for blog links

dbt-labs · Oct 5, 2023 · 91fe143 · 91fe143
1 parent d91076c
commit 91fe143
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -861,6 +861,14 @@ div .toggle_src-components-faqs-styles-module {
   gap: 1em;
 }
 
+html[data-theme="dark"] .pagination-nav a {
+  color: var(--darkmode-link-color);
+}
+
+html[data-theme="dark"] .pagination-nav a:hover {
+  filter: brightness(var(--filter-brightness-low));
+}
+
 .pagination-nav__link {
   padding: 1rem 0;
   transition: 100ms all ease-in-out;
@@ -967,7 +975,8 @@ html[data-theme="dark"] .blog-breadcrumbs a[href="#"] {
   filter: brightness(var(--filter-brightness-low));
 }
 
-html[data-theme="dark"] .blog-breadcrumbs a:not(:last-of-type):after {
+html[data-theme="dark"] .blog-breadcrumbs a:not(:last-of-type):after,
+html[data-theme="dark"] .blog-breadcrumbs a {
   color: var(--darkmode-link-color);
 }
 
@@ -1012,6 +1021,21 @@ article[itemprop="blogPost"] h2 {
   font-size: 2rem;
 }
 
+html[data-theme="dark"] article[itemprop="blogPost"] a {
+  color: var(--darkmode-link-color);
+}
+
+html[data-theme="dark"] article[itemprop="blogPost"] a:hover {
+  filter: brightness(var(--filter-brightness-low));
+}
+
+/* Sidebar Nav */
+html[data-theme="dark"] .main-wrapper nav a:hover,
+html[data-theme="dark"] .main-wrapper nav a:active {
+  color: var(--darkmode-link-color) !important;
+  filter: brightness(var(--filter-brightness-low));
+}
+
 /* footer styles */
 .footer {
   font-weight: var(--ifm-font-weight-narrow);