Vinted Dark Mode Toggle Changelog

v0.30 (Latest)

• Footer Dark Mode

  • Dark background for .main-footer__content.
  • Footer section labels (.main-footer__links-section-label) use Vinted color.
  • Footer links (.main-footer__links-section-link, .main-footer__privacy-section-link) use Vinted color.
  • Footer privacy buttons also use Vinted color.
  • Footer dividers match dark theme.

• Footer Social Icons

  • Social media icons (.main-footer__social-media-link img) inverted for dark mode for visibility.

• App Store / Google Play Badges

  • Added dark background behind badges.
  • Badges retain original colors (no inversion).
  • Slight padding and border radius for dark theme consistency.

• Minor Fixes

  • Smooth transitions for background and text color.
  • SPA / URL observer improved with throttling.

v0.29 → v0.30 Summary

• v0.30 fully completes dark mode for footer and app store section, which were previously unstyled.

# Vinted Dark Mode Toggle Changelog (v0.22 → v0.28)

## v0.23
- **Input fields fixed**: Price filters (`#price_from`, `#price_to`) and other inputs now have dark background (`#222`) and white text.
- Fixed input titles (`.web_ui__Input__title`) to be readable in dark mode.

## v0.24
- **Buttons like “Sort by”** (`.web_ui__Chip__chip`) now match Vinted green (`#007782`) with white text and icons in dark mode.
- Outlined chips now have visible borders in dark mode.

## v0.25
- **Navigation buttons** (`.web_ui__Button__button`, back buttons, etc.) fixed: Vinted green background + white icons/text.
- Ensured hover states remain readable.

## v0.26
- **Star ratings** (`.web_ui__Rating__star`) now use Vinted green (`#007782`) in dark mode.
- Half stars and full stars updated for consistent coloring.

## v0.27
- **Dynamic SPA support improved**:
- Mutation observer added for URL changes.
- Dark mode reapplied automatically on SPA navigation.

## v0.28 (latest full version)
- **Cell titles** (`.web_ui__Cell__title`) updated: Vinted green (`#007782`) in dark mode.
- CSS structure cleaned up for smoother transitions (`transition: background 0.3s, color 0.3s`).
- Fully integrated all previous fixes: buttons, chips, inputs, navigation, stars, titles, SPA support, toggle & bug report buttons.
- Performance improvements: throttled mutation observer to prevent excessive calls on SPA updates.

---

## ✅ Summary
From v0.22 → v0.28, the script evolved from a basic global dark mode to a **full Vinted-themed dark mode** with:

- Correct coloring for **all UI elements** (buttons, chips, inputs, stars, titles).
- **Dynamic SPA support** to handle URL/page changes.
- Enhanced **readability** and **Vinted brand consistency**.
- Better **UI/UX** with hover effects, smooth transitions, and responsive buttons.

Usefull info added to the report button

Several fixes including dark mode upon loading of page, not after load.