refactor: make some dark mode colors less contras

facebookincubator · Apr 15, 2022 · c13dce1 · c13dce1
1 parent 42e716b
commit c13dce1
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/core/styles/common/dark-mode.pcss b/packages/core/styles/common/dark-mode.pcss
@@ -25,21 +25,22 @@ html[data-theme='dark'] {
 
   --ifm-hover-overlay: rgba(255, 255, 255, 0.05);
 
+  --ifm-color-content: #e3e3e3;
   --ifm-color-content-secondary: rgba(255, 255, 255, 1);
 
   --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
     hue-rotate(149deg) brightness(99%) contrast(95%);
 
-  --ifm-code-background: color-mod(
-    var(--ifm-color-gray-900) tint(var(--ifm-dark-value))
-  );
+  --ifm-code-background: rgba(255, 255, 255, 0.08);
 
   --ifm-scrollbar-track-background-color: #444444;
   --ifm-scrollbar-thumb-background-color: #686868;
   --ifm-scrollbar-thumb-hover-background-color: #7a7a7a;
 
   --ifm-table-stripe-background: rgba(255, 255, 255, 0.07);
 
+  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
+
   @each $color in (primary, secondary, success, info, warning, danger) {
     --ifm-color-$(color)-contrast-background: color-mod(
       var(--ifm-color-$(color)),