[BUG]: Hovering over "Our Resources" components in dark mode turns them completely black

[Ayushdas1904]

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

Additional context, Screenshots

Screen.Recording.2025-10-27.at.10.41.59.mov

[Ayushdas1904]

Hey, assign me this issue under hacktoberfest.