inoreader主题

自定义主题

目前為 2024-06-28 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         inoreader主题
// @version      0.1
// @description  自定义主题
// @match        *://*.inoreader.com/*
// @grant        none
// @namespace https://greasyfork.org/users/158417
// ==/UserScript==

(function() {
    'use strict';

    // 添加自定义CSS样式
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `
.graybutton_outline, .graybutton_outline:active, .graybutton_outline:focus, .graybutton_outline:disabled {
    color: #888888;
    background-color: #08bcd869;
    border: 1px solid #888888;
}
        /* 为 parent_div_inner 类添加淡绿色背景 */
        .parent_div_inner {
            background-color: #71a471; /* 浅绿色 */
        }
                /* 为 sb_tree_part 添加指定背景颜色 */
        #sb_tree_part {
            background: #549b77; /* 指定背景颜色 */
        }
        /* 为 sidebar_wrapper 添加指定背景颜色 */
        #sidebar_wrapper {
            background-color: #2a9b4c80; /* 指定背景颜色,带透明度 */
        }
    `;
    document.head.appendChild(style);

    // 等待页面加载完成后替换 body 标签的 class 属性
    document.addEventListener('DOMContentLoaded', function() {

        // 添加自定义的 class 'theme_custom'
        document.body.classList.add('theme_custom');
    });
})();