Как заставить этот css работать в Tampermonkey?

Tampermonkey - это расширение для браузера, которое позволяет запускать пользовательские скрипты на веб-страницах. Он обычно используется для автоматизации задач, изменения внешнего вида веб-страницы и других пользовательских настроек.

Чтобы использовать CSS в Tampermonkey, вам необходимо включить этот CSS в свой пользовательский скрипт. Вот несколько шагов, которые нужно сделать, чтобы заставить CSS работать в Tampermonkey:

1. Создайте новый пользовательский скрипт в Tampermonkey, щелкнув на значок Tampermonkey в браузерной панели инструментов и выбрав "Создать новый скрипт".

2. Поместите ваш CSS-код внутри блока стилей, например:

// ==UserScript==
// @name         My Tampermonkey Script
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds custom CSS to the web page
// @author       Your Name
// @match        https://www.example.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    var css = `
        /* Your CSS code here */
        body {
            background-color: red;
        }
    `;

    var style = document.createElement('style');
    style.textContent = css;
    document.head.appendChild(style);
})();

3. Установите соответствующие параметры в блоке @match. В этом блоке вы определяете, на каких веб-страницах будет активироваться ваш пользовательский скрипт. Вам нужно указать адрес(а) страницы(ы), на которой(ых) вы хотите применить ваш CSS, используя шаблон URL, например https://www.example.com/*.

4. Сохраните ваш пользовательский скрипт, нажав на кнопку "Сохранить" в Tampermonkey.

5. Перезагрузите страницу, на которой вы хотите применить ваш CSS, и скрипт должен быть активирован. Ваш CSS будет применен к соответствующей странице.

Это пример простого пользовательского скрипта Tampermonkey, который включает CSS. Вы можете адаптировать этот скрипт, добавлять новые стили и изменять внешний вид веб-страницы с помощью CSS, чтобы создать необходимый вам пользовательский опыт.