diff --git a/site/source/components/StackedBarChart.tsx b/site/source/components/StackedBarChart.tsx
index 329e89590..ee8c4ec5b 100644
--- a/site/source/components/StackedBarChart.tsx
+++ b/site/source/components/StackedBarChart.tsx
@@ -46,11 +46,9 @@ const BarStackLegend = styled.div`
 
 const BarStackLegendItem = styled.div`
 	font-family: ${({ theme }) => theme.fonts.main};
-	color: #555;
 	background-color: inherit;
 	strong {
 		display: inline-block;
-		color: #111;
 		margin-left: 8px;
 	}
 `
diff --git a/site/source/pages/Documentation.tsx b/site/source/pages/Documentation.tsx
index 20ce087e0..2c59e0b59 100644
--- a/site/source/pages/Documentation.tsx
+++ b/site/source/pages/Documentation.tsx
@@ -273,4 +273,14 @@ const StyledDocumentation = styled.div`
 	font-size: 1rem;
 	font-family: ${({ theme }) => theme.fonts.main};
 	line-height: 1.5rem;
+
+	#documentation-rule-root nav ul li span button,
+	#documentation-rule-root nav ul li.active .content {
+		background-color: hsl(0deg 0% 90% / 50%);
+	}
+	#documentation-rule-root .node-value-pointer,
+	#documentation-rule-root pre {
+		background-color: ${({ theme }) =>
+			theme.darkMode && theme.colors.extended.dark[600]};
+	}
 `