您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Apply Material Design 1 (MD1) styles using Materialize CSS to all websites
// ==UserScript== // @name MD1 Material Design Style with Materialize // @namespace http://tampermonkey.net/ // @version 0.1 // @description Apply Material Design 1 (MD1) styles using Materialize CSS to all websites // @author You // @match *://*/* // @grant GM_addStyle // @grant GM_addElement // @require https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css // @require https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js // ==/UserScript== (function() { 'use strict'; // Add custom CSS for MD1 design const md1CSS = ` /* Basic MD1 Styling */ body { font-family: 'Roboto', sans-serif; background-color: #F5F5F5; color: #212121; margin: 0; padding: 0; } .container, .content, .main { padding: 16px; max-width: 1200px; margin: 0 auto; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } button, .btn { background-color: #6200EA; color: white; border: none; border-radius: 4px; padding: 8px 16px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; } button:hover, .btn:hover { background-color: #3700B3; } .card { background: white; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); padding: 16px; margin: 16px 0; } input, textarea { border: 1px solid #BDBDBD; border-radius: 4px; padding: 8px; width: 100%; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; color: #212121; } a { color: #6200EA; text-decoration: none; transition: color 0.3s; } a:hover { color: #3700B3; } /* Override Materialize styles if necessary */ .materialize { /* Your overrides here */ } `; // Add custom CSS to the page GM_addStyle(md1CSS); // Ensure Materialize JavaScript is executed GM_addElement('script', { src: 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js', type: 'text/javascript', defer: true }); // Ensure Materialize CSS is loaded GM_addElement('link', { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css' }); })();