├── images ├── hide-self.jpg ├── no-update.jpg ├── transition.gif ├── avatar-float.jpg ├── highlight-at.jpg ├── image-viewer.jpg ├── input-placeholder.jpg ├── q-tag-enhancement.png ├── qqface-fine-tune-recent.jpg └── qqface-fine-tune-suggest.jpg ├── hide-lock.css ├── .vscode └── settings.json ├── hide-emoticon-response.css ├── stylelint.config.js ├── compact-at-list.css ├── focus-visible.styl ├── rainbow-name.css ├── variable-fonts-fix.css ├── no-update.css ├── lite-tools-recall-enhancement.css ├── hide-self.css ├── vue-highlight.css ├── link-color.css ├── highlight-at.css ├── input-placeholder.css ├── package.json ├── avatar-float.styl ├── demo-mode.css ├── simple-nudge.styl ├── qqface-fine-tune.styl ├── image-viewer.css ├── transparent.css ├── q-tag-enhancement.styl ├── customize-settings.styl ├── customize-more-menu.styl ├── .gitignore ├── hide-items.css ├── README.md ├── transition.css └── LICENSE /images/hide-self.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/hide-self.jpg -------------------------------------------------------------------------------- /images/no-update.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/no-update.jpg -------------------------------------------------------------------------------- /images/transition.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/transition.gif -------------------------------------------------------------------------------- /images/avatar-float.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/avatar-float.jpg -------------------------------------------------------------------------------- /images/highlight-at.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/highlight-at.jpg -------------------------------------------------------------------------------- /images/image-viewer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/image-viewer.jpg -------------------------------------------------------------------------------- /images/input-placeholder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/input-placeholder.jpg -------------------------------------------------------------------------------- /images/q-tag-enhancement.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/q-tag-enhancement.png -------------------------------------------------------------------------------- /images/qqface-fine-tune-recent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/qqface-fine-tune-recent.jpg -------------------------------------------------------------------------------- /images/qqface-fine-tune-suggest.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PRO-2684/Transitio-user-css/HEAD/images/qqface-fine-tune-suggest.jpg -------------------------------------------------------------------------------- /hide-lock.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Hide Lock 3 | @description 隐藏侧边栏 "更多" 中倒数第四个按钮 ("锁定")，防止误触 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#hide-lock 7 | @author Shapaper233 8 | ==/UserStyle== */ 9 | .more-menu :nth-last-child(4) { display: none !important; } 10 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "css.validate": false, 3 | "[css]": { 4 | "editor.defaultFormatter": "stylelint.vscode-stylelint", 5 | "editor.codeActionsOnSave": { 6 | "source.fixAll.stylelint": "explicit" 7 | } 8 | }, 9 | "[stylus]": { 10 | "editor.defaultFormatter": "stylelint.vscode-stylelint", 11 | "editor.codeActionsOnSave": { 12 | "source.fixAll.stylelint": "explicit" 13 | } 14 | } 15 | } -------------------------------------------------------------------------------- /hide-emoticon-response.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Hide Emoticon Response 3 | @description 移除右键消息上的表情回应 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#hide-emoticon-response 7 | @author InfSein 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | /* Source: https://github.com/PRO-2684/transitio/issues/4#issuecomment-2207904703 */ 11 | .menu-stickers-wrapper { 12 | display: none; 13 | } 14 | -------------------------------------------------------------------------------- /stylelint.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: [ 3 | // add more generic rulesets here, such as: 4 | // "stylelint-config-standard", 5 | "stylelint-stylus/recommended", 6 | ], 7 | rules: { 8 | // override/add rules settings here, such as: 9 | // "stylus/declaration-colon": "never" 10 | "stylus/indentation": [ 11 | 4, 12 | { 13 | "severity": "warning" 14 | } 15 | ], 16 | }, 17 | }; -------------------------------------------------------------------------------- /compact-at-list.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Compact At List 3 | @description 艾特建议面板更为紧凑 4 | @preprocessor transitio 5 | @version 0.2.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#compact-at-list 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var number panel-width "面板宽度 (em)" [10, 1, 20, 0.5] 10 | ==/UserStyle== */ 11 | .editor-at-panel { 12 | width: var(--panel-width)em !important; 13 | .viewport-list__inner { 14 | gap: 0px; 15 | padding: 0px; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /focus-visible.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Focus Visible 3 | @description 为聚焦元素添加可见的边框 4 | @preprocessor stylus 5 | @version 0.1.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#focus-visible 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var text focusOutline "聚焦元素边框" "1px dashed cyan" 10 | @var range focusOffset "聚焦元素边框偏移 (px)" [1, 0, 100, 1, "px"] 11 | ==/UserStyle== */ 12 | 13 | *:focus-visible { 14 | outline: focusOutline !important; 15 | outline-offset: focusOffset; 16 | } 17 | -------------------------------------------------------------------------------- /rainbow-name.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Rainbow Name 3 | @description 让自己的名字变为彩虹色 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#rainbow-name 7 | @author InfSein 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | .user-name--selfReverse span.text-ellipsis { 11 | background: linear-gradient(90deg, red, orange, yellow, green); 12 | background-clip: text; 13 | -webkit-background-clip: text; 14 | -webkit-text-fill-color: transparent; 15 | } 16 | -------------------------------------------------------------------------------- /variable-fonts-fix.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Variable Fonts Fix 3 | @description 给可变字体添加一定的字宽，使用前请确保 litetools 自定义字体使用的是可变字体（可自助更改） 4 | @preprocessor transitio 5 | @version 0.2.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#variable-fonts-fix 7 | @author Shapaper 8 | @license gpl-3.0 9 | @var number font-width "字宽" [540, 1] 10 | ==/UserStyle== */ 11 | /* Source: https://github.com/PRO-2684/transitio/issues/4#issuecomment-2212343133 */ 12 | body { 13 | font-weight: var(--font-width); 14 | } -------------------------------------------------------------------------------- /no-update.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name No Update 3 | @description 通过 CSS 隐藏更新提示框以及小红点 4 | @preprocessor transitio 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#no-update 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var checkbox hide-dialog "隐藏更新提示框" [1, "flex", "none"] 10 | @var checkbox hide-dot "隐藏小红点" [1, "inline-block", "none"] 11 | ==/UserStyle== */ 12 | div.q-dialog:has(>div.update-dialog) { 13 | display: var(--hide-dialog); 14 | } 15 | sub.q-badge-sub.q-badge-dot.q-badge-dot__small.q-badge__red { 16 | display: var(--hide-dot); 17 | } 18 | -------------------------------------------------------------------------------- /lite-tools-recall-enhancement.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Lite Tools Recall Enhancement 3 | @description 给 lite-tools 的撤回消息加上红色增强描边 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#lite-tools-recall-enhancement 7 | @author Shapaper233 8 | ==/UserStyle== */ 9 | .lite-tools-recall-msg .msg-content-container{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; } 10 | .lite-tools-recall-msg .file-message--content{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; } 11 | .lite-tools-recall-msg .msg-preview--video{ box-shadow: rgba(255, 0, 0, 0.55) 0px 0px 9px 4px; } 12 | -------------------------------------------------------------------------------- /hide-self.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Hide Self 3 | @description 隐藏居右的自己的头像和昵称 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#hide-self 7 | @author PRO-2684 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | .message-container.message-container--self.message-container--align-right { 11 | grid-template-areas: 12 | "checkbox . status content" 13 | "checkbox tips tips tips"; 14 | grid-template-columns: auto 1fr calc(var(--avatar_size_2) + 8px); 15 | > .avatar-span { 16 | display: none; 17 | } 18 | > .user-name { 19 | display: none; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /vue-highlight.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Vue Highlight 3 | @description 高亮 Vue components，用于开发目的 (带 `vue-component` 类的元素) 4 | @preprocessor transitio 5 | @version 0.1.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#q-tag-enhancement 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var color highlight-color "高亮颜色" "#5D83BB" 10 | @var percent highlight-opacity "高亮透明度 (%)" 80 11 | @var number highlight-width "高亮宽度 (px)" [2, 0] 12 | @var number highlight-blur "高亮模糊 (px)" [4, 0] 13 | ==/UserStyle== */ 14 | .vue-component { 15 | box-shadow: inset 0 0 var(--highlight-blur)px var(--highlight-width)px rgb(from var(--highlight-color) r g b / var(--highlight-opacity)); 16 | } 17 | -------------------------------------------------------------------------------- /link-color.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Link Color 3 | @description 链接动态颜色：悬浮/按下时显示相应颜色 4 | @preprocessor none 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#link-color 7 | @author PRO-2684 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | .text-element.text-element--other { 11 | .text-element--at:hover, .text-link:hover { 12 | color: var(--hover-link) !important; 13 | } 14 | .text-element--at:active, .text-link:active { 15 | color: var(--press-link) !important; 16 | } 17 | } 18 | a { 19 | &:hover { 20 | color: var(--hover-link); 21 | } 22 | &:active { 23 | color: var(--press-link); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /highlight-at.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Highlight At 3 | @description 高亮艾特：将艾特显示为下划线，着色为主题色；修复选择 元素的背景色 4 | @preprocessor none 5 | @version 0.1.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#highlight-at 7 | @author PRO-2684 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | span.text-element--at, msg-at { 11 | text-decoration: underline dashed; 12 | } 13 | /* 别人发的信息，着色为链接 */ 14 | .container--others span.text-element--at { 15 | color: var(--text_link); 16 | } 17 | /* 自己发的信息不能着色，否则看不见 */ 18 | /* .container--self span.text-element--at { 19 | color: var(); 20 | } */ 21 | /* 修复选择 元素的背景色 */ 22 | msg-at::selection { 23 | background-color: var(--text-selected-color); 24 | } 25 | -------------------------------------------------------------------------------- /input-placeholder.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Input Placeholder 3 | @description 自定义输入框提示 4 | @preprocessor transitio 5 | @version 0.1.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#input-placeholder 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var text placeholder "输入框提示" "Type words here..." 10 | @var percent opacity "输入框提示透明度 (%)" 80 11 | @var color muted-color "原生输入框提示颜色 (禁言等)" "#ff0000" 12 | @var color custom-color "自定义输入框提示颜色" "#808080" 13 | ==/UserStyle== */ 14 | /* 灵感来源于 Telegram Theme */ 15 | .qq-editor { 16 | .ck .ck-placeholder::before { 17 | opacity: var(--opacity); 18 | color: var(--muted-color); 19 | } 20 | &[style$='"";'] .ck .ck-placeholder::before { 21 | --qq-editor-placeholder: var(--placeholder); 22 | color: var(--custom-color); 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "transitio-user-css", 3 | "version": "0.1.0", 4 | "description": "My UserStyles for [Transitio](https://github.com/PRO-2684/transitio)", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/PRO-2684/Transitio-user-css.git" 12 | }, 13 | "keywords": [ 14 | "css", 15 | "stylus", 16 | "userstyle", 17 | "liteloaderqqnt", 18 | "llqqnt" 19 | ], 20 | "author": "PRO-2684", 21 | "license": "GPL-3.0-or-later", 22 | "bugs": { 23 | "url": "https://github.com/PRO-2684/Transitio-user-css/issues" 24 | }, 25 | "homepage": "https://github.com/PRO-2684/Transitio-user-css#readme", 26 | "devDependencies": { 27 | "stylelint": "^16.9.0", 28 | "stylelint-stylus": "^1.0.0" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /avatar-float.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Avatar Float 3 | @description 头像相关的调整：头像浮动、头像边框等 4 | @preprocessor stylus 5 | @version 0.3.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#avatar-float 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var range topOffset1 "头像聊天界面顶部偏移 (px)" [8, 0, 100, 1, "px"] 10 | @var range topOffset2 "头像聊天记录顶部偏移 (px)" [46, 0, 100, 1, "px"] 11 | @var range topOffset3 "多选框聊天界面顶部偏移 (px)" [18, 0, 100, 1, "px"] 12 | @var text avatarOutline "头像边框" "1px solid var(--on_bg_text)" 13 | ==/UserStyle== */ 14 | #ml-root { 15 | .ml-list { 16 | overflow: unset; 17 | } 18 | .avatar-span { 19 | position: sticky; 20 | top: topOffset1; 21 | } 22 | &.record-msg-panel .avatar-span { 23 | top: topOffset2; 24 | } 25 | .msg-picker.q-checkbox { 26 | position: sticky; 27 | top: topOffset3; 28 | } 29 | } 30 | 31 | .avatar { 32 | outline: avatarOutline; 33 | } 34 | -------------------------------------------------------------------------------- /demo-mode.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Demo Mode 3 | @description 演示模式：模糊化部分元素 4 | @preprocessor transitio 5 | @version 0.2.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#demo-mode 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var number blur-radius "模糊半径 (px)" [10, 1] 10 | ==/UserStyle== */ 11 | /* Adapted from: https://github.com/qianxuu/LiteLoaderQQNT-Plugin-Demo-mode */ 12 | .group-user__avatar, 13 | .group-member-title > span, 14 | .group-user__name, 15 | .group-notice > .content, 16 | .group-box__container .group-user__label > :is(.level, .title), 17 | .message-container__avatar, .avatar-row > .avatar-white-border, 18 | .chat-header__contact-name > span, 19 | .chat-header__contact-name > span > span, 20 | .message-content__wrapper > div, 21 | .ck-content > p, 22 | .text-element--at, .av-call-info > .name-text, 23 | .babble, 24 | .message-container .group-member-label > :is(.level, .title), 25 | .gray-tip-content, 26 | .summary-bubble > :is(div, sub, i), 27 | .user-avatar, 28 | .avatar, 29 | .text-ellipsis { 30 | filter: blur(var(--blur-radius)px); 31 | } 32 | -------------------------------------------------------------------------------- /simple-nudge.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Simple Nudge 3 | @description 简易拍一拍 4 | @preprocessor stylus 5 | @version 0.1.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#simple-pat 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var checkbox hideSimpleNudgeIcon "隐藏拍一拍双击动作图标 (普通拍一拍)" 1 10 | @var checkbox hideAdvancedNudgeIcon "隐藏拍一拍创意玩法动图 (高级拍一拍)" 1 11 | @var text advancedNudgeText "创意玩法替代文本" "'拍了拍'" 12 | ==/UserStyle== */ 13 | 14 | .message > .gray-tip-message > .gray-tip-content { 15 | if (hideSimpleNudgeIcon) { 16 | > .gray-tip-img[src^="http://tianquan.gtimg.cn/nudgeaction"] { /* 拍一拍双击动作图标 (普通拍一拍) */ 17 | display: none; 18 | } 19 | } 20 | if (hideAdvancedNudgeIcon) { 21 | &:has(> .gray-tip-img[src^="http://tianquan.gtimg.cn/nudgeeffect"]) { /* 拍一拍创意玩法动图 (高级拍一拍) */ 22 | > .gray-tip-img[src^="http://tianquan.gtimg.cn/nudgeeffect"] { /* 隐藏图标 */ 23 | display: none; 24 | } 25 | > .gray-tip-action:first-of-type::after { /* 展示拍一拍文本 */ 26 | color: var(--on_bg_text); 27 | cursor: default; 28 | content: advancedNudgeText; 29 | } 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /qqface-fine-tune.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name QQ Face Fine Tune 3 | @description QQ 表情微调 4 | @preprocessor stylus 5 | @version 0.3.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#qqface-fine-tune 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var checkbox useSystemEmoji "使用系统 Emoji (与字体)" 1 10 | @var number recentsPanelGap"最近表情面板间距 (em)" [0.5, 0.1, 5, 0.1, "em"] 11 | @var number recentsPanelWidth "最近表情面板宽度 (em)" [12, 1, 20, 0.5, "em"] 12 | @var number suggestionPanelWidth "表情建议面板宽度 (em)" [10, 1, 20, 0.5, "em"] 13 | ==/UserStyle== */ 14 | /* 使用系统 Emoji (与字体) */ 15 | if (useSystemEmoji) { 16 | body, html { 17 | font-family: system-ui, PingFang SC, PingFangSC-Regular, Microsoft YaHei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif, Apple Braille; 18 | } 19 | } 20 | /* 最近表情面板更为紧凑 */ 21 | .sticker-panel > .stickers.recent-used { 22 | padding: recentsPanelGap !important; 23 | row-gap: recentsPanelGap; 24 | column-gap: recentsPanelGap; 25 | max-width: recentsPanelWidth; 26 | } 27 | /* 表情建议面板宽度调小 */ 28 | .editor-qqface-short-panel { 29 | width: suggestionPanelWidth !important; 30 | /* 表情建议面板更为紧凑 */ 31 | .viewport-list__inner { 32 | gap: 0px; 33 | padding: 0px; 34 | } 35 | } 36 | .item .editor-qqface-short-panel__item { 37 | margin: 0px; 38 | .item-wrap { 39 | padding: 0px; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /image-viewer.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Image Viewer 3 | @description 媒体查看器透明度修改 4 | @preprocessor transitio 5 | @version 0.1.6 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#image-viewer 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var percent opacity "透明度" 40 10 | ==/UserStyle== */ 11 | .main-area { 12 | &.main-area--image { /* 图片查看器 */ 13 | > .main-area__content { 14 | overflow: visible !important; 15 | height: 100% !important; 16 | > .main-area__image-rotate-wrap { 17 | height: 100% !important; 18 | } 19 | > .main-area__loading-tip { 20 | backdrop-filter: none; 21 | background: rgba(0, 0, 0, var(--opacity)); 22 | } 23 | } 24 | > .main-area__footer { 25 | backdrop-filter: none; 26 | background: rgba(0, 0, 0, var(--opacity)); 27 | } 28 | } 29 | &.main-area--video > .video-viewer { /* 视频查看器 */ 30 | height: 100%; /* 修复视频查看器底部空白问题 */ 31 | .plugin-panel-main-area > .footer { 32 | backdrop-filter: none; 33 | background: rgba(0, 0, 0, var(--opacity)); 34 | } 35 | } 36 | .image-viewer__tip { 37 | backdrop-filter: none; 38 | background: rgba(0, 0, 0, var(--opacity)); 39 | } 40 | .main-area__arrow-icon { 41 | backdrop-filter: none; 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /transparent.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Transparent 3 | @description 透明化部分元素 4 | @preprocessor transitio 5 | @version 0.2.4 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#transparent 7 | @author PRO-2684， Lucas04-nhr 8 | @license gpl-3.0 9 | @var percent opacity-1 "透明度 1" 90 10 | @var percent opacity-2 "透明度 2" 80 11 | @var percent opacity-3 "透明度 3" 10 12 | ==/UserStyle== */ 13 | .q-menu, /* 菜单 */ 14 | .q-context-menu:not(.is-pure), /* 菜单 */ 15 | .q-context-sub-menu__container:not(.is-pure), /* 子菜单 */ 16 | .expression-panel > .sticker-panel-ref.expression-panel-inner > .sticker-panel, /* 表情面板 */ 17 | [class^='side-panel'], /* 侧栏 */ 18 | [class^='file'], /* 文件 */ 19 | /*[class^='msg-content-container'],*/ /* 聊天气泡 */ 20 | .q-popover, /* 弹出框 */ 21 | .q-dialog { /* 对话框 */ 22 | opacity: var(--opacity-1); 23 | } 24 | .menu-stickers-wrapper, /* 表情回应面板 (小) */ 25 | .menu-stickers-panel, /* 表情回应面板 (完整) */ 26 | .editor-qqface-short-panel, /* 表情建议面板 */ 27 | .editor-at-panel, /* 艾特建议面板 */ 28 | .q-tooltips__content, /* 提示 */ 29 | .q-notification, /* 通知 */ 30 | .q-float-card { /* 浮动卡片 (QQ 机器人指令) */ 31 | opacity: var(--opacity-2); 32 | } 33 | .babble { /* 时间、戳一戳等的气泡 */ 34 | background-color: rgb(from var(--nt_blur_bottom_superlight_2_30_2_alpha) r g b / var(--opacity-3)); 35 | } 36 | /* 移除部分样式 */ 37 | .q-popover, .search-result, .container .more-panel .side-panel { 38 | mix-blend-mode: normal; 39 | backdrop-filter: none; 40 | } 41 | -------------------------------------------------------------------------------- /q-tag-enhancement.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name q-tag-enhancement 3 | @description 给 qq 的各种头衔添加对应颜色的高光，同时控制头衔的显示/隐藏 4 | @preprocessor stylus 5 | @version 0.4.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#q-tag-enhancement 7 | @author Shapaper, huoyan1231, PRO-2684 8 | @license gpl-3.0 9 | @var range boxShadowOpacity "高光透明度 (%)" [20, 0, 100, 1, "%"] 10 | @var color ownerColor "群主高光颜色" #FF862E 11 | @var color adminColor "管理员高光颜色" #74A9F6 12 | @var color specialColor "专属头衔高光颜色" #AA76F6 13 | @var color othersColor "普通成员高光颜色" #9E9E9E 14 | @var color botColor "bot 颜色" #0A64FF 15 | @var checkbox hideOwner "隐藏群主 tag" 0 16 | @var checkbox hideAdmin "隐藏管理员 tag" 0 17 | @var checkbox hideSpecial "隐藏专属头衔 tag" 0 18 | @var checkbox hideOthers "隐藏普通成员 tag" 0 19 | @var checkbox hideBot "隐藏 QQ 机器人 tag" 0 20 | @var checkbox hideLevel "隐藏 tag 内等级 (建议同时隐藏普通成员 tag)" 0 21 | ==/UserStyle== */ 22 | mapping = { 23 | orange: (ownerColor hideOwner), /* 群主 */ 24 | blue: (adminColor hideAdmin), /* 管理员 */ 25 | purple: (specialColor hideSpecial), /* 专属头衔 */ 26 | grey: (othersColor hideOthers), 27 | }; 28 | for _, tagConfig in mapping { 29 | tagConfig[0] = alpha(tagConfig[0], boxShadowOpacity); 30 | } 31 | botColor = alpha(botColor, boxShadowOpacity); 32 | qTagMixin(boxShadow) { 33 | for color, tagConfig in mapping { 34 | &.q-tag--{color} { 35 | box-shadow: tagConfig[0] boxShadow; 36 | } 37 | } 38 | }; 39 | 40 | /* 聊天界面 tag 高光 */ 41 | .group-member-label { 42 | qTagMixin(0px 0px 4px 1px); 43 | } 44 | 45 | /* 成员列表 tag 高光 */ 46 | .group-member-label.group-user__label { 47 | qTagMixin(0px 0px 6px 2px); 48 | } 49 | 50 | /* 控制 tag 显示/隐藏 */ 51 | .q-tag { 52 | for color, tagConfig in mapping { 53 | if tagConfig[1] { 54 | &.q-tag--{color} { 55 | display: none; 56 | } 57 | } 58 | } 59 | if (hideLevel) { 60 | > .level { 61 | display: none; 62 | } 63 | } 64 | } 65 | 66 | /* QQ 机器人 */ 67 | .qq-bot-label { 68 | box-shadow: botColor boxShadowSmall; 69 | &.group-user__bot { 70 | box-shadow: botColor boxShadowLarge; 71 | } 72 | if (hideBot) { 73 | display: none; 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /customize-settings.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Customize Settings 3 | @description 自定义隐藏 QQNT 原生设置界面选项 4 | @preprocessor stylus 5 | @version 0.2.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#customize-settings 7 | @author PRO-2684, Sylphy 8 | @license gpl-3.0 9 | @var checkbox hideTuning "隐藏“通用”" 0 10 | @var checkbox hideRemind "隐藏“消息通知”" 0 11 | @var checkbox hideStorage "隐藏“存储管理”" 0 12 | @var checkbox hideKeyboard "隐藏“快捷键”" 0 13 | @var checkbox hideAdministeringUser "隐藏“权限设置”" 0 14 | @var checkbox hideSetting "隐藏“登录设置”" 0 15 | @var checkbox hideLink "隐藏“账号绑定与授权”" 0 16 | @var checkbox hideNavSkinNormal "隐藏“超级调色盘”" 1 17 | ==/UserStyle== */ 18 | @namespace xlink "http://www.w3.org/1999/xlink"; /* https://oreillymedia.github.io/Using_SVG/extras/ch03-namespaces.html */ 19 | .setting-layout > .setting-tab > .nav-bar:not(.liteloader) > .nav-item { 20 | if (hideTuning) { 21 | &:has(use[xlink|href="/_upper_/resource/icons/tuning_24.svg#tuning_24"]) { 22 | display: none; /* 通用 */ 23 | } 24 | } 25 | if (hideRemind) { 26 | &:has(use[xlink|href="/_upper_/resource/icons/remind_24.svg#remind_24"]) { 27 | display: none; /* 消息通知 */ 28 | } 29 | } 30 | if (hideStorage) { 31 | &:has(use[xlink|href="/_upper_/resource/icons/storage_24.svg#storage_24"]) { 32 | display: none; /* 存储管理 */ 33 | } 34 | } 35 | if (hideKeyboard) { 36 | &:has(use[xlink|href="/_upper_/resource/icons/keyboard_24.svg#keyboard_24"]) { 37 | display: none; /* 快捷键 */ 38 | } 39 | } 40 | if (hideAdministeringUser) { 41 | &:has(use[xlink|href="/_upper_/resource/icons/administering_user_24.svg#administering_user_24"]) { 42 | display: none; /* 权限设置 */ 43 | } 44 | } 45 | if (hideSetting) { 46 | &:has(use[xlink|href="/_upper_/resource/icons/setting_24.svg#setting_24"]) { 47 | display: none; /* 登录设置 */ 48 | } 49 | } 50 | if (hideLink) { 51 | &:has(use[xlink|href="/_upper_/resource/icons/link_new_24.svg#link_new_24"]) { 52 | display: none; /* 账号绑定与授权 */ 53 | } 54 | } 55 | if (hideNavSkinNormal) { 56 | &:has(use[xlink|href="/_upper_/resource/icons/nav_skin_normal_24.svg#nav_skin_normal_24"]) { 57 | display: none; /* 超级调色盘 */ 58 | } 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /customize-more-menu.styl: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Customize More Menu 3 | @description 自定义隐藏 QQNT 主界面更多菜单中的项目 4 | @preprocessor stylus 5 | @version 0.3.0 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#customize-more-menu 7 | @author PRO-2684, wilsendd 8 | @license gpl-3.0 9 | @var checkbox hidePalette "隐藏“超级调色盘”" 1 10 | @var checkbox hideImportHistory "隐藏“导入历史消息”" 0 11 | @var checkbox hideBackup "隐藏“聊天记录迁移与备份”" 0 12 | @var checkbox hideUpdate "隐藏“检查更新”" 1 13 | @var checkbox hideHelp "隐藏“帮助”" 0 14 | @var checkbox hideLock "隐藏“锁定”" 0 15 | @var checkbox hideSettings "隐藏“设置”" 0 16 | @var checkbox hideAbout "隐藏“关于”" 0 17 | @var checkbox hideLogout "隐藏“退出账号”" 0 18 | ==/UserStyle== */ 19 | @namespace xlink "http://www.w3.org/1999/xlink"; /* https://oreillymedia.github.io/Using_SVG/extras/ch03-namespaces.html */ 20 | div.q-context-menu.more-menu { 21 | if (hidePalette) { 22 | > a:has(use[xlink|href="/_upper_/resource/icons/nav_skin_normal_24.svg#nav_skin_normal_24"]) { 23 | display: none; /* 超级调色盘 */ 24 | } 25 | } 26 | if (hideImportHistory) { 27 | > a:has(use[xlink|href="/_upper_/resource/icons/download_24.svg#download_24"]) { 28 | display: none; /* 导入历史消息 */ 29 | } 30 | } 31 | if (hideBackup) { 32 | > a:has(use[xlink|href="/_upper_/resource/icons/computer_phone_24.svg#computer_phone_24"]) { 33 | display: none; /* 聊天记录迁移与备份 */ 34 | } 35 | } 36 | if (hideUpdate) { 37 | > a:has(use[xlink|href="/_upper_/resource/icons/update_24.svg#update_24"]) { 38 | display: none; /* 检查更新 */ 39 | } 40 | } 41 | if (hideHelp) { 42 | > div:has(use[xlink|href="/_upper_/resource/icons/question_mark_circle_24.svg#question_mark_circle_24"]) { 43 | display: none; /* 帮助 */ 44 | } 45 | } 46 | if (hideLock) { 47 | > a:has(use[xlink|href="/_upper_/resource/icons/lock_24.svg#lock_24"]) { 48 | display: none; /* 锁定 */ 49 | } 50 | } 51 | if (hideSettings) { 52 | > a:has(use[xlink|href="/_upper_/resource/icons/setting_24.svg#setting_24"]) { 53 | display: none; /* 设置 */ 54 | } 55 | } 56 | if (hideAbout) { 57 | > a:has(use[xlink|href="/_upper_/resource/icons/info_circle_24.svg#info_circle_24"]) { 58 | display: none; /* 关于 */ 59 | } 60 | } 61 | if (hideLogout) { 62 | > a:has(use[xlink|href="/_upper_/resource/icons/group_video_esc_24.svg#group_video_esc_24"]) { 63 | display: none; /* 退出账号 */ 64 | } 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | .pnpm-debug.log* 9 | 10 | # Diagnostic reports (https://nodejs.org/api/report.html) 11 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 12 | 13 | # Runtime data 14 | pids 15 | *.pid 16 | *.seed 17 | *.pid.lock 18 | 19 | # Directory for instrumented libs generated by jscoverage/JSCover 20 | lib-cov 21 | 22 | # Coverage directory used by tools like istanbul 23 | coverage 24 | *.lcov 25 | 26 | # nyc test coverage 27 | .nyc_output 28 | 29 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 30 | .grunt 31 | 32 | # Bower dependency directory (https://bower.io/) 33 | bower_components 34 | 35 | # node-waf configuration 36 | .lock-wscript 37 | 38 | # Compiled binary addons (https://nodejs.org/api/addons.html) 39 | build/Release 40 | 41 | # Dependency directories 42 | node_modules/ 43 | jspm_packages/ 44 | 45 | # Snowpack dependency directory (https://snowpack.dev/) 46 | web_modules/ 47 | 48 | # TypeScript cache 49 | *.tsbuildinfo 50 | 51 | # Optional npm cache directory 52 | .npm 53 | 54 | # Optional eslint cache 55 | .eslintcache 56 | 57 | # Optional stylelint cache 58 | .stylelintcache 59 | 60 | # Microbundle cache 61 | .rpt2_cache/ 62 | .rts2_cache_cjs/ 63 | .rts2_cache_es/ 64 | .rts2_cache_umd/ 65 | 66 | # Optional REPL history 67 | .node_repl_history 68 | 69 | # Output of 'npm pack' 70 | *.tgz 71 | 72 | # Yarn Integrity file 73 | .yarn-integrity 74 | 75 | # dotenv environment variable files 76 | .env 77 | .env.development.local 78 | .env.test.local 79 | .env.production.local 80 | .env.local 81 | 82 | # parcel-bundler cache (https://parceljs.org/) 83 | .cache 84 | .parcel-cache 85 | 86 | # Next.js build output 87 | .next 88 | out 89 | 90 | # Nuxt.js build / generate output 91 | .nuxt 92 | dist 93 | 94 | # Gatsby files 95 | .cache/ 96 | # Comment in the public line in if your project uses Gatsby and not Next.js 97 | # https://nextjs.org/blog/next-9-1#public-directory-support 98 | # public 99 | 100 | # vuepress build output 101 | .vuepress/dist 102 | 103 | # vuepress v2.x temp and cache directory 104 | .temp 105 | .cache 106 | 107 | # Docusaurus cache and generated files 108 | .docusaurus 109 | 110 | # Serverless directories 111 | .serverless/ 112 | 113 | # FuseBox cache 114 | .fusebox/ 115 | 116 | # DynamoDB Local files 117 | .dynamodb/ 118 | 119 | # TernJS port file 120 | .tern-port 121 | 122 | # Stores VSCode versions used for testing VSCode extensions 123 | .vscode-test 124 | 125 | # yarn v2 126 | .yarn/cache 127 | .yarn/unplugged 128 | .yarn/build-state.yml 129 | .yarn/install-state.gz 130 | .pnp.* -------------------------------------------------------------------------------- /hide-items.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Hide Items 3 | @description 隐藏一些不需要的项目，详见源代码注释 4 | @preprocessor none 5 | @version 0.1.10 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#hide-items 7 | @author PRO-2684, wilsendd, YatFanLan 8 | @license gpl-3.0 9 | ==/UserStyle== */ 10 | div.sidebar__menu > div:has(div.mail-item), /* QQ 邮箱 */ 11 | div.nav-bar > div.nav-item:has(img.svip-icon), /* 隐藏设置界面带 SVIP 的项目 (超级调色盘) */ 12 | .qq-logo { /* 隐藏 QQ 左上角的 Logo */ 13 | display: none !important; 14 | } 15 | div.q-context-menu.more-menu > a.q-context-menu-item:has(span.setting-item-update), /* 隐藏菜单栏的检查更新 */ 16 | div.sticker-panel__bar div.tabs-container-item:has(i[title="GIF热图"]), /* 隐藏表情菜单的 GIF 热图 */ 17 | div#app > div.window-control-area > div:not([role="button"]), .narrow-toggler, /* 隐藏窗口控制栏的小面板按钮 */ 18 | .sidebar-tianshu-bubble, /* 隐藏聊天页面的广告 */ 19 | .wifiphoto-content { /* 隐藏文件侧边栏下方的导入手机相册功能 */ 20 | display: none; 21 | } 22 | 23 | div.nav.sidebar__nav > div.nav-item { /* 隐藏主页上侧侧栏的无法隐藏的频道、游戏、更多 */ 24 | &[aria-label="频道"], 25 | &[aria-label="空间"], 26 | /* 此处“空间”失效，原因是 tx 移除了“空间”图标的 aria-label */ 27 | &[aria-label="更多"] { 28 | display: none; 29 | } 30 | 31 | sub.q-badge-dot { 32 | /* 清除“空间”可能的红点同时不清除消息的未读条数红点 */ 33 | display: none !important; 34 | } 35 | } 36 | 37 | /* 隐藏主页上侧侧栏的无法隐藏的空间、频道、更多 */ 38 | /* 用 nth-of-type 伪类的方式隐藏“空间”，"频道"，"更多"图标*/ 39 | /* 1:聊天 2:联系人 3:空间 4:频道 5:更多*/ 40 | div.nav.sidebar__nav > div.nav-item:nth-of-type(3), 41 | div.nav.sidebar__nav > div.nav-item:nth-of-type(4), 42 | div.nav.sidebar__nav > div.nav-item:nth-of-type(5) { 43 | display: none !important; 44 | 45 | sub.q-badge-dot { 46 | /* 清除“空间”可能的红点同时不清除消息的未读条数红点 */ 47 | display: none !important; 48 | } 49 | } 50 | 51 | /* 用 nth-of-type 伪类的方式文件及收藏菜单以及该部分的所有红点 */ 52 | /* 1:邮箱 2:文件 3:收藏 4:更多*/ 53 | .func-menu__item_wrap:nth-of-type(1), 54 | .func-menu__item_wrap:nth-of-type(2), 55 | .func-menu__item_wrap:nth-of-type(3) { 56 | display: none !important; 57 | sub.q-badge-sub, 58 | sub.q-badge-dot, 59 | sub.q-badge-dot__large, 60 | sub.q-badge__red { 61 | display: none !important; 62 | } 63 | } 64 | 65 | /* 此处可能与部分插件不兼容，导致其他插件的展示元素出现偏移 */ 66 | nav.sidebar-nav > div.sidebar-wrapper > div.sidebar__lower > div.func-menu.sidebar__menu > div.func-menu__item_wrap > div.sidebar-tooltips > div.func-menu__item > div.icon-item { 67 | &[aria-label="文件管理器"], 68 | &[aria-label="收藏"] { 69 | display: none !important; 70 | } 71 | } 72 | 73 | div.bar-icon { /* 隐藏聊天页面上侧的语音通话，视频通话，屏幕共享，机器人指令；隐藏输入框上侧的截图，语音按钮 */ 74 | &:has(#id-func-bar-telephone), 75 | &:has(#id-func-bar-video_on), 76 | &:has(#id-func-bar-share_screen), 77 | &:has(#id-func-bar-channel_robot), 78 | &:has(#id-func-bar-screenshot), 79 | &:has(#id-func-bar-microphone_on) { 80 | display: none; 81 | } 82 | } 83 | 84 | .file-manager-main .file-area > .file-area-list > .file-area-container > .file-area-container-list > .file-area-container-list-wrapper > .file-list-normal-container-wrapper { 85 | > .file-list-scroll-outter > #file-manage-scroll-list > .group-file-banner { 86 | display: none; /* 隐藏文件管理器的群在线文档 */ 87 | } 88 | > .file-list-header-container { 89 | top: 0 !important; /* 偏移修复 */ 90 | } 91 | } 92 | 93 | .file-manager-main > .file-area > .file-area-shortcut { 94 | /* 隐藏新版(32869+)的新式文件管理器上方工具栏 */ 95 | display: none; 96 | } 97 | 98 | div#app > div.container:nth-of-type(2) > div.nav-bar-container.vibrancy:nth-of-type(1) > div:nth-of-type(2) > div.wifiphoto-btn { 99 | /* 修复隐藏旧版(31363-)文件管理器左下方的“导入手机相册”工具栏失效 */ 100 | display: none; 101 | } 102 | 103 | html > body > div > div.container > div.nav-bar-container > div > div.nav-item > div > div.nav-item-container:nth-of-type(2) { 104 | /* 隐藏左边 tab 的“腾讯文档” */ 105 | /* P.S. 用 nth-of-type 伪类的方式进行隐藏。 */ 106 | /* 由于版本及插件间的兼容问题暂未测试 */ 107 | display: none; 108 | } 109 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Transitio-user-css 2 | 3 | [Transitio](https://github.com/PRO-2684/transitio) 用户样式仓库。 4 | 5 | ## 用户样式 6 | 7 | ### [avatar-float](./avatar-float.styl) 8 | 9 | 头像相关的调整：头像浮动、头像边框等。 10 | 11 | ![avatar-float](./images/avatar-float.jpg) 12 | 13 | ### [compact-at-list](./compact-at-list.css) 14 | 15 | 艾特建议面板更为紧凑。 16 | 17 | ### [customize-more-menu](./customize-more-menu.styl) 18 | 19 | 自定义隐藏主界面更多菜单中至多三个不需要的项目，需自行设置要隐藏的项目序号 (默认设置的序号过大，故不会隐藏任何项目)。注意：数序号时需算上通过其它样式隐藏的项目。 20 | 21 | ### [customize-settings](./customize-settings.styl) 22 | 23 | 自定义隐藏 QQNT 原生设置界面选项，默认隐藏“超级调色盘”。 24 | 25 | ### [demo-mode](./demo-mode.css) 26 | 27 | 演示模式，来源于 https://github.com/qianxuu/LiteLoaderQQNT-Plugin-Demo-mode 。 28 | 29 | ### [focus-visible](./focus-visible.styl) 30 | 31 | 为聚焦元素添加可见的边框。 32 | 33 | ### [hide-emoticon-response](./hide-emoticon-response.css) 34 | 35 | 移除右键消息上的表情回应。(By [@InfSein](https://github.com/InfSein), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2207904703)) 36 | 37 | ### [hide-items](./hide-items.css) 38 | 39 | 隐藏一些不需要的项目： 40 | 41 | - 主页下侧侧栏的 QQ 邮箱 42 | - 设置界面带 SVIP 的项目 (超级调色盘；新版失效) 43 | - 主页上侧侧栏的无法隐藏的频道和游戏中心 44 | - 聊天页面上侧的语音通话，视频通话，屏幕共享，机器人指令 45 | - 输入框上侧的截图，语音按钮 46 | - 菜单栏的检查更新 47 | - 表情菜单的 GIF 热图 48 | - 窗口控制栏的小面板按钮 49 | - 左上角的 QQ Logo 50 | - 群在线文档 51 | - 文件侧边栏下方的导入手机相册功能 52 | - 新版（32869）文件侧边栏上方的工具栏 (By [@Lucas04-nhr](https://github.com/Lucas04-nhr)) 53 | 54 | 若有需要，可以自行注释/删除掉相应代码。(By [@PRO-2684](https://github.com/PRO-2684), co-authored by @wilsendd & @YatFanLan & @Lucas04-nhr) 55 | 56 | ### [hide-lock](./hide-lock.css) 57 | 58 | 隐藏侧边栏 "更多" 中倒数第四个按钮 ("锁定")，防止误触。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2119115010)) 59 | 60 | **![image](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/67a35135-69ce-461b-9b41-348a1cbd3b4e)** 61 | **--->![image](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/d00a405c-b556-4c37-a9e1-1f1aede8f7d7)** 62 | 63 | ### [hide-self](./hide-self.css) 64 | 65 | 隐藏居右的自己的头像和昵称。(建议与 [`show-time.js`](https://github.com/PRO-2684/Scriptio-user-scripts/#show-time) 一起使用，替代 QQ 的消息时间显示) 66 | 67 | ![hide-self](./images/hide-self.jpg) 68 | 69 | ### [highlight-at](./highlight-at.css) 70 | 71 | 高亮艾特：将艾特显示为下划线，着色为主题色；修复选择 `` 元素的背景色 72 | 73 | ![highlight-at](./images/highlight-at.jpg) 74 | 75 | ### [image-viewer](./image-viewer.css) 76 | 77 | 媒体查看器透明度修改。可自定义透明度。 78 | 79 | ![image-viewer](./images/image-viewer.jpg) 80 | 81 | ### [input-placeholder](./input-placeholder.css) 82 | 83 | 自定义输入框提示/占位符（类似于 QA 的输入框提示 `Type words here...`） 84 | 85 | ![input-placeholder](./images/input-placeholder.jpg) 86 | 87 | ### [link-color](./link-color.css) 88 | 89 | 链接动态颜色：悬浮/按下时显示相应颜色。 90 | 91 | ### [lite-tools-recall-enhancement](./lite-tools-recall-enhancement.css) 92 | 93 | 给 lite-tools 的撤回消息加上红色增强描边。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2119115010)) 94 | 95 | 包括但不限于自己的消息，群消息，私聊消息，撤回文件，撤回视频，撤回卡片等 96 | 97 | **除红色描边外，字体颜色为lite-tools自带功能，在lite-tools插件设置中将撤回消息字体颜色调为红色即可达到图片效果** 98 | 99 | ![995d1ee03664c8f9bb0479c463378225](https://github.com/PRO-2684/Transitio-user-css/assets/157946924/22149ce4-261d-4b3a-ad78-b93709c320b2) 100 | 101 | ### [no-update](./no-update.css) 102 | 103 | 隐藏更新提示框以及小红点。 104 | 105 | ![no-update](./images/no-update.jpg) 106 | 107 | ### [q-tag-enhancement](./q-tag-enhancement.styl) 108 | 109 | 给 qq 的各种头衔添加对应颜色的高光，同时控制头衔的显示/隐藏。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2212343133), co-authored by @huoyan1231 & @PRO-2684) 110 | 111 | ![q-tag-enhancement](./images/q-tag-enhancement.png) 112 | 113 | ### [qqface-fine-tune](./qqface-fine-tune.styl) 114 | 115 | QQ 表情微调： 116 | 117 | - 使用系统 Emoji (与字体)。 118 | - 调整最近表情和表情建议面板大小，更为紧凑。 119 | 120 | ![qqface-fine-tune-recent](./images/qqface-fine-tune-recent.jpg) 121 | 122 | ![qqface-fine-tune-suggest](./images/qqface-fine-tune-suggest.jpg) 123 | 124 | ### [rainbow-name](./rainbow-name.css) 125 | 126 | 让自己的名字变为彩虹色。 127 | 128 | ### [simple-nudge](./simple-nudge.styl) 129 | 130 | 简易拍一拍。 131 | 132 | ### [transition](./transition.css) 133 | 134 | 添加过渡动画。可自定义过渡时间。 135 | 136 | ![transition](./images/transition.gif) 137 | 138 | ### [transparent](./transparent.css) 139 | 140 | 透明化部分元素。可自定义透明度。 141 | 142 | ### [variable-fonts-fix](./variable-fonts-fix.css) 143 | 144 | 给可变字体添加一定的字宽，使用前请确保 litetools 自定义字体使用的是可变字体（可自助更改）。(By [@Shapaper233](https://github.com/Shapaper233), [Ref](https://github.com/PRO-2684/transitio/issues/4#issuecomment-2212343133)) 145 | 146 | ### [vue-highlight](./vue-highlight.css) 147 | 148 | 高亮 Vue components，用于开发目的。 149 | 150 | ## 开发工具 151 | 152 | 除了用户样式外，此仓库还包含了如下文件，方便使用 [Stylelint](https://stylelint.io/) 进行代码的高亮与格式化： 153 | 154 | ```text 155 | . 156 | ├── .vscode 157 | │ └── settings.json 158 | ├── stylelint.config.js 159 | ├── package.json 160 | └── package-lock.json 161 | ``` 162 | 163 | 若您需要额外提供的代码的高亮与格式化功能，请在 VSCode 中安装 [Stylelint 插件](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)，随后执行 `npm install` 安装依赖。 164 | 165 | 与默认的 `stylelint-stylus/recommended` 规则集不同的是，此仓库的默认缩进为 4 个空格，并且严重程度被设置为 `warning`。 166 | -------------------------------------------------------------------------------- /transition.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Transition 3 | @description 添加过渡动画 4 | @preprocessor transitio 5 | @version 0.3.1 6 | @homepageURL https://github.com/PRO-2684/Transitio-user-css/#transition 7 | @author PRO-2684 8 | @license gpl-3.0 9 | @var checkbox smooth-scroll "平滑滚动" [1, "auto", "smooth"] 10 | @var checkbox remove-select-overlay "移除消息聚焦遮罩" [1, "block", "none"] 11 | @var number duration "过渡时间 (s)" [0.2, 0.01, 2, 0.01] 12 | @var select timing-function-global "全局过渡函数" [3, "ease", "ease-in", "ease-out", "ease-in-out", "linear", "cubic-bezier(.56, -0.37, .46, 1.58)"] 13 | @var select timing-function-message "消息动画过渡函数" [5, "ease", "ease-in", "ease-out", "ease-in-out", "linear", "cubic-bezier(.56, -0.37, .46, 1.58)"] 14 | @var number message-magnitude "消息动画强度 (em)" [5, 1, 10, 0.1] 15 | ==/UserStyle== */ 16 | html, .q-scroll-view:not(.ml-container) { /* 平滑滚动 */ 17 | scroll-behavior: var(--smooth-scroll); 18 | } 19 | .contact-notify > .notify-option, /* 联系人界面的好友通知/群通知 */ 20 | button.q-button, /* 按钮 */ 21 | .btn-item, /* 按钮 (分享群聊界面) */ 22 | [role="button"], /* 按钮 */ 23 | .q-like-button, /* 点赞按钮 */ 24 | .q-checkbox .q-checkbox__input, /* 复选框 */ 25 | .q-select-button, /* 下拉框按钮 */ 26 | .message-btn-items, /* 机器人消息内部按钮 */ 27 | .message .forward-msg, /* 转发消息 */ 28 | .message .file-message--content > .file-element, /* 文件消息 */ 29 | div.reply-element, /* 回复消息 */ 30 | .group-user > .group-user__content[bf-list-item], /* 群成员列表 */ 31 | .group-user.group-user--btn, /* 群成员列表 (邀请) */ 32 | .nav-bar > .nav-item, /* 设置界面选项 */ 33 | .tabs > .tabs-container > .tabs-container-item, /* 标签页项目 (表情面板) */ 34 | .tabs > .tabs-arrow, /* 标签页箭头 (表情面板) */ 35 | .stickers > .stickers-item, /* QQ 表情项目 */ 36 | .category-item, /* 分类项目 (好友管理器侧栏) */ 37 | .table__row, /* 表格行 (好友管理器好友项目) */ 38 | .notice__container .notice__content .notice-item, /* 群公告 */ 39 | .menu-stickers > .menu-stickers-item, /* 表情回应面板 (小) 的项目 */ 40 | .menu-stickers-panel > .stickers-list > .stickers-list-item, /* 表情回应面板 (完整) 的项目 */ 41 | .reaction-panel > .reaction-item, /* 表情回应面板 (消息下方) 的项目 */ 42 | .reaction-panel > .more-reaction-item, /* 表情回应面板 (消息下方) 的更多 */ 43 | .message-tips > .message-tail > .message-btn-items, /* 机器人消息下方按钮 (貌似无效) */ 44 | .main-area--image .main-area__footer .image-viewer__icon, /* 图片查看器底部图标 */ 45 | .favorites-layout__category-list > .favorites-layout__category-list-item, /* 收藏类型列表项目 */ 46 | .favorites-item-mainList > .favorites-item, /* 收藏项目 */ 47 | .nav-item .nav-item-container, /* 文件管理器侧栏项目 */ 48 | .file-manager-main .file-list-normal-scroll-container .file-container, /* 文件管理器文件项目 */ 49 | .sys-status-editor .sys-status-option, /* 在线状态项目 */ 50 | .sys-status-setting__container .custom-status-option, /* 自定义状态项目 */ 51 | .menu-content-wrap > .menu-content { /* 忘了是啥 */ 52 | transition: background var(--duration)s var(--timing-function-global); 53 | } 54 | .viewport-list__inner > div { /* 列表项目 (会话列表项目) */ 55 | transition: background var(--duration)s var(--timing-function-global); 56 | > .item__content { 57 | transition: background var(--duration)s var(--timing-function-global); 58 | > .item__info { 59 | > .item__summary { 60 | transition: color var(--duration)s var(--timing-function-global); 61 | } 62 | > .item__title { 63 | > .main-info, > .secondary-info { 64 | transition: color var(--duration)s var(--timing-function-global); 65 | } 66 | } 67 | } 68 | } 69 | } 70 | .text-element .text-element--at, /* 艾特 */ 71 | .text-element .text-link, /* 链接 */ 72 | .q-tabs > .q-tabs-item { /* 选项卡项目 */ 73 | transition: color var(--duration)s var(--timing-function-global); 74 | } 75 | input, .input-container { /* 输入框 */ 76 | transition: border var(--duration)s var(--timing-function-global); 77 | } 78 | .sticker-container > .sticker-list > .sticker-list-item .sticker-list-item-img { /* 收藏表情/表情包项目 */ 79 | transition: transform var(--duration)s var(--timing-function-global); 80 | } 81 | .main-area .main-area__arrow-icon { /* 媒体查看器的箭头图标 */ 82 | transition-duration: var(--duration)s; 83 | transition-timing-function: var(--timing-function-global); 84 | transition-property: background, opacity; 85 | } 86 | i.q-icon { /* 图标 */ 87 | transition-duration: var(--duration)s; 88 | transition-timing-function: var(--timing-function-global); 89 | transition-property: color, background, border, opacity; 90 | } 91 | .radio-tab .radio-tab__item > span { /* 好友界面的 tab */ 92 | transition-duration: var(--duration)s !important; 93 | transition-timing-function: var(--timing-function-global) !important; 94 | transition-property: color, opacity !important; 95 | } 96 | .operation > .send-btn-wrap > div { /* "发送" 按钮 */ 97 | transition: background var(--duration)s var(--timing-function-global); 98 | > .send { 99 | transition: opacity var(--duration)s var(--timing-function-global);; 100 | } 101 | } 102 | div.tab-item-mask { /* 侧栏图标背景 */ 103 | transition-duration: var(--duration)s; 104 | transition-timing-function: var(--timing-function-global); 105 | transition-property: background, opacity; 106 | &:hover { 107 | animation: none; 108 | opacity: 0.04 !important; 109 | } 110 | } 111 | .list-item { /* 列表元素 */ 112 | transition: background var(--duration)s var(--timing-function-global); 113 | .list-item__title > div > span, 114 | .summary-main { 115 | transition: color var(--duration)s var(--timing-function-global); 116 | } 117 | &.search-result-item { /* 搜索结果列表元素 */ 118 | transition: none; 119 | > .list-item__container > .list-item__content { 120 | transition: background var(--duration)s var(--timing-function-global); 121 | } 122 | } 123 | > .list-item__container > .list-item__content { 124 | transition: background var(--duration)s var(--timing-function-global); 125 | } 126 | } 127 | a { /* 链接 */ 128 | transition-duration: var(--duration)s; 129 | transition-timing-function: var(--timing-function-global); 130 | transition-property: color; 131 | i.q-icon { 132 | transition: none; 133 | } 134 | &.q-context-menu-item { 135 | transition-property: color, background; 136 | } 137 | } 138 | .message .message-content__wrapper > div.msg-content-container { /* 消息内容 (貌似无效) */ 139 | &::before { /* 取消聚焦时的遮罩效果 */ 140 | display: var(--remove-select-overlay) !important; 141 | } 142 | > .message-content { 143 | > .image::after, .markdown-image::after { 144 | display: var(--remove-select-overlay) !important; 145 | } 146 | } 147 | } 148 | 149 | .message { 150 | .universal-repeater { /* https://github.com/PRO-2684/Scriptio-user-scripts/#universal-repeater */ 151 | opacity: 0; 152 | transition-duration: var(--duration)s; 153 | transition-timing-function: var(--timing-function-global); 154 | transition-property: opacity, visibility; 155 | transition-behavior: allow-discrete; 156 | } 157 | &:hover .universal-repeater { 158 | opacity: 0.6; 159 | @starting-style { 160 | opacity: 0; 161 | } 162 | } 163 | } 164 | .msg-list > .record-msg-detail { /* 聊天记录 */ 165 | > i.q-icon.target-to-chat { /* 聊天记录中的图标 */ 166 | opacity: 0; 167 | transition-duration: var(--duration)s; 168 | transition-timing-function: var(--timing-function-global); 169 | transition-property: opacity, color, display; 170 | transition-behavior: allow-discrete; 171 | } 172 | &:hover > i.q-icon.target-to-chat { 173 | opacity: 1; 174 | @starting-style { 175 | opacity: 0; 176 | } 177 | } 178 | } 179 | .search-base-panel.record-panel .message-wrapper { /* 本地搜索 - 聊天记录 */ 180 | > .message { /* 消息 */ 181 | transition: background var(--duration)s var(--timing-function-global); 182 | } 183 | > i.icon.q-icon { /* 图标 */ 184 | opacity: 0; 185 | transition-duration: var(--duration)s; 186 | transition-timing-function: var(--timing-function-global); 187 | transition-property: opacity, display; 188 | transition-behavior: allow-discrete; 189 | } 190 | &:hover > i.icon.q-icon { 191 | opacity: 1; 192 | @starting-style { 193 | opacity: 0; 194 | } 195 | } 196 | } 197 | .main-area .image-viewer__tip { /* 图片查看器的提示 */ 198 | transition-duration: var(--duration)s; 199 | transition-timing-function: var(--timing-function-global); 200 | transition-property: opacity, display; 201 | transition-behavior: allow-discrete; 202 | opacity: 1; 203 | @starting-style { 204 | opacity: 0; 205 | } 206 | &[style*="display: none;"] { 207 | opacity: 0; 208 | @starting-style { 209 | opacity: 1; 210 | } 211 | } 212 | } 213 | 214 | /* 菜单动画 (Adapted from https://t.me/ntqqtweaks/14) */ 215 | @keyframes fadeIn { 216 | from { 217 | opacity: 0%; 218 | margin-top: 10px; 219 | margin-left: 3px; 220 | } 221 | to { 222 | opacity: 80%; 223 | margin-top: 0px; 224 | margin-left: 0px; 225 | } 226 | } 227 | .q-menu, .q-context-menu, .q-context-sub-menu__container, .q-tooltips__content, .q-float-card, .menu-stickers-panel { 228 | animation: fadeIn var(--duration)s; 229 | } 230 | /* 消息动画 (Adapted from https://github.com/PRO-2684/Transitio-user-css/pull/1/commits/d81cab38e7d9a41936002ee96e830c30458895a8) */ 231 | @keyframes message-ltr { 232 | from { 233 | transform: translateX(-var(--message-magnitude)em); 234 | opacity: 0%; 235 | } 236 | to { 237 | transform: translateX(0); 238 | opacity: 100%; 239 | } 240 | } 241 | @keyframes message-rtl { 242 | from { 243 | transform: translateX(var(--message-magnitude)em); 244 | opacity: 0%; 245 | } 246 | to { 247 | transform: translateX(0); 248 | opacity: 100%; 249 | } 250 | } 251 | .ml-item > .message { /* @Shapaper: 添加贝塞尔曲线动效，使消息进入 Q 弹 */ 252 | animation: message-ltr var(--duration)s var(--timing-function-message); 253 | &:has( .message-container--align-right) { 254 | animation-name: message-rtl; 255 | } 256 | } 257 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | --------------------------------------------------------------------------------