Skip to content

Commit 47df881

Browse files
committed
fix: update gradient-bearded-theme-arc styles for improved visual effects
1 parent 55c89f5 commit 47df881

2 files changed

Lines changed: 17 additions & 30 deletions

File tree

dist/index.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@
127127
/*html标签*/
128128
/*字符串*/
129129
/*声明,int,double,let等*/
130-
/*以下为透明窗口,彩虹鼠标,发光行号*/
130+
/*以下为透明菜单,彩虹鼠标,发光行号*/
131131
/* 为代码编辑器中的特定文本添加发光效果,统一使用 currentColor 确保发光颜色与字体颜色一致 */
132132
/* 根据元素重要性调整发光强度 */
133133
/* 其他元素,较低强度发光 */
@@ -210,8 +210,7 @@
210210
-webkit-background-clip: text !important;
211211
font-weight: 700 !important;
212212
}
213-
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json :not(.cursor).mtk16:matches(.token.keyword.type.primitive,
214-
.token.keyword.type.builtin) {
213+
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json :not(.cursor).mtk16:matches(.token.keyword.type.primitive, .token.keyword.type.builtin) {
215214
background-image: linear-gradient(45deg, #ff738a, #ff7349) !important;
216215
-webkit-text-fill-color: transparent !important;
217216
background-clip: text !important;
@@ -303,11 +302,12 @@
303302
}
304303
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json div.sticky-widget {
305304
--vscode-editorStickyScroll-background: transparent !important;
306-
backdrop-filter: blur(20px) brightness(110%) !important;
305+
backdrop-filter: blur(4px) brightness(200%) !important;
307306
}
308307
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json div.monaco-hover {
309-
--vscode-editorHoverWidget-background: #ffffff !important;
310-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* 添加柔和的阴影 */
308+
--vscode-editorHoverWidget-background: rgba(38, 48, 66, 0.6) !important;
309+
backdrop-filter: blur(4px) brightness(200%) !important;
310+
box-shadow: 0 0 3px 0px rgba(255, 255, 255, 0.6) !important; /* 添加柔和的阴影 */
311311
border-radius: 4px !important; /* 圆角效果 */
312312
}
313313
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json div.cursor {
@@ -354,7 +354,7 @@
354354
}
355355
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json div.quick-input-widget {
356356
--vscode-quickInput-background: transparent !important;
357-
backdrop-filter: blur(20px) brightness(140%) !important;
357+
backdrop-filter: blur(4px) brightness(200%) !important;
358358
}
359359
.shaobeichen-gradient-theme-themes-gradient-bearded-theme-arc-woodfishhhh-json div.monaco-inputbox {
360360
--vscode-input-background: transparent !important;

src/gradient-bearded-theme-arc-woodfishhhh/index.css

Lines changed: 10 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
11
/* git 待提交数量徽章样式 */
2-
.activitybar
3-
> .content
4-
:not(.monaco-menu)
5-
> .monaco-action-bar
6-
.badge
7-
.badge-content {
2+
.activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
83
background-image: linear-gradient(45deg, #eacd61, #ea618e) !important;
94
border-width: 0 !important;
105
color: rgb(70 70 70) !important;
@@ -24,20 +19,14 @@
2419
position: relative !important;
2520
}
2621
.tab.tab-actions-right.sizing-fit.has-icon.tab-border-bottom.tab-border-top.active:after {
27-
content: "" !important;
22+
content: '' !important;
2823
position: absolute !important;
2924
top: 0 !important;
3025
left: 0 !important;
3126
width: 100% !important;
3227
height: 2px !important;
3328
z-index: 1000 !important;
34-
background-image: linear-gradient(
35-
to right,
36-
#eacd61,
37-
#ea618e,
38-
#3cec85,
39-
#61afea
40-
) !important;
29+
background-image: linear-gradient(to right, #eacd61, #ea618e, #3cec85, #61afea) !important;
4130
animation: tabBorderTopMoveGradient 3s infinite alternate !important;
4231
background-size: 200% !important;
4332
}
@@ -90,10 +79,7 @@
9079
-webkit-background-clip: text !important;
9180
font-weight: 700 !important;
9281
}
93-
:not(.cursor).mtk16:matches(
94-
.token.keyword.type.primitive,
95-
.token.keyword.type.builtin
96-
) {
82+
:not(.cursor).mtk16:matches(.token.keyword.type.primitive, .token.keyword.type.builtin) {
9783
background-image: linear-gradient(45deg, #ff738a, #ff7349) !important;
9884
-webkit-text-fill-color: transparent !important;
9985
background-clip: text !important;
@@ -213,12 +199,13 @@ div.active-line-number {
213199
/* 设置粘性小部件的背景为透明 */
214200
div.sticky-widget {
215201
--vscode-editorStickyScroll-background: transparent !important;
216-
backdrop-filter: blur(20px) brightness(110%) !important;
202+
backdrop-filter: blur(4px) brightness(200%) !important;
217203
}
218204

219205
div.monaco-hover {
220-
--vscode-editorHoverWidget-background: #ffffff !important;
221-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* 添加柔和的阴影 */
206+
--vscode-editorHoverWidget-background: rgba(38, 48, 66, 0.6) !important;
207+
backdrop-filter: blur(4px) brightness(200%) !important;
208+
box-shadow: 0 0 3px 0px rgba(255, 255, 255, 0.6) !important; /* 添加柔和的阴影 */
222209
border-radius: 4px !important; /* 圆角效果 */
223210
}
224211

@@ -243,7 +230,7 @@ div.cursor {
243230
}
244231

245232
div.cursor::after {
246-
content: "" !important;
233+
content: '' !important;
247234
position: absolute !important;
248235
top: 0 !important;
249236
left: 0 !important;
@@ -281,7 +268,7 @@ div.cursor::after {
281268
/* 快速输入小部件样式 */
282269
div.quick-input-widget {
283270
--vscode-quickInput-background: transparent !important;
284-
backdrop-filter: blur(20px) brightness(140%) !important;
271+
backdrop-filter: blur(4px) brightness(200%) !important;
285272
}
286273

287274
/* 输入框样式 */

0 commit comments

Comments
 (0)