Skip to content

Commit a030f96

Browse files
MUKAPPMUKAPP
committed
feat: 修改主页编辑框选中背景色，删除无用注释
1 parent 12e7354 commit a030f96

6 files changed

Lines changed: 14 additions & 149 deletions

File tree

‎src/scss/_chat.scss‎

Lines changed: 7 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -26,19 +26,12 @@
2626
mix-blend-mode: multiply;
2727
}
2828

29-
// /* 自己消息选中文字背景色 */
30-
// .message-content__wrapper .msg-content-container.container--self span::selection,
31-
// .message-content__wrapper .msg-content-container.container--self heti-spacing::selection,
32-
// .message-content__wrapper .msg-content-container.container--self br::selection,
33-
// .message-content__wrapper .msg-content-container.container--self img::selection {
34-
// background: #ffffff3f;
35-
// }
36-
37-
// /* 编辑框选中文字背景色 */
38-
// .ck-editor__main p::selection,
39-
// .ck-editor__main img::selection {
40-
// background: var(--text-selected-color);
41-
// }
29+
/* 编辑框选中文字背景色 */
30+
.qq-msg-editor {
31+
::selection {
32+
background: rgba(from var(--theme-color) r g b / 30%);
33+
}
34+
}
4235
}
4336
}
4437

@@ -150,15 +143,12 @@
150143
}
151144
}
152145

153-
// 历史记录页面 - 覆盖样式重置为默认
146+
// 历史记录页面
154147
.record #ml-root {
155148
.message {
156149
.message-container {
157150
.message-content__wrapper {
158-
// 消息气泡 - 重置自定义样式
159151
.msg-content-container {
160-
// 如果需要重置某些样式，在这里添加
161-
// 例如：
162152
&.container--self {
163153
background: initial;
164154

‎src/scss/_file-manager.scss‎

Lines changed: 1 addition & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -67,64 +67,4 @@
6767
}
6868
}
6969
}
70-
}
71-
72-
// /* 文件管理页面 文件分类 */
73-
// .file-area-container-list .file-list-header-container.file-list-header,
74-
// /* 文件管理页面 文件列表 */
75-
// #file-manage-scroll-list .file-list-normal-scroll-container,
76-
// /* 文件管理页面 图片与视频 */
77-
// #file-area-container .file-list-grid-scroll-container,
78-
// /* 文件管理页面 发送人列表 */
79-
// .file-manager-main .two-col-layout__aside .sender-container,
80-
// /* 文件管理页面 群文件 群列表 */
81-
// .file-manager-main .two-col-layout__aside .group-file-container,
82-
// /* 文件管理页面 折叠列表 */
83-
// .file-manager-main .two-col-layout__aside :is(.sender-container, .file-type-container, .group-file-container) .q-collapse :is(.q-collapse-item__header, .q-collapse-item),
84-
// /* 文件管理页面 类型列表 */
85-
// .file-manager-main .two-col-layout__aside .file-type-container,
86-
// /* 文件管理页面 群文件 footer */
87-
// #file-area-container .file-area-container-group-file-footer,
88-
// /* 文件管理页面 加载更多 */
89-
// .container .file-area-list .file-list-normal-scroll .loadmore-placeholder {
90-
// background: none;
91-
// }
92-
93-
// /* 文件管理 文件列表 块 */
94-
// .file-list-normal-sort,
95-
// /* 文件管理 类型 图片与视频 */
96-
// .file-list-grid-scroll-container>* {
97-
// margin-bottom: 16px;
98-
// }
99-
100-
// /*
101-
// 文件管理 发送人列表
102-
// 文件管理 类型列表
103-
// 文件管理 发送人列表 展开的子列表 */
104-
// .file-manager-main .q-collapse-item__title,
105-
// .file-manager-main .file-type,
106-
// .file-manager-main .user-item-container {
107-
// border-radius: 8px;
108-
// }
109-
110-
// /* 文件管理页面 搜索框 */
111-
// .title-bar-center .search .q-input.search-input {
112-
// background: var(--msp-container) !important;
113-
// }
114-
115-
// /*
116-
// 文件管理 文件列表 块
117-
// 文件管理 文件列表 标题
118-
// 文件管理 类型 图片与视频 块
119-
// 文件管理 类型 图片与视频 标题
120-
// 群文件 群在线文档卡片
121-
// 文件管理 三个大按钮 */
122-
// #file-manage-scroll-list .file-list-normal-sort,
123-
// #file-manage-scroll-list .file-list-normal-sort-title,
124-
// #file-area-container .file-area-container-list .file-list-grid-scroll-container>div,
125-
// #file-area-container .file-list-normal-sort-title,
126-
// #file-manage-scroll-list .group-file-banner,
127-
// .file-area .shortcut-items .shortcut-item {
128-
// background: var(--msp-container);
129-
// border-radius: 8px;
130-
// }
70+
}

