inoreader主题

自定义主题

当前为 2024-06-28 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 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');
    });
})();