Merge pull request #786 from craftcms/lupe/acc-252-fix-remaining-text-contrast-issues

Fix remaining color contrast issues in Docs

Author: gcamacho079

docs/.vuepress/theme/styles/base.pcss

@@ -46,6 +46,9 @@
   --code-color-orange: #C14915;
   --code-color-olive: #667500;
   --code-color-gray: #6A707C;
+  --code-color-entity: #4f6066;
+  --code-bg-color-entity: #eee8d5;
+  --code-color-muted: #5c6672;
 }
 
 html {

docs/.vuepress/theme/styles/code.pcss

@@ -61,6 +61,12 @@
       &.keyword {
         color: var(--code-color-olive);
       }
+
+      &.entity {
+        color: var(--code-color-entity);
+        background: var(--code-bg-color-entity);
+        cursor: help;
+      }
     }
   }
 

docs/.vuepress/theme/styles/color-mode.pcss

@@ -44,6 +44,9 @@
     --code-color-orange: #E96E3A;
     --code-color-olive: #778A00;
     --code-color-gray: #7C8F00;
+    --code-color-entity: #93a7ad;
+    --code-bg-color-entity: #073642;
+    --code-color-muted: #8593a1;
 
     .search-box {
       --placeholder-color: #91A1BB;
@@ -92,6 +95,9 @@
   --code-color-orange: #E96E3A;
   --code-color-olive: #809400;
   --code-color-gray: #868F9D;
+  --code-color-entity: #93a7ad;
+  --code-bg-color-entity: #073642;
+  --code-color-muted: #8593a1;
   --code-highlight-border: #55697D;
 
   .link-panel {

docs/.vuepress/theme/styles/treeview.pcss

@@ -17,6 +17,15 @@
     font-size: 0.825rem;
   }
 
+  .token.treeview-part .entry-name.dotfile {
+    color: var(--code-color-muted);
+    opacity: 1;
+  }
+
+  .token.treeview-part .entry-name.dotfile:before {
+    opacity: 0.5;
+  }
+
   .token.treeview-part .entry-name:before,
   .token.treeview-part .entry-name.ext-pdf:before {
     content: " ";