☰

Ozon Simple Dark Mode Support

Добавляет поддержку тёмной темы

当前为 2025-01-20 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Ozon Simple Dark Mode Support
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Добавляет поддержку тёмной темы
  6. // @author       Jipok
  7. // @match        *://*.ozon.ru/*
  8. // @license MIT
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.         const darkModeCSS = `
  15.             html {
  16.                 filter: invert(90%) hue-rotate(180deg) !important;
  17.             }
  18.  
  19.             img, video, picture {
  20.                 filter: invert(100%) hue-rotate(180deg) !important;
  21.             }
  22.         `;
  23.  
  24.     function handleThemeChange(e) {
  25.         const darkMode = document.getElementById('ozon-dark-mode');
  26.  
  27.         if (e.matches) {
  28.             if (!darkMode) {
  29.                 const darkModeStyle = document.createElement('style');
  30.                 darkModeStyle.id = 'ozon-dark-mode';
  31.                 darkModeStyle.innerHTML = darkModeCSS;
  32.                 document.head.appendChild(darkModeStyle);
  33.             }
  34.         } else {
  35.             darkMode?.remove();
  36.         }
  37.     }
  38.  
  39.     // Check for theme changes
  40.     const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
  41.     darkModeMediaQuery.addListener(handleThemeChange);
  42.  
  43.     handleThemeChange(darkModeMediaQuery);
  44. })();