☰

Grok.com Theme Switcher

Adds a theme switcher to grok.com with dark, cyberpunk, light, blood red, midnight, deep ocean, celestial, and divine modes, foldable picker with animations, draggable, and script editor compatibility. Enhanced query-bar opacity fix to 75% with broader selectors and debug logging.

Autor
Virtual DMNS
Dziennych instalacji
1
Wszystkich instalacji
1
Oceny
0 0 0
Wersja
1.2
Utworzono
27-04-2025
Zaktualizowano
27-04-2025
Rozmiar
13,5 KB
Licencja
MIT
Dotyczy

Grok.com Theme Switcher

Transform your Grok.com experience with a customizable theme switcher! Choose from 8 stunning themes—Dark, Cyberpunk, Light, Blood Red, Midnight, Deep Ocean, Celestial, and Divine. Features a foldable, draggable picker with smooth animations, script editor compatibility, and an enhanced query-bar opacity fix. 🌟

🔥 Features:

  • 8 Unique Themes: Switch between Dark, Cyberpunk, Light, Blood Red, Midnight, Deep Ocean, Celestial, and Divine—each with custom backgrounds, text, and accents.
  • Foldable Picker: Toggle the theme picker with a sleek "Theme" button that pulses with animation. Fold it away when not in use.
  • Draggable UI: Drag the picker or toggle button anywhere on the screen—position is saved across sessions.
  • Smooth Animations: Features fade-slide, scale-pop, and pulse animations for a polished look.
  • Script Editor Compatibility: Safely excludes editor elements to avoid conflicts, ensuring your scripts look clean.
  • Query-Bar Opacity Fix: Sets the query-bar opacity to 75% with broader selectors for better compatibility, plus debug logging to confirm it’s working.
  • Dynamic Updates: Uses a MutationObserver to reapply themes when the DOM changes, keeping your style consistent.

💡 Use Case:

Perfect for personalizing your Grok.com experience—whether you’re vibing with a Cyberpunk neon glow for late-night coding or a Divine light mode for a heavenly UI. The foldable picker and draggable UI keep your workspace clean and tailored to your flow.

🛠️ Installation:

  1. Install via Tampermonkey or Violentmonkey.
  2. Visit https://grok.com/ and look for the "Theme" button on the bottom-right.
  3. Click to unfold the picker, select a theme from the dropdown, and drag it to your preferred spot.
  4. Fold it away by clicking the "Theme" button again.

🌐 Compatibility:

  • Designed for Grok.com.
  • Runs at document-idle to ensure the page is fully loaded.
  • Works with script editors by excluding their elements from theme styling.

⚠️ Notes:

  • Debugging: Check the console for logs (e.g., "Grok Theme Switcher: Applied opacity 0.75 to query-bar") to confirm functionality.
  • Dynamic Sites: If the theme doesn’t apply after a page update, the MutationObserver will reapply it automatically.
  • Risk Warning: Changing site appearance may violate terms of service. Use responsibly and at your own risk. The author is not liable for any misuse or consequences.
  • Support: For issues or feature requests, drop a comment on GreasyFork or ping the author.

Author: virtualdmns

Version: 1.2

Namespace: http://violentmonkey.github.io/