Browse Source

dark theme: Fix contrast of muted text color

George Cushen 6 years ago
parent
commit
061b56a088
1 changed files with 33 additions and 1 deletions
  1. 33 1
      layouts/partials/css/academic.css

+ 33 - 1
layouts/partials/css/academic.css

@@ -670,6 +670,10 @@ article {
   margin-bottom: 1rem;
 }
 
+.dark .page-subtitle {
+  color: rgba(255,255,255,0.54);
+}
+
 .split-header .page-subtitle {
   margin-bottom: 1.5rem;
 }
@@ -734,7 +738,11 @@ article {
 }
 
 .text-muted {
-  color: rgba(0,0,0,0.54) !important; /* Override Bootstrap */
+  color: rgba(0,0,0,0.54); /* Override Bootstrap */
+}
+
+.dark .text-muted {
+  color: rgba(255,255,255,0.54);
 }
 
 .article-metadata {
@@ -745,6 +753,10 @@ article {
   color: rgba(0,0,0,0.54);
 }
 
+.dark .article-metadata {
+  color: rgba(255,255,255,0.54);
+}
+
 .stream-meta.article-metadata {
   margin-bottom: 5px;
 }
@@ -759,6 +771,10 @@ article .article-metadata {
   color: rgba(0,0,0,.54);
 }
 
+.dark .article-metadata a {
+  color: rgba(255,255,255,0.54);
+}
+
 .article-metadata a:hover {
   color: {{ .Get "primary" }};
 }
@@ -891,6 +907,12 @@ article .article-metadata {
   font-size: 0.9rem;
 }
 
+
+.dark .pub-authors,
+.dark .pub-publication {
+  color: rgba(255,255,255,0.54);
+}
+
 .pub-list-item .pub-links {
   padding-top: 10px;
 }
@@ -1074,6 +1096,10 @@ article .article-metadata {
   font-size: 0.75rem;
 }
 
+.dark .card-text p {
+  color: rgb(248, 248, 242);
+}
+
 .card p:last-child {
   margin-bottom: 0;
 }
@@ -1170,6 +1196,12 @@ footer a#back_to_top i {
   color: rgba(0,0,0,0.54);
 }
 
+.dark .site-footer,
+.dark footer a#back_to_top i,
+.dark .docs .body-footer {
+  color: rgba(255,255,255,0.54);
+}
+
 /**************************************************
  *  Tags/Labels
  **************************************************/