Fix/141 Improve Deep Dive Section Responsiveness and Theme Consistency

[AribaRazi]

Description

The Deep Dive section appeared visually inconsistent across light and dark themes due to hardcoded dark styling and excessive spacing. The section also occupied more width than necessary, affecting overall layout balance and readability.

Issues Identified

• Section remained visually dark in light mode because of fixed dark background styling.
• Some text colors were not clearly visible in light mode.
• Excessive vertical spacing created large empty gaps between sections.
• Content width appeared too stretched on larger screens.

Changes Made

• Removed hardcoded dark background and border styling from the section.
• Allowed the section to inherit styling from the existing theme system for proper light/dark mode support.
• Improved text visibility by updating theme-aware text colors.
• Reduced unnecessary spacing between adjacent sections for a cleaner layout.
• Adjusted the content container width to improve readability and visual alignment on larger screens.

Result

• Section now adapts correctly in both light and dark modes.
• Text is clearly visible across themes.
• Layout spacing is more balanced and visually consistent.
• Content width feels cleaner and more responsive across different screen sizes.

Screenshot

Before in light mode

after in light mode