Dark Theme Switcher Browser Extension

Donate / Поддержи проект

T-bank

USDT TRC20

TNtUTMceQVbFV2ps4tK6Hk1uswPwMAHt6D

Features

🌙 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

Usage

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

Installation Instructions

Firefox

Download the extension files from GitHub
Open Firefox and navigate to about:debugging
Click "This Firefox" in the sidebar
Click "Load Temporary Add-on..."
Select the manifest.json file from the extension directory

Or install directly from Firefox Add-ons

Chrome

Download the extension files from GitHub
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

Or install directly from Chrome Web Store

Technical Details

Cross-Browser Manifest V3 Implementation

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

Background Script Architecture

To accommodate differences in how Firefox and Chrome handle Manifest V3:

background.js: Used by Firefox for promise-based APIs
background-worker.js: Used by Chrome for its service worker implementation
Both scripts provide identical functionality

CSS Implementation

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

Extension Files

manifest.json - Universal manifest file with configurations for both browsers
background.js - Background script for Firefox
background-worker.js - Service worker for Chrome
content.js - Content script that applies CSS themes
popup.html/js - User interface for controlling the extension
css/ - Directory containing site-specific dark themes
browser-polyfill.js - Compatibility layer for cross-browser support

Расширение Dark Theme Switcher для браузера

Расширение для браузеров Firefox и Chrome, которое применяет пользовательские темные темы к сайтам backorder.ru и expired.ru. Использует современный Manifest V3.

Особенности

🌙 Поддержка темной темы для backorder.ru и expired.ru
🔄 Возможность включать/выключать темную тему отдельно для каждого сайта
🌐 Опция для включения темной темы на всех поддерживаемых сайтах одновременно
🎨 Чистые, настраиваемые темы на основе CSS
💾 Запоминает ваши настройки тем
🔄 Полная кросс-браузерная совместимость (Firefox и Chrome)
🔒 Использует современную архитектуру Manifest V3

Инструкции по установке

Firefox

Скачайте файлы расширения с GitHub
Откройте Firefox и перейдите на about:debugging
Нажмите "Этот Firefox" в боковой панели
Нажмите "Загрузить временное дополнение..."
Выберите файл manifest.json из директории расширения

Или установите напрямую из Firefox Add-ons

Chrome

Скачайте файлы расширения с GitHub
Откройте Chrome и перейдите на chrome://extensions/
Включите "Режим разработчика" (переключатель в правом верхнем углу)
Нажмите "Загрузить распакованное расширение"
Выберите директорию с файлом manifest.json

Или установите напрямую из Chrome Web Store