Merge pull request #729 from craftcms/fix/improve-contrast-for-tutorial-badge

Update text color for `.pre-heading-title` to ensure minimum contrast ratios are met

Author: gcamacho079

docs/.vuepress/theme/components/PreHeading.vue

@@ -11,8 +11,7 @@
 .theme-default-content {
   .pre-heading-title {
     @apply my-0 py-0 px-2 relative inline-block leading-normal uppercase rounded text-xs border tracking-wider;
-    color: #a0aec0;
-    border-color: var(--border-color);
+    border-color: currentColor;
   }
 }
 </style>

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

@@ -163,10 +163,6 @@
     );
   }
 
-  .pre-heading-title {
-    @apply text-slate;
-  }
-
   .custom-block {
     div[class*="language-"] {
       background-color: rgba(0, 0, 0, 0.4);