Greasy Fork is available in English.

全局复古旧报纸风格

让所有网页呈现复古旧报纸的视觉效果

// ==UserScript==
// @name         全局复古旧报纸风格
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  让所有网页呈现复古旧报纸的视觉效果
// @author       You
// @match        *://*/*
// @grant        GM_addStyle
// @run-at       document-end
// ==/UserScript==

(function () {
    'use strict';

    // 添加全局样式
    GM_addStyle(`
        /* 设置整体背景颜色为旧纸颜色 */
        body {
            background-color: #f5f2e4; /* 复古旧纸颜色 */
            color: #333; /* 字体颜色为深灰 */
            font-family: "Georgia", "Times New Roman", serif; /* 使用报纸风格的字体 */
            line-height: 1.6;
        }

        /* 调整所有标题的样式 */
        h1, h2, h3, h4, h5, h6 {
            color: #2b2b2b;
            font-family: "Merriweather", serif; /* 替代的报纸风格字体 */
            border-bottom: 1px solid #bbb; /* 添加细线条 */
            padding-bottom: 5px;
        }

        /* 设置链接样式 */
        a {
            color: #0056b3; /* 深蓝色 */
            text-decoration: underline; /* 带下划线 */
        }
        a:hover {
            color: #ff4500; /* 橙红色悬停效果 */
            text-decoration: none;
        }

        /* 段落样式 */
        p {
            text-align: justify; /* 文本对齐为两端 */
            margin: 15px 0;
        }

        /* 表格样式 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            background-color: #fff;
        }
        table th, table td {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: left;
        }
        table th {
            background-color: #e8e4d8; /* 浅旧纸色 */
        }

        /* 图片样式 */
        img {
            filter: sepia(60%) brightness(0.9) contrast(1.1); /* 添加复古滤镜 */
            border: 2px solid #ccc;
            padding: 2px;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
            max-width: 100%;
        }

        /* 按钮样式 */
        button, input[type="button"], input[type="submit"] {
            background-color: #e8e4d8; /* 按钮背景 */
            color: #333;
            border: 1px solid #bbb;
            padding: 8px 12px;
            cursor: pointer;
            font-family: "Georgia", serif;
        }
        button:hover, input[type="button"]:hover, input[type="submit"]:hover {
            background-color: #d6d2c4;
            color: #000;
        }

        /* 设置全局字体阴影和盒阴影 */
        * {
            text-shadow: 1px 2px 3px rgba(80, 40, 20, 0.3); /* 更加明显的复古棕色字体阴影 */
            box-sizing: border-box;
        }
    `);
})();