// ==UserScript== // @name 3A社区美化_v2.0.3 // @namespace http://tampermonkey.net/ // @version 2.0.3 // @description 3A社区美化主题，支持切换米色主题和网站原始样式 // @author KK // @match *://3a.lol/* // @grant GM_addStyle // ==/UserScript== (function() { 'use strict'; // 添加主题标记class function applyThemeClass() { const isDarkTheme = localStorage.getItem('theme') === 'dark'; if (isDarkTheme) { document.documentElement.classList.remove('my-beige-theme'); } else { document.documentElement.classList.add('my-beige-theme'); } } // 初始化时添加主题class applyThemeClass(); // 使用MutationObserver监控DOM变化，确保主题class状态正确 const observer = new MutationObserver(() => { applyThemeClass(); }); observer.observe(document.body, { childList: true, subtree: true }); // 简洁白主题样式 const lightTheme = ` /* 全局颜色变量 - 柔和米色主题 */ .my-beige-theme { /* 主题颜色变量 */ --bg: #F5F2EA !important; --bg-secondary: #F9F7F3 !important; --bg-hover: #F0ECE5 !important; --bg-tertiary: #E8E5DF !important; --border: #F0ECE5 !important; --text-primary: #1E293B !important; --text-secondary: #64748B !important; --accent: #3B82F6 !important; --success: #10B981 !important; --danger: #EF4444 !important; --warning: #F59E0B !important; --info: #3B82F6 !important; --text-dark: #1E293B !important; --border-light: #F5F2EA !important; --bg-white: #FFFFFF !important; --bg-accent-hover: #EFF6FF !important; --bg-danger-hover: #FEF2F2 !important; --bg-alert: #C8C0B3 !important; --success-alt: #34D399 !important; --text-muted: #64748B !important; --bg-light: #F0F0F0 !important; --border-lightest: #F9F7F3 !important; --text-tertiary: #94A3B8 !important; --accent-hover: #2563EB !important; --text-black: #000000 !important; --bg-lightest: #E5E7EB !important; --button-bg: #838383 !important; --button-bg-hover: #6B6B6B !important; --bg-quote: #EAF5F3 !important; --bg-highlight: rgb(113 237 215) !important; --love: #EF4444 !important; --tertiary-50: var(--bg) !important; } /* 应用基础颜色 */ .my-beige-theme body { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 顶部导航栏 */ .my-beige-theme .d-header { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important; } /* 主内容区 */ .my-beige-theme .main-outlet { background-color: var(--bg) !important; } /* 话题列表 */ .my-beige-theme .topic-list-item { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; box-shadow: none !important; } .my-beige-theme .topic-list-item:hover { background-color: var(--bg-hover) !important; } /* 话题内容 */ .my-beige-theme .topic-body { background-color: var(--bg) !important; border: 1px solid var(--border) !important; } /* 按钮样式 */ .my-beige-theme .btn, .my-beige-theme .btn-default, .my-beige-theme .btn-primary, .my-beige-theme .btn-secondary, .my-beige-theme .btn-success, .my-beige-theme .btn-danger, .my-beige-theme .btn-warning, .my-beige-theme .btn-info, .my-beige-theme .btn-light, .my-beige-theme .btn-dark, .my-beige-theme .btn-icon, .my-beige-theme .btn-flat, .my-beige-theme .btn-transparent { background-color: transparent !important; border-color: transparent !important; color: var(--text-dark) !important; } .my-beige-theme .btn:hover, .my-beige-theme .btn-default:hover, .my-beige-theme .btn-primary:hover, .my-beige-theme .btn-secondary:hover, .my-beige-theme .btn-success:hover, .my-beige-theme .btn-danger:hover, .my-beige-theme .btn-warning:hover, .my-beige-theme .btn-info:hover, .my-beige-theme .btn-light:hover, .my-beige-theme .btn-dark:hover, .my-beige-theme .btn-icon:hover, .my-beige-theme .btn-flat:hover, .my-beige-theme .btn-transparent:hover { background-color: transparent !important; border-color: transparent !important; } /* 搜索框 */ .my-beige-theme .floating-search-input { background-color: transparent !important; border-bottom: 1px solid var(--border-light) !important; } .my-beige-theme .search-input-wrapper { background-color: transparent !important; } .my-beige-theme #header-search-input { background-color: transparent !important; border-color: transparent !important; color: var(--text-dark) !important; } /* 搜索输入框容器 */ .my-beige-theme .search-menu .search-input, .my-beige-theme .search-menu-container .search-input { background-color: transparent !important; border-color: var(--accent) !important; } /* 搜索图标按钮 */ .my-beige-theme .search-icon { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--text-dark) !important; height: 100% !important; align-items: center !important; display: flex !important; } .my-beige-theme .search-icon:hover { color: var(--accent) !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* 输入框 */ .my-beige-theme .d-input { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; color: var(--text-primary) !important; } /* 侧边栏 */ .my-beige-theme .sidebar-sections { background-color: var(--bg) !important; border-right: 1px solid var(--border) !important; } .my-beige-theme .sidebar-section { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .sidebar-section-header-wrapper { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .sidebar-section-header { color: var(--text-primary) !important; } .my-beige-theme .sidebar-section-header:hover { color: var(--accent) !important; } .my-beige-theme .sidebar-section-link { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .sidebar-section-link:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .sidebar-section-link.active { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; } .my-beige-theme .sidebar-section-link-prefix { color: var(--accent) !important; } .my-beige-theme .sidebar-section-link-content-text { color: var(--text-primary) !important; } .my-beige-theme .sidebar-section-link-suffix { color: var(--success) !important; } .my-beige-theme .sidebar-section-header-button { color: var(--accent) !important; } .my-beige-theme .sidebar-section-header-button:hover { color: var(--danger) !important; } .my-beige-theme .sidebar-more-section-trigger { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .sidebar-more-section-trigger:hover { background-color: var(--bg-hover) !important; } /* 分类图标颜色 */ .my-beige-theme .sidebar-section-link-prefix[style*="color: #25AAE2"] { color: var(--accent) !important; } .my-beige-theme .sidebar-section-link-prefix[style*="color: #0088CC"] { color: var(--accent) !important; } .my-beige-theme .sidebar-section-link-prefix[style*="color: #808281"] { color: var(--text-muted) !important; } /* 浅色主题下的阴影样式 */ .my-beige-theme .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; } .my-beige-theme .shadow { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03) !important; } .my-beige-theme .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .shadow-lg { box-shadow: 0 6px 10px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .shadow-xl { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .shadow-2xl { box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .shadow-inner { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .shadow-none { box-shadow: none !important; } /* 浅色主题下的分类标签样式 */ .my-beige-theme .badge-category__wrapper { background-color: transparent !important; border: none !important; } .my-beige-theme .badge-category { background-color: transparent !important; color: var(--category-badge-color) !important; border: none !important; box-shadow: none !important; } .my-beige-theme .badge-category__name { color: var(--category-badge-color) !important; } .my-beige-theme .badge-category:hover { background-color: var(--category-badge-color) !important; color: var(--bg-white) !important; } .my-beige-theme .badge-category:hover .badge-category__name { color: var(--bg-white) !important; } /* 浅色主题下方阴影修复 */ .my-beige-theme .topic-list-item { box-shadow: none !important; } .my-beige-theme .topic-list-item:after { box-shadow: none !important; } .my-beige-theme .topic-list-item:before { box-shadow: none !important; } /* 浅色主题帖子列表下方阴影 */ .my-beige-theme .post-list-item { box-shadow: none !important; } .my-beige-theme .post-list-item:after { box-shadow: none !important; } .my-beige-theme .post-list-item:before { box-shadow: none !important; } /* 浅色主题侧边栏原版样式 */ .my-beige-theme .sidebar-footer-wrapper { background-color: var(--d-sidebar-footer-fade) !important; box-shadow: none !important; } .my-beige-theme .sidebar-wrapper { background-color: var(--bg-white) !important; box-shadow: none !important; border-right: 1px solid var(--border-light) !important; } /* 浅色主题侧边栏阴影修复 */ .my-beige-theme .sidebar-wrapper:before { box-shadow: none !important; } .my-beige-theme .sidebar-wrapper:after { box-shadow: none !important; } /* 浅色主题侧边栏容器阴影修复 */ .my-beige-theme .sidebar-container { box-shadow: none !important; } .my-beige-theme .sidebar-container:before { box-shadow: none !important; } .my-beige-theme .sidebar-container:after { box-shadow: none !important; } /* 浅色主题侧边栏选项框框修复 */ .my-beige-theme .sidebar-section-link { background-color: transparent !important; border: none !important; box-shadow: none !important; } .my-beige-theme .sidebar-section-link:hover { background-color: var(--bg-accent-hover) !important; } /* 侧边栏底部渐变 */ .my-beige-theme { --d-sidebar-footer-fade: var(--bg) !important; } /* Steam游戏分享整体容器 */ .my-beige-theme .steam-info { background-color: var(--bg-white) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; padding: 20px !important; margin: 16px 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* Steam元数据区域 */ .my-beige-theme .steam-info__meta { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .steam-info__label { color: var(--text-secondary) !important; font-size: 0.875rem !important; font-weight: 500 !important; } .my-beige-theme .steam-info__appid { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; padding: 4px 10px !important; border-radius: 6px !important; font-family: 'Courier New', monospace !important; font-size: 0.875rem !important; font-weight: 600 !important; } /* Steam游戏分享按钮样式 */ .my-beige-theme .steam-info__actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 16px !important; } .my-beige-theme .steam-info__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 14px !important; border-radius: 8px !important; text-decoration: none !important; font-size: 0.875rem !important; font-weight: 500 !important; line-height: 1.4 !important; color: var(--text-primary) !important; background: var(--bg-secondary) !important; border: 1px solid var(--border) !important; transition: all 0.15s ease !important; } .my-beige-theme .steam-info__btn:hover { background: var(--bg-hover) !important; border-color: var(--accent) !important; color: var(--accent) !important; transform: translateY(-1px) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important; } /* Steam头部图片 */ .my-beige-theme .steam-info__header { margin-bottom: 16px !important; border-radius: 8px !important; overflow: hidden !important; } .my-beige-theme .steam-info__header-img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; } /* Steam Widget */ .my-beige-theme .steam-info__widget { margin-top: 16px !important; border-radius: 8px !important; overflow: hidden !important; } /* 浅色主题下的上次访问标签样式 */ .my-beige-theme .topic-list .topic-list-item-separator .topic-list-data span { background-color: var(--accent) !important; color: var(--bg-white) !important; } .my-beige-theme .topic-list .topic-list-item-separator .topic-list-data { border-top: 1px solid var(--accent) !important; } /* 导航控制 */ .my-beige-theme .navigation-controls { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } /* 新建话题按钮 */ .my-beige-theme #create-topic { background-color: var(--bg) !important; border-color: var(--border) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; } .my-beige-theme #create-topic:hover { background-color: var(--bg-hover) !important; border-color: var(--accent) !important; color: var(--accent) !important; } /* 下拉选择器 */ .my-beige-theme .select-kit { background-color: transparent !important; border-color: var(--border) !important; } /* 标签选择器 */ .my-beige-theme .select-kit.combo-box.tag-drop .tag-drop-header, .my-beige-theme .select-kit.combo-box.tag-drop .selected-name { color: var(--text-primary) !important; } /* 聊天抽屉 */ .my-beige-theme .chat-drawer .chat-drawer-container { background: var(--bg) !important; border: 1px solid var(--border) !important; border-bottom: 0 !important; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; box-shadow: 0 0 4px rgba(0, 0, 0, .05) !important; } /* 聊天抽屉标题 */ .my-beige-theme .chat-drawer .c-navbar-container { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .chat-drawer .c-navbar__title-text { color: var(--text-primary) !important; font-weight: 600 !important; } /* 聊天抽屉操作按钮 */ .my-beige-theme .chat-drawer .c-navbar__actions .btn { background-color: transparent !important; border-color: transparent !important; color: var(--text-secondary) !important; } .my-beige-theme .chat-drawer .c-navbar__actions .btn:hover { background-color: var(--bg-hover) !important; color: var(--accent) !important; } /* 聊天频道列表 */ .my-beige-theme .chat-drawer .chat-channel-divider { background: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .chat-drawer .channel-title { color: var(--text-secondary) !important; font-weight: 500 !important; } .my-beige-theme .chat-drawer .chat-channel-row { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .chat-drawer .chat-channel-row:hover { background: var(--bg-hover) !important; } .my-beige-theme .chat-drawer .chat-channel-name__label { color: var(--text-primary) !important; } .my-beige-theme .chat-drawer .chat-channel__metadata-date { color: var(--text-tertiary) !important; } /* 聊天抽屉底部导航 */ .my-beige-theme .chat-drawer .c-footer { background: var(--bg-secondary) !important; border-top: 1px solid var(--border) !important; } .my-beige-theme .chat-drawer .c-footer__item { background-color: transparent !important; border-color: transparent !important; color: var(--text-secondary) !important; } .my-beige-theme .chat-drawer .c-footer__item.--active { color: var(--accent) !important; border-bottom: 2px solid var(--accent) !important; } .my-beige-theme .chat-drawer .c-footer__item:hover { background-color: var(--bg-hover) !important; color: var(--accent) !important; } /* 聊天频道卡片 */ .my-beige-theme .chat-channel-card { --chat-channel-card-border: transparent !important; background-color: var(--bg) !important; border-radius: 8px !important; border-left: 5px solid rgba(0, 0, 0, 0) !important; border-color: var(--chat-channel-card-border) !important; } .my-beige-theme .chat-channel-card__name { color: var(--text-primary) !important; font-weight: 500 !important; } .my-beige-theme .chat-channel-card__leave-btn { background-color: transparent !important; border-color: transparent !important; color: var(--danger) !important; } .my-beige-theme .chat-channel-card__leave-btn:hover { background-color: var(--bg-danger-hover) !important; color: var(--danger) !important; } .my-beige-theme .chat-channel-card__members { color: var(--text-secondary) !important; font-size: 0.875rem !important; } /* 提示框样式 */ .my-beige-theme .alert { background-color: var(--bg-alert) !important; color: var(--bg-white) !important; } /* 下拉选择器 */ .my-beige-theme .select-kit-header { background-color: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border) !important; } .my-beige-theme .select-kit-header:hover { background-color: var(--bg-hover) !important; } /* 分类面包屑 */ .my-beige-theme .category-breadcrumb { background-color: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .category-breadcrumb li { color: var(--text-primary) !important; } /* 未读标记 */ .my-beige-theme .unread .d-icon { color: var(--success-alt) !important; } /* 通知徽章 */ .my-beige-theme .badge { color: var(--text-primary) !important; } .my-beige-theme .badge-notification { background-color: var(--success-alt) !important; color: var(--text-primary) !important; } .my-beige-theme .badge-notification.unread-posts { background-color: var(--success-alt) !important; color: var(--text-primary) !important; } .my-beige-theme .badge-notification.new-topic { background-color: transparent !important; color: var(--text-primary) !important; } /* 搜索框下拉 */ .my-beige-theme .search-result { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; } .my-beige-theme .search-result:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .search-result-title { color: var(--text-primary) !important; } .my-beige-theme .search-result-meta { color: var(--text-secondary) !important; } .my-beige-theme .search-result-highlight { background-color: var(--bg-highlight) !important; color: var(--text-primary) !important; } /* 高亮样式 */ .my-beige-theme .highlighted { background-color: var(--bg-highlight) !important; color: var(--text-primary) !important; } /* 话题列表中的高亮项 - 保持与普通项相同的背景 */ .my-beige-theme .topic-list-item.highlighted { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .topic-list-item.highlighted:hover { background-color: var(--bg-hover) !important; } /* 个人信息中活动-所有页面的帖子 */ .my-beige-theme .post-list-item.user-stream { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .post-list-item.user-stream:hover { background-color: var(--bg-hover) !important; } /* 活动页面列表容器 */ .my-beige-theme .user-stream { background-color: var(--bg) !important; } /* 活动页面导航栏 */ .my-beige-theme .nav-pills { background-color: var(--bg) !important; } .my-beige-theme .nav-pills li a { color: var(--text-primary) !important; } .my-beige-theme .nav-pills li.active a { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; } /* 活动页面卡片 */ .my-beige-theme .card { background-color: var(--bg) !important; border: 1px solid var(--border) !important; } .my-beige-theme .search-highlight { background-color: var(--bg-highlight) !important; color: var(--text-primary) !important; } .my-beige-theme mark { background-color: var(--bg-highlight) !important; color: var(--text-primary) !important; } /* 搜索框 */ .my-beige-theme #search-container { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; } .my-beige-theme #header-search-input { background-color: transparent !important; color: var(--text-primary) !important; } .my-beige-theme .search-icon { background-color: transparent !important; color: var(--text-secondary) !important; } /* 搜索菜单 */ .my-beige-theme .search-menu { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .search-menu-initial-options { background-color: var(--bg-secondary) !important; } .my-beige-theme .search-random-quick-tip { background-color: var(--bg-secondary) !important; } .my-beige-theme .tip-label { background-color: var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme #tip-description { color: var(--text-secondary) !important; } .my-beige-theme .search-menu-recent { background-color: var(--bg-light) !important; } /* 筛选条件下拉选择器 */ .my-beige-theme .select-kit-header, .my-beige-theme .select-kit.combo-box .select-kit-header, .my-beige-theme .select-kit.multi-select .multi-select-header { background-color: var(--bg-secondary) !important; border: 1px solid #9CA3AF !important; border-radius: 8px !important; } .my-beige-theme .select-kit-header-wrapper { color: var(--text-primary) !important; } .my-beige-theme .select-kit-selected-name { color: var(--text-primary) !important; } .my-beige-theme .angle-icon { color: var(--text-secondary) !important; } /* 下拉选择器高亮项 */ .my-beige-theme .select-kit .select-kit-row.is-highlighted { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .search-menu-recent .heading { background-color: var(--bg-light) !important; border-bottom: 1px solid var(--border-lightest) !important; } .my-beige-theme .search-menu-recent h4 { color: var(--text-primary) !important; } .my-beige-theme .clear-recent-searches { background-color: transparent !important; color: var(--text-secondary) !important; } .my-beige-theme .search-menu-assistant-item { background-color: var(--bg-light) !important; border-bottom: 1px solid var(--border-lightest) !important; } .my-beige-theme .search-menu-assistant-item:hover { background-color: var(--bg-lightest) !important; } .my-beige-theme .search-link { color: var(--text-primary) !important; } .my-beige-theme .search-icon-wrapper { color: var(--text-secondary) !important; } .my-beige-theme .search-item-slug { color: var(--text-primary) !important; } /* 聊天消息容器 */ .my-beige-theme .chat-message-container { background-color: var(--bg-white) !important; width: 100% !important; } .my-beige-theme .chat-transcript { background-color: var(--bg-white) !important; width: 100% !important; } /* 按钮主样式 */ .my-beige-theme .btn-primary { background-color: var(--accent) !important; border-color: var(--accent) !important; color: var(--bg-white) !important; } .my-beige-theme .btn-primary:hover { background-color: var(--accent-hover) !important; border-color: var(--accent-hover) !important; } /* 链接样式 */ .my-beige-theme a { color: var(--text-primary) !important; } .my-beige-theme a:hover { color: var(--accent) !important; } /* 标题样式 */ .my-beige-theme h1, .my-beige-theme h2, .my-beige-theme h3, .my-beige-theme h4, .my-beige-theme h5, .my-beige-theme h6 { color: var(--text-primary) !important; } /* 引用块 */ .my-beige-theme .quote { background-color: var(--bg-quote) !important; border-left: 4px solid var(--border) !important; color: var(--text-primary) !important; } /* 被引用内容样式 */ .my-beige-theme .topic-avatar { background-color: var(--bg) !important; border-top: 1px solid var(--border) !important; } .my-beige-theme .topic-body { border-top: 1px solid var(--border) !important; } .my-beige-theme .cooked .quote { background-color: var(--bg-quote) !important; border-left: 4px solid var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme aside.quote .title { display: flex !important; align-items: start !important; gap: var(--space-2) !important; color: var(--text-secondary) !important; padding: .8em .8em 0 .8em !important; background: var(--bg-quote) !important; border-left: 4px solid var(--border) !important; cursor: default !important; -webkit-user-select: none !important; user-select: none !important; } .my-beige-theme blockquote { background: var(--bg-quote) !important; border-left: 4px solid var(--border) !important; } .my-beige-theme .cooked .quote .attribution { background-color: var(--bg-quote) !important; color: var(--text-secondary) !important; border-bottom: 1px solid var(--border) !important; padding: 0.5em !important; } .my-beige-theme .cooked .quote .quote-content { background-color: var(--bg-quote) !important; color: var(--text-primary) !important; padding: 0.5em !important; } /* 代码块 */ .my-beige-theme pre { background-color: var(--bg-white) !important; border: 1px solid var(--border-light) !important; color: var(--text-primary) !important; } /* 帖子列表 */ .my-beige-theme .post-list { background-color: var(--bg-white) !important; border: 1px solid var(--border-light) !important; } .my-beige-theme .post-list-item { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .post-list-item:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .post-list-item__header { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .post-list-item__details { background-color: var(--bg) !important; } .my-beige-theme .stream-topic-title { background-color: var(--bg) !important; } .my-beige-theme .stream-topic-title .title a { color: var(--accent) !important; } .my-beige-theme .stream-topic-title .title a:hover { color: var(--accent-hover) !important; } .my-beige-theme .post-list-item__metadata { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 链接颜色 */ .my-beige-theme .post-list-item a { color: var(--accent) !important; } .my-beige-theme .post-list-item a:hover { color: var(--accent-hover) !important; text-decoration: underline !important; } /* 内容区域 */ .my-beige-theme .cooked { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 帖子通知 */ .my-beige-theme .post-notice { background-color: var(--bg-secondary) !important; border-top-color: var(--border) !important; } /* 输入框样式 */ .my-beige-theme input[type=text], .my-beige-theme input[type=password], .my-beige-theme input[type=datetime], .my-beige-theme input[type=datetime-local], .my-beige-theme input[type=date], .my-beige-theme input[type=month], .my-beige-theme input[type=time], .my-beige-theme input[type=week], .my-beige-theme input[type=number], .my-beige-theme input[type=email], .my-beige-theme input[type=url], .my-beige-theme input[type=search], .my-beige-theme input[type=tel], .my-beige-theme input[type=color] { background-color: var(--bg) !important; color: var(--text-primary) !important; border: 1px solid #9CA3AF !important; } /* 覆盖默认输入框边框变量 */ .my-beige-theme { --d-input-border: 1px solid #9CA3AF !important; } /* 输入框边框增强 */ .my-beige-theme input[type=text], .my-beige-theme input[type=password], .my-beige-theme input[type=datetime], .my-beige-theme input[type=datetime-local], .my-beige-theme input[type=date], .my-beige-theme input[type=month], .my-beige-theme input[type=time], .my-beige-theme input[type=week], .my-beige-theme input[type=number], .my-beige-theme input[type=email], .my-beige-theme input[type=url], .my-beige-theme input[type=search], .my-beige-theme input[type=tel], .my-beige-theme input[type=color] { border: 1px solid var(--border) !important; } .my-beige-theme input[type=text]:focus, .my-beige-theme input[type=password]:focus, .my-beige-theme input[type=datetime]:focus, .my-beige-theme input[type=datetime-local]:focus, .my-beige-theme input[type=date]:focus, .my-beige-theme input[type=month]:focus, .my-beige-theme input[type=time]:focus, .my-beige-theme input[type=week]:focus, .my-beige-theme input[type=number]:focus, .my-beige-theme input[type=email]:focus, .my-beige-theme input[type=url]:focus, .my-beige-theme input[type=search]:focus, .my-beige-theme input[type=tel]:focus, .my-beige-theme input[type=color]:focus { border-color: var(--accent) !important; outline: none !important; } /* 新建话题回复框 */ .my-beige-theme #reply-control.open { background-color: var(--bg) !important; border-color: var(--border) !important; } /* 新建话题回复框内部 */ .my-beige-theme #reply-control .reply-area { background-color: var(--bg) !important; } /* 新建话题回复框输入区域 */ .my-beige-theme #reply-control .d-editor-wrapper { background-color: var(--bg) !important; } /* 新建话题回复框工具栏 */ .my-beige-theme #reply-control .d-editor-toolbar { background-color: var(--bg) !important; border-color: var(--border) !important; } /* 新话题内容输入框 */ .my-beige-theme .d-editor-textarea-wrapper { background-color: var(--bg) !important; border-color: var(--border) !important; } /* 切换按钮 */ .my-beige-theme .composer-toggle-switch__slider { background-color: var(--bg-tertiary) !important; border-color: var(--border) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important; } /* 切换按钮滑块 */ .my-beige-theme .composer-toggle-switch__slider::before { background-color: var(--bg-white) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important; } /* 切换按钮选中状态 */ .my-beige-theme .composer-toggle-switch__slider.active { background-color: var(--accent) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important; } .my-beige-theme .composer-toggle-switch__slider.active::before { background-color: var(--bg-white) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } /* 创建新话题界面 */ .my-beige-theme .composer { background-color: var(--bg) !important; border-color: var(--border) !important; } .my-beige-theme .composer-content { background-color: var(--bg) !important; } .my-beige-theme .composer-header { background-color: var(--bg) !important; border-bottom-color: var(--border) !important; } .my-beige-theme .composer-body { background-color: var(--bg) !important; } .my-beige-theme .composer-footer { background-color: var(--bg) !important; border-top-color: var(--border) !important; } /* 编辑器工具栏 */ .my-beige-theme .d-editor-toolbar { background-color: var(--bg) !important; border-bottom-color: var(--border) !important; } /* 编辑器工具栏按钮 */ .my-beige-theme .d-editor-button { color: var(--text-primary) !important; } .my-beige-theme .d-editor-button:hover { background-color: var(--bg-secondary) !important; } /* 编辑器工具栏按钮激活状态 */ .my-beige-theme .d-editor-button.active { background-color: var(--bg-secondary) !important; color: var(--accent) !important; } /* 编辑器工具栏按钮禁用状态 */ .my-beige-theme .d-editor-button:disabled { color: var(--text-muted) !important; } /* 编辑器输入区域 */ .my-beige-theme .d-editor-input { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 下拉菜单 */ .my-beige-theme .select-kit-header { background-color: var(--bg) !important; border-color: var(--border) !important; color: var(--text-primary) !important; } /* 可选标签输入框 */ .my-beige-theme .tag-input { background-color: var(--bg) !important; border-color: var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme .time { color: var(--text-muted) !important; } .my-beige-theme .relative-date { color: var(--text-muted) !important; } .my-beige-theme .expand-item { background-color: transparent !important; border-color: transparent !important; color: var(--accent) !important; } .my-beige-theme .expand-item:hover { background-color: var(--bg-accent-hover) !important; color: var(--danger) !important; } .my-beige-theme .excerpt { background-color: var(--bg-white) !important; border-bottom: 1px solid var(--border-light) !important; } .my-beige-theme .cooked { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 帖子内容 */ .my-beige-theme .post__body { background-color: var(--bg) !important; border: 1px solid var(--border) !important; } .my-beige-theme .post__regular { background-color: var(--bg) !important; } /* 帖子元数据 */ .my-beige-theme .topic-meta-data { background-color: var(--bg) !important; } /* 帖子菜单区域 */ .my-beige-theme .post__menu-area { background-color: var(--bg) !important; } /* 帖子操作区域 */ .my-beige-theme .post__actions { background-color: var(--bg) !important; } /* 帖子内容区域 */ .my-beige-theme .post__contents { background-color: var(--bg) !important; } .my-beige-theme .lightbox { color: var(--text-primary) !important; } .my-beige-theme .lightbox:hover { color: var(--accent) !important; } /* 外部链接 */ .my-beige-theme a[rel="noopener nofollow ugc"] { color: var(--text-primary) !important; } .my-beige-theme a[rel="noopener nofollow ugc"]:hover { color: var(--accent) !important; } /* 分类选择器 */ .my-beige-theme .select-kit-collection { background-color: var(--bg) !important; border-color: var(--border) !important; } .my-beige-theme .category-row.select-kit-row { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .category-row.select-kit-row:hover, .my-beige-theme .category-row.select-kit-row.is-highlighted { background-color: var(--bg-hover) !important; } /* 标签选择器 */ .my-beige-theme .tag-row.select-kit-row { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .tag-row.select-kit-row:hover, .my-beige-theme .tag-row.select-kit-row.is-highlighted { background-color: var(--bg-hover) !important; } /* 标签搜索框 */ .my-beige-theme .select-kit-filter { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .filter-input { background-color: transparent !important; color: var(--text-primary) !important; border: none !important; } .my-beige-theme .filter-icon { color: var(--text-secondary) !important; } /* 选中状态字体 */ .my-beige-theme .select-kit-row.is-highlighted { color: var(--text-primary) !important; font-weight: 500 !important; } /* 未搜索到的部分 */ .my-beige-theme .select-kit-no-results { background-color: var(--bg) !important; color: var(--text-secondary) !important; border-bottom: 1px solid var(--border) !important; } /* 个人信息菜单 */ .my-beige-theme .user-menu { background-color: var(--bg) !important; border: 1px solid var(--border) !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .user-menu .user-menu-item { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .user-menu .user-menu-item:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .user-menu .user-menu-item.active, .my-beige-theme .user-menu .user-menu-item.selected { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; font-weight: 500 !important; } /* 用户菜单 - 按钮选中状态 */ .my-beige-theme .btn.profile-tab-btn.active, .my-beige-theme .btn.profile-tab-btn.is-active, .my-beige-theme .profile-tab-btn.active, .my-beige-theme .profile-tab-btn.is-active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .btn.profile-tab-btn:hover, .my-beige-theme .profile-tab-btn:hover { background-color: var(--bg-hover) !important; color: var(--accent) !important; } /* 用户菜单 - 所有选中状态强制覆盖 */ .my-beige-theme .user-menu .is-selected, .my-beige-theme .user-menu .selected, .my-beige-theme .user-menu .active, .my-beige-theme .user-menu .is-active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .user-menu .is-selected:hover, .my-beige-theme .user-menu .selected:hover, .my-beige-theme .user-menu .active:hover, .my-beige-theme .user-menu .is-active:hover { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; } /* 用户菜单 - 强制覆盖深色背景 */ .my-beige-theme .user-menu [class*="bg-secondary"], .my-beige-theme .user-menu [style*="background-color: rgb(30"], .my-beige-theme .user-menu [style*="background-color: #1E"], .my-beige-theme .user-menu [style*="background-color: #1e"] { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } /* 选中状态样式 */ .my-beige-theme .selected { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } /* 用户状态菜单选中样式 */ .my-beige-theme .set-user-status button.active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--accent) !important; } /* 导航菜单选中样式 */ .my-beige-theme .nav-item.active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } /* 下拉菜单选中样式 */ .my-beige-theme .dropdown-menu li.active { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .user-menu .user-menu-header { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .user-menu .user-menu-footer { background-color: var(--bg) !important; color: var(--text-primary) !important; border-top: 1px solid var(--border) !important; } /* 通知菜单 */ .my-beige-theme .notifications-dropdown { background-color: var(--bg) !important; border: 1px solid var(--border) !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .notifications-dropdown .notification-item { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .notifications-dropdown .notification-item:hover, .my-beige-theme .notifications-dropdown .notification-item.selected { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .notifications-dropdown .notification-header { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .notifications-dropdown .notification-footer { background-color: var(--bg) !important; color: var(--text-primary) !important; border-top: 1px solid var(--border) !important; } /* 通知项特定状态 */ .my-beige-theme .user-menu .quick-access-panel .read, .my-beige-theme .user-menu .quick-access-panel .bookmark, .my-beige-theme .user-notifications-list .read, .my-beige-theme .user-notifications-list .bookmark, .my-beige-theme .notifications-dropdown .read, .my-beige-theme .notifications-dropdown .bookmark { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-menu .quick-access-panel .read:hover, .my-beige-theme .user-menu .quick-access-panel .bookmark:hover, .my-beige-theme .user-notifications-list .read:hover, .my-beige-theme .user-notifications-list .bookmark:hover, .my-beige-theme .notifications-dropdown .read:hover, .my-beige-theme .notifications-dropdown .bookmark:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } /* 未读通知 */ .my-beige-theme .user-menu .quick-access-panel .unread, .my-beige-theme .user-notifications-list .unread, .my-beige-theme .notifications-dropdown .unread { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .user-menu .quick-access-panel .unread:hover, .my-beige-theme .user-notifications-list .unread:hover, .my-beige-theme .notifications-dropdown .unread:hover { background-color: var(--border) !important; color: var(--text-primary) !important; } /* 通知菜单头部 */ .my-beige-theme .notifications-dropdown .header { background-color: var(--bg) !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .notifications-dropdown .header .title { color: var(--text-primary) !important; } .my-beige-theme .notifications-dropdown .header .mark-read { color: var(--accent) !important; } .my-beige-theme .notifications-dropdown .header .mark-read:hover { color: var(--accent-hover) !important; text-decoration: underline !important; } /* 用户菜单标签列表图标 */ .my-beige-theme .user-menu.revamped .tabs-list .btn .d-icon, .my-beige-theme .user-menu.revamped .tabs-list button .d-icon { border-radius: var(--d-border-radius) !important; color: var(--text-secondary) !important; padding: .5em !important; background-color: var(--bg) !important; } .my-beige-theme .user-menu.revamped .tabs-list .btn:hover .d-icon, .my-beige-theme .user-menu.revamped .tabs-list button:hover .d-icon { color: var(--text-primary) !important; background-color: var(--bg-hover) !important; } .my-beige-theme .user-menu.revamped .tabs-list .btn.active .d-icon, .my-beige-theme .user-menu.revamped .tabs-list button.active .d-icon { color: var(--bg) !important; background-color: var(--accent) !important; } /* 通知标题和内容颜色 */ .my-beige-theme .user-menu .quick-access-panel .item-label, .my-beige-theme .user-notifications-list .item-label, .my-beige-theme .notifications-dropdown .item-label { color: var(--text-primary) !important; } .my-beige-theme .user-menu .quick-access-panel li a .item-description, .my-beige-theme .user-notifications-list li a .item-description, .my-beige-theme .notifications-dropdown li a .item-description { color: var(--text-secondary) !important; } /* 用户状态设置模态框 */ .my-beige-theme .modal.d-modal, .my-beige-theme .d-modal__container { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .d-modal__header { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .d-modal__title-text { color: var(--text-primary) !important; } .my-beige-theme .modal-close { color: var(--text-secondary) !important; } .my-beige-theme .modal-close:hover { color: var(--text-primary) !important; background-color: var(--bg-hover) !important; } .my-beige-theme .d-modal__body { background-color: var(--bg) !important; } .my-beige-theme .user-status-description { background-color: var(--bg) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; } .my-beige-theme .user-status-description:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important; } .my-beige-theme .tap-tile { background-color: var(--bg) !important; border: 1px solid var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme .tap-tile:hover, .my-beige-theme .tap-tile[aria-pressed="true"] { background-color: var(--bg-hover) !important; border-color: var(--accent) !important; } .my-beige-theme .tap-tile-title { color: var(--text-primary) !important; } .my-beige-theme .tap-tile-date { color: var(--text-secondary) !important; } .my-beige-theme .d-modal__footer { background-color: var(--bg) !important; border-top: 1px solid var(--border) !important; } .my-beige-theme .d-modal__footer .btn-primary { background-color: var(--accent) !important; color: var(--bg-white) !important; border: 1px solid var(--accent) !important; } .my-beige-theme .d-modal__footer .btn-primary:hover { background-color: var(--accent-hover) !important; border-color: var(--accent-hover) !important; } .my-beige-theme .d-modal__footer .btn-flat { background-color: transparent !important; color: var(--text-secondary) !important; border: 1px solid var(--border) !important; } .my-beige-theme .d-modal__footer .btn-flat:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .delete-status { color: var(--danger) !important; } .my-beige-theme .delete-status:hover { background-color: rgba(239, 68, 68, 0.1) !important; } /* 标签选择模态框 */ .my-beige-theme .tag-chooser { background-color: var(--bg) !important; } .my-beige-theme .tag-chooser .category { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .tag-chooser .category-header { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .tag-chooser .tag-item { background-color: var(--bg) !important; border: 1px solid var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme .tag-chooser .tag-item:hover { background-color: var(--bg-secondary) !important; border-color: var(--accent) !important; } .my-beige-theme .tag-chooser .tag-item.selected { background-color: var(--accent) !important; color: var(--bg-white) !important; } /* 草稿下拉菜单 */ .my-beige-theme .fk-d-menu__inner-content { background-color: var(--bg) !important; border-color: var(--border) !important; } /* 对话框内容 */ .my-beige-theme .dialog-content { background-color: var(--bg) !important; box-shadow: var(--shadow-card) !important; } /* 通知样式 */ .my-beige-theme .fk-d-toasts .fk-d-toast { background-color: var(--bg) !important; border-color: var(--border) !important; box-shadow: var(--shadow-dropdown) !important; } /* 在线聊天日期分隔符 */ .my-beige-theme .chat-message-separator-date .chat-message-separator__text-container.is-pinned .chat-message-separator__text, .my-beige-theme .chat-message-separator-date .chat-message-separator__text-container.is-force-pinned .chat-message-separator__text { background-color: var(--bg) !important; border-color: var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme .chat-message-separator-new .chat-message-separator__text-container .chat-message-separator__text { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 聊天消息操作按钮 */ @media (min-width: 40rem) { .my-beige-theme .chat-message-actions { background-color: var(--bg) !important; } } /* 聊天消息操作按钮图标 */ .my-beige-theme .chat-message-actions .react-btn .d-icon, .my-beige-theme .chat-message-actions .reply-btn .d-icon, .my-beige-theme .chat-message-actions .chat-message-thread-btn .d-icon, .my-beige-theme .chat-message-actions .bookmark-btn .d-icon { color: var(--text-secondary) !important; } /* 聊天消息操作按钮边框 */ .my-beige-theme .chat-message-actions .react-btn:first-child:not(:hover), .my-beige-theme .chat-message-actions .reply-btn:first-child:not(:hover), .my-beige-theme .chat-message-actions .chat-message-thread-btn:first-child:not(:hover), .my-beige-theme .chat-message-actions .bookmark-btn:first-child:not(:hover) { border-color: var(--text-secondary) !important; border-right-color: transparent !important; } @media (min-width: 40rem) { .my-beige-theme .chat-message-actions .react-btn:first-child, .my-beige-theme .chat-message-actions .reply-btn:first-child, .my-beige-theme .chat-message-actions .chat-message-thread-btn:first-child, .my-beige-theme .chat-message-actions .bookmark-btn:first-child { border-left-color: var(--text-secondary) !important; } } @media (min-width: 40rem) { .my-beige-theme .chat-message-actions .react-btn, .my-beige-theme .chat-message-actions .reply-btn, .my-beige-theme .chat-message-actions .chat-message-thread-btn, .my-beige-theme .chat-message-actions .bookmark-btn { border: 1px solid transparent !important; border-bottom-color: var(--text-secondary) !important; border-top-color: var(--text-secondary) !important; } } /* 聊天消息操作按钮右半部分（更多按钮） */ .my-beige-theme .chat-message-actions .more-buttons.dropdown-select-box .select-kit-header { border-color: var(--text-secondary) !important; border-left-color: transparent !important; } /* 复选框样式 */ .my-beige-theme .checkbox-label { color: var(--text-primary) !important; } .my-beige-theme .ember-checkbox { accent-color: var(--accent) !important; } .my-beige-theme .ember-checkbox:checked { background-color: var(--accent) !important; border-color: var(--accent) !important; } .my-beige-theme .ember-checkbox:focus { outline: 2px solid rgba(59, 130, 246, 0.2) !important; outline-offset: 2px !important; } /* 聊天消息 */ .my-beige-theme .chat-message-container { background-color: var(--bg) !important; } /* 网盘链接显示样式 */ .my-beige-theme aside.onebox { border: 1px solid var(--border) !important; margin-inline: 4px !important; box-shadow: none !important; border-radius: 4px !important; margin-bottom: 1em !important; padding: 1em !important; font-size: var(--font-0) !important; background: var(--bg-white) !important; } .my-beige-theme aside.onebox .source { background: transparent !important; padding: 0 !important; border-radius: 0 !important; margin-bottom: 0.5em !important; } .my-beige-theme aside.onebox .onebox-body { background: transparent !important; } .my-beige-theme aside.onebox .onebox-metadata { background: transparent !important; padding: 0 !important; border-radius: 0 !important; margin-top: 0.5em !important; } .my-beige-theme aside.onebox a { color: var(--accent) !important; font-weight: 500 !important; } .my-beige-theme aside.onebox a:hover { color: var(--accent-hover) !important; text-decoration: underline !important; } .my-beige-theme aside.onebox .source a { font-size: 0.9em !important; color: var(--text-secondary) !important; } .my-beige-theme aside.onebox .source a:hover { color: var(--text-primary) !important; } .my-beige-theme .chat-message-container:hover { background-color: var(--bg-hover) !important; } /* 点赞按钮样式 - 红心 */ .my-beige-theme nav.post-controls .actions .double-button button.my-likes .d-icon, .my-beige-theme nav.post-controls .actions .double-button button.read-indicator .d-icon, .my-beige-theme nav.post-controls .actions .double-button button.regular-likes .d-icon { color: var(--danger) !important; padding-left: .45em !important; } /* 点赞按钮悬停样式 */ .my-beige-theme nav.post-controls .actions .double-button button.my-likes:hover .d-icon, .my-beige-theme nav.post-controls .actions .double-button button.read-indicator:hover .d-icon, .my-beige-theme nav.post-controls .actions .double-button button.regular-likes:hover .d-icon { color: var(--danger) !important; } .my-beige-theme .chat-message-container.-selected { background-color: var(--border) !important; } /* 回复按钮 */ .my-beige-theme .btn-primary.create.topic-footer-button { background-color: var(--button-bg) !important; color: var(--bg-white) !important; border: 1px solid var(--button-bg) !important; } .my-beige-theme .btn-primary.create.topic-footer-button:hover { background-color: var(--button-bg-hover) !important; border-color: var(--button-bg-hover) !important; } /* 用户资料区域 */ .my-beige-theme .user-main { background-color: var(--bg) !important; } .my-beige-theme .user-main .about.collapsed-info { background-color: var(--bg) !important; } .my-beige-theme .user-main .about.collapsed-info .details { margin-top: 0 !important; background: var(--bg-white) !important; } .my-beige-theme .new-user-wrapper { background-color: var(--bg) !important; } .my-beige-theme .new-user-content-wrapper { background-color: var(--bg) !important; } .my-beige-theme .user-content { background-color: var(--bg) !important; } .my-beige-theme .top-section.stats-section { background-color: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 16px !important; } .my-beige-theme .stats-title { color: var(--text-primary) !important; } .my-beige-theme .user-stat { color: var(--text-primary) !important; } .my-beige-theme .user-stat .value { color: var(--text-primary) !important; } .my-beige-theme .user-stat .label { color: var(--text-secondary) !important; } /* 用户导航 */ .my-beige-theme .user-navigation { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-nav { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-nav li { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-nav li a { color: var(--text-primary) !important; } .my-beige-theme .user-nav li a:hover { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; } .my-beige-theme .user-nav li.active a { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; } /* 容器 */ .my-beige-theme .container { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 主要内容 */ .my-beige-theme #main-container { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 主要出口 */ .my-beige-theme #main-outlet { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 总结页面特定样式 */ .my-beige-theme .summary-page { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 徽章卡片 */ .my-beige-theme .badge-card { background-color: var(--bg) !important; border: 1px solid var(--border) !important; } /* 点赞小红心 */ .my-beige-theme nav.post-controls .actions .double-button button.has-like .d-icon { color: var(--love) !important; fill: var(--love) !important; } .my-beige-theme .svg-icon, .my-beige-theme .svg-icon-title { height: 1em !important; width: 1em !important; line-height: 1 !important; display: inline-flex !important; position: relative !important; vertical-align: -0.125em !important; fill: currentcolor !important; flex-shrink: 0 !important; overflow: visible !important; } /* 点击次数徽章 */ .my-beige-theme a[data-clicks]::after { content: attr(data-clicks); font-weight: normal; background-color: #40D399 !important; color: #333377 !important; position: relative; top: -1px; padding: 2.95225px 5.85043px !important; min-width: .5em; line-height: 1.2 !important; font-size: 13.9296px !important; font-family: Inter, Arial, sans-serif !important; text-align: center; border-radius: 10px; white-space: nowrap; display: inline-block; margin: .15em; } /* 确保所有子元素都继承正确的颜色 */ .my-beige-theme * { color: inherit !important; } .my-beige-theme *[style*="color:"] { color: inherit !important; } /* 帖子正文和编辑器预览中的链接 - 保持蓝色 */ .my-beige-theme .cooked a, .my-beige-theme .d-editor-preview a { color: var(--accent) !important; } .my-beige-theme .cooked a:hover, .my-beige-theme .d-editor-preview a:hover { color: var(--accent-hover) !important; } /* 小红心特殊处理 - 覆盖继承 */ .my-beige-theme .user-content .d-icon-heart { color: var(--love) !important; } .my-beige-theme .svg-icon.d-icon-heart { color: var(--love) !important; } /* 用户菜单标签页容器 */ .my-beige-theme .menu-tabs-container { background-color: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* 用户菜单标签页 */ .my-beige-theme .menu-tabs-container .tabs-list { background-color: var(--bg) !important; } .my-beige-theme .menu-tabs-container .user-menu-tab { background-color: var(--bg) !important; border-color: var(--border) !important; color: var(--text-primary) !important; } .my-beige-theme .menu-tabs-container .user-menu-tab:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .menu-tabs-container .user-menu-tab.active { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; } /* 通知列表样式 */ .my-beige-theme .user-menu-button-all-notifications { background-color: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } .my-beige-theme .notification { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .notification:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .notification a { color: var(--text-primary) !important; } .my-beige-theme .notification .item-label { color: var(--text-primary) !important; } .my-beige-theme .notification .item-description { color: var(--text-secondary) !important; } .my-beige-theme .notification.unread { background-color: var(--bg-accent-hover) !important; } /* 搜索结果面板 */ .my-beige-theme .menu-panel.search-menu-panel { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .panel-body { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .panel-body-contents { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .conditional-loading-section { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .results { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-result-topic { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-result-topic .list { background-color: var(--bg) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-result-topic .item { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-result-topic .item:hover, .my-beige-theme .menu-panel.search-menu-panel .search-result-topic .item:focus, .my-beige-theme .menu-panel.search-menu-panel .search-result-topic .item.is-highlighted { background-color: var(--bg-hover) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-link { color: var(--text-primary) !important; background-color: transparent !important; } .my-beige-theme .menu-panel.search-menu-panel .search-link:hover, .my-beige-theme .menu-panel.search-menu-panel .search-link:focus { color: var(--accent) !important; background-color: transparent !important; } .my-beige-theme .menu-panel.search-menu-panel .topic-title a { color: var(--text-primary) !important; } .my-beige-theme .menu-panel.search-menu-panel .topic-title a:hover { color: var(--accent) !important; } .my-beige-theme .menu-panel.search-menu-panel .blurb { color: var(--text-secondary) !important; } .my-beige-theme .menu-panel.search-menu-panel .relative-date { color: var(--text-muted) !important; } .my-beige-theme .menu-panel.search-menu-panel .blurb__text { color: var(--text-secondary) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-highlight { background-color: var(--bg-highlight) !important; color: var(--text-primary) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-menu__show-more { background-color: var(--bg) !important; border-top: 1px solid var(--border) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-menu__show-more a { color: var(--accent) !important; } .my-beige-theme .menu-panel.search-menu-panel .search-menu__show-more a:hover { color: var(--accent-hover) !important; } /* 上次访问标记 */ .my-beige-theme .topic-post-visited-message { background-color: var(--text-primary) !important; color: var(--bg) !important; } /* 分类框区域 */ .my-beige-theme .category-boxes { background-color: transparent !important; } .my-beige-theme .category-box { background-color: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; border-left-color: var(--text-primary) !important; } .my-beige-theme .category-box-inner { background-color: var(--bg) !important; border-color: var(--border) !important; } .my-beige-theme .category-box:hover { background-color: var(--bg-hover) !important; } .my-beige-theme .category-details { background-color: var(--bg) !important; } .my-beige-theme .category-box-heading { background-color: var(--bg) !important; } .my-beige-theme .category-box-heading a { color: var(--text-primary) !important; } .my-beige-theme .category-box-heading a:hover { color: var(--accent) !important; } .my-beige-theme .description { background-color: var(--bg) !important; color: var(--text-secondary) !important; } .my-beige-theme .description span { color: var(--text-secondary) !important; } /* 话题列表底部区域 */ .my-beige-theme .topic-list-bottom { background-color: var(--bg) !important; } .my-beige-theme .topic-list-bottom .loading-container { background-color: var(--bg) !important; } .my-beige-theme .below-footer-outlet { background-color: var(--bg) !important; } .my-beige-theme .below-footer-outlet-container { background-color: var(--bg) !important; } /* 表单输入框聚焦状态 */ .my-beige-theme .form-kit__control-input:focus:not(:disabled), .my-beige-theme .form-kit__control-input:focus-visible:not(:disabled), .my-beige-theme .form-kit__control-input:focus:focus-visible:not(:disabled), .my-beige-theme .form-kit__control-input:active:not(:disabled) { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--accent) !important; outline-color: var(--accent) !important; } /* 所有输入框边框样式 - 增强可见性 */ .my-beige-theme input[type=text], .my-beige-theme input[type=password], .my-beige-theme input[type=datetime], .my-beige-theme input[type=datetime-local], .my-beige-theme input[type=date], .my-beige-theme input[type=month], .my-beige-theme input[type=time], .my-beige-theme input[type=week], .my-beige-theme input[type=number], .my-beige-theme input[type=email], .my-beige-theme input[type=url], .my-beige-theme input[type=search], .my-beige-theme input[type=tel], .my-beige-theme input[type=color] { border: 1px solid var(--text-primary) !important; } /* 对话框内的输入框边框 */ .my-beige-theme .d-modal input[type=text], .my-beige-theme .modal input[type=text], .my-beige-theme .d-modal input, .my-beige-theme .modal input { border: 1px solid var(--text-primary) !important; } /* 用户卡片（User Card）背景 */ .my-beige-theme .user-card { background-color: var(--bg) !important; } .my-beige-theme .user-card .card-content { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-card .card-row { background-color: var(--bg) !important; border-bottom: 1px solid var(--border) !important; } .my-beige-theme .user-card .names .name-username-wrapper { color: var(--text-primary) !important; } .my-beige-theme .user-card .names .full-name { color: var(--text-secondary) !important; } .my-beige-theme .user-card .user-status__description { color: var(--text-secondary) !important; } .my-beige-theme .user-card .bio { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .user-card .metadata .desc { color: var(--text-secondary) !important; } .my-beige-theme .user-card .metadata { color: var(--text-primary) !important; } .my-beige-theme .user-card .featured-topic .desc { color: var(--text-secondary) !important; } .my-beige-theme .user-card .featured-topic a { color: var(--accent) !important; } .my-beige-theme .user-card .location-and-website a { color: var(--accent) !important; } .my-beige-theme .user-card .location-and-website .location span { color: var(--text-primary) !important; } /* 用户卡片徽章样式 */ .my-beige-theme .user-card .badge-section { background-color: var(--bg) !important; } .my-beige-theme .user-card .user-badge { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border: 1px solid var(--border-strong) !important; } .my-beige-theme .user-card .user-badge .d-icon { color: var(--accent) !important; } .my-beige-theme .user-card .user-badge .badge-display-name { color: var(--text-primary) !important; } .my-beige-theme .user-card .user-badge.badge-type-gold { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--border-strong) !important; } .my-beige-theme .user-card .user-badge.badge-type-silver { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--border-strong) !important; } .my-beige-theme .user-card .user-badge.badge-type-bronze { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--border-strong) !important; } .my-beige-theme .user-card .more-user-badges a { color: var(--accent) !important; background-color: var(--bg-hover) !important; border: 1px solid var(--border-strong) !important; } /* 他人信息主页（User Profile Page） */ .my-beige-theme .details { background-color: var(--bg) !important; } .my-beige-theme .details .primary { background-color: var(--bg) !important; } .my-beige-theme .details .primary-textual { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .details .username { color: var(--text-primary) !important; } .my-beige-theme .details .full-name { color: var(--text-secondary) !important; } .my-beige-theme .details .bio { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .details .bio a { color: var(--accent) !important; } .my-beige-theme .details .featured-topic a { color: var(--accent) !important; } .my-beige-theme .details .featured-topic .d-icon { color: var(--text-secondary) !important; } .my-beige-theme .details .location-and-website { background-color: var(--bg) !important; color: var(--text-primary) !important; } .my-beige-theme .details .location-and-website a { color: var(--accent) !important; } .my-beige-theme .details .location-and-website .d-icon { color: var(--text-secondary) !important; } .my-beige-theme .details .secondary { background-color: var(--bg) !important; } .my-beige-theme .details .big-info { background-color: var(--bg) !important; } .my-beige-theme .details .big-info th { color: var(--text-secondary) !important; background-color: var(--bg) !important; } .my-beige-theme .details .big-info td { color: var(--text-primary) !important; background-color: var(--bg) !important; } .my-beige-theme .details .big-info .d-icon { color: var(--text-secondary) !important; } .my-beige-theme .details .small-info { background-color: var(--bg) !important; } .my-beige-theme .details .small-info th { color: var(--text-secondary) !important; background-color: var(--bg) !important; } .my-beige-theme .details .small-info td { color: var(--text-primary) !important; background-color: var(--bg) !important; } .my-beige-theme .details .small-info .d-icon { color: var(--text-secondary) !important; } .my-beige-theme .details .controls { background-color: var(--bg) !important; } .my-beige-theme .details .controls .btn { background-color: var(--bg-hover) !important; color: var(--text-primary) !important; border: 1px solid var(--border-strong) !important; } .my-beige-theme .details .controls .btn:hover { background-color: var(--bg-accent-hover) !important; color: var(--accent) !important; border-color: var(--accent) !important; } .my-beige-theme .details dl { background-color: var(--bg) !important; } .my-beige-theme .details dt { color: var(--text-secondary) !important; background-color: var(--bg) !important; } .my-beige-theme .details dd { color: var(--text-primary) !important; background-color: var(--bg) !important; } .my-beige-theme .gamification-score__link { color: var(--accent) !important; } /* 新建话题按钮样式 - 与其他按钮保持一致 */ .my-beige-theme .btn.create, .my-beige-theme .btn.btn-primary, .my-beige-theme .btn.btn-default.create, .my-beige-theme #create-topic, .my-beige-theme .btn.btn-default#create-topic, .my-beige-theme .d-combo-button-button { background-color: var(--bg) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; border-color: var(--border) !important; } .my-beige-theme .btn.create:hover, .my-beige-theme .btn.btn-primary:hover, .my-beige-theme .btn.btn-default.create:hover, .my-beige-theme #create-topic:hover, .my-beige-theme .d-combo-button-button:hover { background-color: var(--bg-hover) !important; color: var(--accent) !important; border-color: var(--accent) !important; } /* 新建话题按钮的下拉箭头 */ .my-beige-theme .btn.create .caret, .my-beige-theme .btn.btn-primary .caret, .my-beige-theme #create-topic .caret, .my-beige-theme .d-combo-button-menu .d-icon { color: var(--text-primary) !important; border-top-color: var(--text-primary) !important; } /* 插入链接对话框 - 待选结果框背景 */ .my-beige-theme .d-modal.upsert-hyperlink-modal .insert-link .inputs .internal-link-results { background-color: var(--bg) !important; color: var(--text-primary) !important; } /* 插入链接对话框 - 待选项悬停/选中状态 */ .my-beige-theme .d-modal.upsert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link:hover, .my-beige-theme .d-modal.upsert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link:focus { background-color: var(--bg-hover) !important; } `; // 初始化主题 - 主题已经通过 addThemeClass 函数处理 // 添加浅色主题样式 GM_addStyle(lightTheme); // 创建主题切换按钮 function createThemeSwitcher() { // 等待页面完全加载 setTimeout(function() { // 尝试多种可能的图标容器选择器 const iconListSelectors = [ '.icons.d-header-icons', '.d-header-icons', '.header-icons', '.icons' ]; let iconList = null; for (const selector of iconListSelectors) { iconList = document.querySelector(selector); if (iconList) break; } if (!iconList) { // 如果找不到图标列表，使用悬浮按钮 createFloatingSwitcher(); return; } // 创建主题切换按钮 const switcher = document.createElement('button'); switcher.className = 'btn no-text fk-d-menu__trigger theme-switcher-trigger btn-flat'; switcher.title = '切换主题'; // 从本地存储获取上次使用的主题 const savedTheme = localStorage.getItem('theme'); let isLightTheme = savedTheme !== 'dark'; // 初始化主题 if (isLightTheme) { // 使用简洁白主题（太阳图标） switcher.innerHTML = ` `; } else { // 不使用简洁白主题，恢复网站原始样式（月亮图标） switcher.innerHTML = ` `; } switcher.addEventListener('click', function() { isLightTheme = !isLightTheme; if (isLightTheme) { // 使用简洁白主题（太阳图标） document.documentElement.classList.add('my-beige-theme'); switcher.innerHTML = ` `; localStorage.setItem('theme', 'light'); } else { // 不使用简洁白主题，恢复网站原始样式（月亮图标） document.documentElement.classList.remove('my-beige-theme'); switcher.innerHTML = ` `; localStorage.setItem('theme', 'dark'); // 移除my-beige-theme类后，自定义样式会自动失效，无需刷新页面 } }); // 尝试插入到不同位置 const insertions = [ // 尝试插入到语言切换按钮后面 () => { const languageSwitcher = document.querySelector('.language-switcher-trigger'); if (languageSwitcher) { languageSwitcher.parentNode.insertBefore(switcher, languageSwitcher.nextSibling); return true; } return false; }, // 尝试插入到搜索按钮后面 () => { const searchButton = document.querySelector('.search-button'); if (searchButton) { searchButton.parentNode.insertBefore(switcher, searchButton.nextSibling); return true; } return false; }, // 尝试插入到通知按钮后面 () => { const notificationButton = document.querySelector('.notifications-button'); if (notificationButton) { notificationButton.parentNode.insertBefore(switcher, notificationButton.nextSibling); return true; } return false; }, // 最后添加到图标列表末尾 () => { iconList.appendChild(switcher); return true; } ]; for (const insertion of insertions) { if (insertion()) break; } }, 2000); // 增加等待时间，确保页面完全加载 } // 创建悬浮切换按钮（备用） function createFloatingSwitcher() { const switcher = document.createElement('button'); // 从本地存储获取上次使用的主题 const savedTheme = localStorage.getItem('theme'); let isDarkTheme = savedTheme === 'dark'; // 初始化主题 if (isDarkTheme) { // 不使用简洁白主题，恢复网站原始样式（月亮图标） switcher.innerHTML = ` `; } else { // 使用简洁白主题（太阳图标） switcher.innerHTML = ` `; } switcher.style.cssText = ` position: fixed; top: 10px; right: 10px; z-index: 9999; background: #3b82f6; color: #fff; border: 1px solid #3b82f6; padding: 8px 12px; border-radius: 5px; cursor: pointer; font-size: 14px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); `; switcher.addEventListener('click', function() { isDarkTheme = !isDarkTheme; if (isDarkTheme) { // 不使用简洁白主题，恢复网站原始样式（月亮图标） document.documentElement.classList.remove('my-beige-theme'); switcher.innerHTML = ` `; localStorage.setItem('theme', 'dark'); // 移除my-beige-theme类后，自定义样式会自动失效，无需刷新页面 } else { // 使用简洁白主题（太阳图标） document.documentElement.classList.add('my-beige-theme'); switcher.innerHTML = ` `; localStorage.setItem('theme', 'light'); } }); document.body.appendChild(switcher); } // 页面加载完成后执行 window.addEventListener('load', function() { createThemeSwitcher(); console.log('3A社区美化主题_v2已加载'); }); })();