‎src/scss/_lists.scss‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -125,14 +125,4 @@
125125
}
126126
}
127127
}
128-
}
129-
130-
// /* 联系人页面上方 好友通知、群通知 */
131-
// .notify-option {
132-
// border-radius: 8px;
133-
// }
134-
135-
// html:is(.linux) .recent-contact .search-result {
136-
// backdrop-filter: none !important;
137-
// mix-blend-mode: initial !important;
138-
// }
128+
}

‎src/scss/_modals.scss‎

Lines changed: 1 addition & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -45,39 +45,4 @@
4545
border-radius: 8px !important;
4646
}
4747
}
48-
}
49-
50-
// /* 暂时无效，之后再看
51-
// 聊天页面账号卡片
52-
// 忘了 */
53-
// .user-card-main,
54-
// .account-list {
55-
// backdrop-filter: blur(16px) saturate(150%) opacity(40%);
56-
// mix-blend-mode: multiply;
57-
// }
58-
59-
// html:is(.linux) .q-popover,
60-
// html:is(.linux) .user-card-main,
61-
// html:is(.linux) .account-list {
62-
// backdrop-filter: none !important;
63-
// mix-blend-mode: initial !important;
64-
// }
65-
66-
// .q-context-menu:not(.is-pure),
67-
// .q-context-sub-menu__container:not(.is-pure) {
68-
// border-radius: 8px;
69-
// }
70-
71-
// @media (prefers-color-scheme: light) {
72-
// /* 转发消息 折叠列表 头部 */
73-
// .q-dialog .q-collapse-item .q-collapse-item__header {
74-
// background: #ffffffef !important;
75-
// }
76-
// }
77-
78-
// @media (prefers-color-scheme: dark) {
79-
// /* 转发消息 折叠列表 头部 */
80-
// .q-dialog .q-collapse-item .q-collapse-item__header {
81-
// background: #303030ef !important;
82-
// }
83-
// }
48+
}

‎src/scss/_settings.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,4 +97,4 @@
9797
}
9898
}
9999
}
100-
}
100+
}

‎src/scss/_variables.scss‎

Lines changed: 3 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
/* 主题所使用的各类 CSS 变量 */
22

33
/* 变量 */
4-
:root {
5-
// --el-color-primary: var(--theme-color);
6-
}
4+
// :root {
5+
// --el-color-primary: var(--theme-color);
6+
// }
77

88
.q-theme-tokens-light {
99
/* mspring */
@@ -79,16 +79,6 @@
7979
--nt_bg_nav_2_60_2_alpha: var(--background-color-light);
8080
}
8181

82-
html:not(.mspring_background_plugin_enabled, .mspring_lite_tool_background_enabled) .q-theme-tokens-light,
83-
html.mspring_force_host_bubble_color .q-theme-tokens-light {
84-
// --bubble_host: var(--theme-color);
85-
// --bubble_host_text: var(--on-theme-text-color);
86-
// --bubble_host_1: var(--theme-color);
87-
// --bubble_host_2: var(--theme-color);
88-
// --on_bubble_host_text: var(--on-theme-text-color);
89-
// --host_bubble_bg_css_value: var(--theme-color);
90-
}
91-
9282
.q-theme-tokens-dark {
9383
/* mspring */
9484
--theme-color-hover: color-mix(in srgb, var(--theme-color), black 10%);
@@ -163,15 +153,5 @@ html.mspring_force_host_bubble_color .q-theme-tokens-light {
163153
--nt_bg_nav_2_60_2_alpha: var(--background-color-dark);
164154
}
165155

166-
html:not(.mspring_background_plugin_enabled, .mspring_lite_tool_background_enabled) .q-theme-tokens-dark,
167-
html.mspring_force_host_bubble_color .q-theme-tokens-dark {
168-
// --bubble_host: var(--theme-color);
169-
// --bubble_host_text: var(--on-theme-text-color);
170-
// --bubble_host_1: var(--theme-color);
171-
// --bubble_host_2: var(--theme-color);
172-
// --on_bubble_host_text: var(--on-theme-text-color);
173-
// --host_bubble_bg_css_value: var(--theme-color);
174-
}
175-
176156
$blur-backdrop-filter-16: blur(16px) saturate(150%) opacity(40%);
177157
$blur-backdrop-filter-32: blur(32px) saturate(150%) opacity(40%);

0 commit comments

Comments
 (0)