访问txt时，美化阅读样式，有多个主题可供切换
// ==UserScript==
// @name txt阅读器（仿pixiv，多主题）
// @namespace http://tampermonkey.net/
// @version 2.0.1
// @description 访问txt时，美化阅读样式，有多个主题可供切换
// @author Yesaye
// @match *://*/*.txt
// @match file:///*/*.txt
// @grant GM_setValue
// @grant GM_getValue
// @license MIT
// @icon data:image/jpeg;base64,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
// ==/UserScript==
(function () {
'use strict';
// 主题定义
const themes = {
light: {
name: '明亮',
background: '#f5f5f5',
containerBg: '#ffffff',
textColor: '#1f1f1f',
btnBg: '#ffffff',
btnColor: '#23272e',
btnBorder: '#cccccc'
},
classic: {
name: '经典',
background: '#fafafa',
containerBg: '#f0f0f0',
textColor: '#222',
btnBg: '#e0e0e0',
btnColor: '#222',
btnBorder: '#bdbdbd'
},
paper: {
name: '纸张',
background: '#fdf6e3',
containerBg: '#ffffff',
textColor: '#333333',
btnBg: '#f5f2e7',
btnColor: '#333333',
btnBorder: '#e0e0e0'
},
sepia: {
name: '羊皮纸',
background: '#f4ecd8',
containerBg: '#f9f6f2',
textColor: '#5b4636',
btnBg: '#e9e1c8',
btnColor: '#5b4636',
btnBorder: '#d6cfc2'
},
gray: {
name: '灰色',
background: '#e0e0e0',
containerBg: '#f5f5f5',
textColor: '#424242',
btnBg: '#bdbdbd',
btnColor: '#212121',
btnBorder: '#9e9e9e'
},
bluegray: {
name: '蓝灰',
background: '#eceff1',
containerBg: '#cfd8dc',
textColor: '#263238',
btnBg: '#b0bec5',
btnColor: '#263238',
btnBorder: '#78909c'
},
// 暗色风格
dark: {
name: '暗黑',
background: '#23272e',
containerBg: '#181a1b',
textColor: '#e0e0e0',
btnBg: '#23272e',
btnColor: '#e0e0e0',
btnBorder: '#444'
},
nightblue: {
name: '夜蓝',
background: '#1a2233',
containerBg: '#222c3a',
textColor: '#b3c7e6',
btnBg: '#2a3550',
btnColor: '#b3c7e6',
btnBorder: '#3b4a6b'
},
nord: {
name: '北极',
background: '#2e3440',
containerBg: '#3b4252',
textColor: '#d8dee9',
btnBg: '#4c566a',
btnColor: '#eceff4',
btnBorder: '#81a1c1'
},
monokai: {
name: '莫诺凯',
background: '#272822',
containerBg: '#383830',
textColor: '#f8f8f2',
btnBg: '#49483e',
btnColor: '#a6e22e',
btnBorder: '#fd971f'
},
dracula: {
name: '德古拉',
background: '#282a36',
containerBg: '#44475a',
textColor: '#f8f8f2',
btnBg: '#6272a4',
btnColor: '#f1fa8c',
btnBorder: '#bd93f9'
},
solarized: {
name: '日光',
background: '#fdf6e3',
containerBg: '#eee8d5',
textColor: '#657b83',
btnBg: '#eee8d5',
btnColor: '#586e75',
btnBorder: '#93a1a1'
},
// 彩色/特殊风格
pink: {
name: '粉色',
background: '#ffe4ec',
containerBg: '#fff0f6',
textColor: '#ad1457',
btnBg: '#f8bbd0',
btnColor: '#ad1457',
btnBorder: '#f06292'
},
ocean: {
name: '海洋',
background: '#e0f7fa',
containerBg: '#b2ebf2',
textColor: '#006064',
btnBg: '#4dd0e1',
btnColor: '#006064',
btnBorder: '#00bcd4'
},
coffee: {
name: '咖啡',
background: '#ece0d1',
containerBg: '#d7ccc8',
textColor: '#4e342e',
btnBg: '#bcaaa4',
btnColor: '#4e342e',
btnBorder: '#8d6e63'
},
green: {
name: '绿色',
background: '#e8f5e9',
containerBg: '#c8e6c9',
textColor: '#1b5e20',
btnBg: '#a5d6a7',
btnColor: '#1b5e20',
btnBorder: '#81c784'
},
forest: {
name: '森林',
background: '#e8f5e9',
containerBg: '#a5d6a7',
textColor: '#2e7d32',
btnBg: '#66bb6a',
btnColor: '#1b5e20',
btnBorder: '#388e3c'
},
sunset: {
name: '落日',
background: '#fff3e0',
containerBg: '#ffe0b2',
textColor: '#e65100',
btnBg: '#ffb74d',
btnColor: '#e65100',
btnBorder: '#ff9800'
},
lavender: {
name: '薰衣草',
background: '#f3e8ff',
containerBg: '#e1bee7',
textColor: '#6a1b9a',
btnBg: '#ce93d8',
btnColor: '#6a1b9a',
btnBorder: '#ab47bc'
}
};
// 读取主题（优先GM_getValue，其次localStorage）
let currentTheme = 'light';
let canUseLocalStorage = true;
try {
// 测试localStorage可用性
localStorage.getItem('txt_reader_theme');
} catch (e) {
console.log(e);
canUseLocalStorage = false;
}
if (typeof GM_getValue === 'function') {
try {
currentTheme = GM_getValue('txt_reader_theme', canUseLocalStorage ? localStorage.getItem('txt_reader_theme') || 'light' : 'light');
console.log("GM_getValue: "+currentTheme);
} catch (e) {
console.log(e);
currentTheme = 'light';
}
} else if (canUseLocalStorage) {
try {
currentTheme = localStorage.getItem('txt_reader_theme') || 'light';
console.log("localStorage: "+currentTheme);
} catch (e) {
console.log(e);
currentTheme = 'light';
}
} else {
currentTheme = 'light';
}
// 创建主题下拉框
const themeSelect = document.createElement('select');
themeSelect.style.position = 'fixed';
themeSelect.style.top = '20px';
themeSelect.style.right = '20px';
themeSelect.style.zIndex = 9999;
themeSelect.style.borderRadius = '6px';
themeSelect.style.padding = '8px 16px';
themeSelect.style.boxShadow = '0 2px 8px 0 rgba(0,0,0,0.04)';
themeSelect.style.cursor = 'pointer';
themeSelect.style.transition = 'all 0.2s';
// 填充下拉框选项
const themeKeys = Object.keys(themes);
themeKeys.forEach(key => {
const option = document.createElement('option');
option.value = key;
option.textContent = themes[key].name || key;
themeSelect.appendChild(option);
});
themeSelect.value = currentTheme;
document.body.appendChild(themeSelect);
// 创建容器
var text_containter = document.createElement("div");
text_containter.id = "text_containter";
var text_box = document.createElement("div");
text_box.id = "text_box";
text_containter.appendChild(text_box);
document.body.appendChild(text_containter);
// 将原始文本放入 text_box
var pre = document.getElementsByTagName("pre")[0];
if (pre) {
text_box.textContent = pre.textContent;
pre.remove();
}
// 注入自定义样式
var style = document.createElement('style');
style.type = "text/css";
document.head.appendChild(style);
function applyTheme(themeName) {
const theme = themes[themeName];
style.textContent = `
html { background-color: ${theme.background}; }
body {
margin: 0;
padding: 0;
}
#text_containter {
margin: 30px auto;
padding: 60px 0;
width: 912px;
background-color: ${theme.containerBg};
}
#text_box {
color: ${theme.textColor};
max-width: 620px;
margin: auto;
font-size: 16px;
line-height: 2;
background-color: ${theme.containerBg};
font-family: "Avenir Next", Avenir, "Source Sans", "Noto Sans", Roboto, Verdana, "Pingfang SC", "Hiragino Sans GB", "Lantinghei SC", "Source Han Sans CN", "Noto Sans CJK SC", "Microsoft Yahei", DengXian, YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "Source Han Sans", "Source Han Sans JP", "Noto Sans CJK JP", "Pingfang TC", "Pingfang HK", "Hiragino Sans CNS", "Lantinghei TC", "Source Han Sans TW", "Source Han Sans HK", "Noto Sans CJK TC", "Microsoft JhengHei", "Apple SD Gothic Neo", "Source Han Sans K", "Source Han Sans KR", "Noto Sans CJK KR", "Malgun Gothic", sans-serif;
font-feature-settings: normal;
overflow-wrap: break-word;
white-space: pre-wrap;
text-align: justify;
}
`;
// 下拉框样式跟随主题
themeSelect.style.background = theme.btnBg;
themeSelect.style.color = theme.btnColor;
themeSelect.style.border = `1px solid ${theme.btnBorder}`;
}
// 初始主题
applyTheme(currentTheme);
// 切换主题事件
themeSelect.onchange = function () {
currentTheme = themeSelect.value;
if (canUseLocalStorage) {
try {
localStorage.setItem('txt_reader_theme', currentTheme);
console.log("localStorage saved: "+currentTheme);
} catch (e) { console.log(e); }
} else {
console.log("localStorage not available");
}
if (typeof GM_setValue === 'function') {
try {
GM_setValue('txt_reader_theme', currentTheme);
console.log("GM_setValue saved: "+currentTheme);
} catch (e) { console.log(e); }
} else {
console.log("GM_setValue not available");
}
applyTheme(currentTheme);
};
})();