[BUG]: Hovering over "Our Resources" components in dark mode turns them completely black #3160
Description
Vibe version
All versions (docs)
Describe the bug
Bug Description
In dark mode, when hovering over the "Our Resources" section in the documentation page of vibe.monday.com, the component background turns completely black, making the text and icons hard to read.
It should instead turn a slightly darker shade than the normal dark mode background for better contrast and visibility.
Actual Behavior
The background turns fully black (#000000) when hovered, causing poor contrast with text and making it difficult to see the hover state clearly.
Additional Context
This issue affects readability and visual consistency in dark mode. Adjusting the hover color to a slightly darker tone (e.g., #1a1a1a instead of pure black) would improve UX.
Possible Solution
Modify the hover CSS for dark mode:
/* Suggested fix */
.resources-item:hover {
background-color: #1a1a1a; /* Slightly darker shade for better visibility */
}
### Expected behavior
The hover background color should become a **slightly darker shade** of the existing dark mode color, maintaining good visibility and contrast.
### Steps to reproduce
1. Go to the [vibe.monday.com Docs](https://vibe.monday.com/?path=/docs/welcome--docs)
2. Enable **Dark Mode**
3. Go to **"Our Resources"** section.
4. Hover over its components and observe that the background turns completely black
### Reproduction example link
_No response_
### System Info
```shell
- **Browser:** Firefox
- **OS:** macOS
- **Device:** Desktop