From 4d582aac5a678c26a196f64f4ef510f42d1dd4cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Mon, 27 Jan 2025 15:13:23 +0000
Subject: [PATCH] docs: fix background img dark mode opacity (#9157)

https://linear.app/unleash/issue/2-3200/update-docs-bottom-left-background-image-in-dark-mode

The background mountain texture was a bit too striking visually. We
should set an opacity of `0.06` in dark mode, the same as in Unleash
dark mode.

### Before


![image](https://github.com/user-attachments/assets/30dc29ac-39e0-4f7c-92d9-6288b6f10d9a)

### After


![image](https://github.com/user-attachments/assets/ff6de0a0-7413-4356-a6c9-bbb927203c3e)
---
 website/src/css/custom.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index a6d56e77fc..9fafb8ac1f 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -249,6 +249,12 @@ main:after {
     content: "";
 }
 
+html[data-theme="dark"] {
+    main:after {
+        opacity: 0.06;
+    }
+}
+
 @media (min-width: 997px) {
     .show-when-collapsed {
         display: none;