A browser extension that applies custom dark themes to backorder.ru and expired.ru websites. Compatible with both Firefox and Chrome using Manifest V3.
- 🌙 Dark theme support for backorder.ru and expired.ru
- 🔄 Toggle themes individually for each site
- 🌐 Option to enable dark theme on all supported sites at once
- 🎨 Clean, customizable CSS-based themes
- 💾 Remembers your theme preferences
- 🔄 Full cross-browser compatibility (Firefox and Chrome)
- 🔒 Uses modern Manifest V3 architecture
After installation, you'll see the extension icon in your browser toolbar:
- Click the extension icon to open the popup menu
- Use the toggles to enable/disable dark theme for specific sites
- Use the "All Sites" toggle to enable/disable dark theme for all supported sites at once
- Download the extension files
- Open Firefox and navigate to
about:debugging - Click "This Firefox" in the sidebar
- Click "Load Temporary Add-on..."
- Select the
manifest.jsonfile from the extension directory
- Download the extension files
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" (toggle in the top-right corner)
- Click "Load unpacked"
- Select the extension directory with the manifest.json file
This extension uses a dual-background approach to ensure compatibility with both Firefox and Chrome:
- Universal Manifest: Combined background configurations for both browsers
- Firefox Compatibility: Uses both background.scripts for compatibility
- Chrome Compatibility: Supports service_worker for Chrome
To accommodate differences in how Firefox and Chrome handle Manifest V3:
background.js: Used by Firefox for promise-based APIsbackground-worker.js: Used by Chrome for its service worker implementation- Both scripts provide identical functionality
The extension uses external CSS files instead of injecting inline styles:
- CSS is applied by appending to the document.head
- This ensures styles are applied after the site's own styles
- Each site has its own dedicated CSS file for better organization
manifest.json- Universal manifest file with configurations for both browsersbackground.js- Background script for Firefoxbackground-worker.js- Service worker for Chromecontent.js- Content script that applies CSS themespopup.html/js- User interface for controlling the extensioncss/- Directory containing site-specific dark themesbrowser-polyfill.js- Compatibility layer for cross-browser support
Расширение для браузеров Firefox и Chrome, которое применяет пользовательские темные темы к сайтам backorder.ru и expired.ru. Использует современный Manifest V3.
- 🌙 Поддержка темной темы для backorder.ru и expired.ru
- 🔄 Возможность включать/выключать темную тему отдельно для каждого сайта
- 🌐 Опция для включения темной темы на всех поддерживаемых сайтах одновременно
- 🎨 Чистые, настраиваемые темы на основе CSS
- 💾 Запоминает ваши настройки тем
- 🔄 Полная кросс-браузерная совместимость (Firefox и Chrome)
- 🔒 Использует современную архитектуру Manifest V3
- Скачайте файлы расширения
- Откройте Firefox и перейдите на
about:debugging - Нажмите "Этот Firefox" в боковой панели
- Нажмите "Загрузить временное дополнение..."
- Выберите файл
manifest.jsonиз директории расширения
- Скачайте файлы расширения
- Откройте Chrome и перейдите на
chrome://extensions/ - Включите "Режим разработчика" (переключатель в правом верхнем углу)
- Нажмите "Загрузить распакованное расширение"
- Выберите директорию с файлом manifest.json
Это расширение использует двойной фоновый подход для обеспечения совместимости с Firefox и Chrome:
- Универсальный манифест: Комбинированные конфигурации фона для обоих браузеров
- Совместимость с Firefox: Использует background.scripts для совместимости
- Совместимость с Chrome: Поддерживает service_worker для Chrome
Для учета различий в обработке Manifest V3 в Firefox и Chrome:
background.js: Используется Firefox для API на основе промисовbackground-worker.js: Используется Chrome для реализации сервис-воркера- Оба скрипта обеспечивают идентичную функциональность
Расширение использует внешние CSS-файлы вместо встраивания стилей:
- CSS применяется путем добавления в конец document.head
- Это гарантирует, что стили применяются после собственных стилей сайта
- Каждый сайт имеет свой собственный выделенный CSS-файл для лучшей организации