dsh-github-flow 0.1.0 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,10 @@
1
1
  export const GITHUB_PANEL_CSS = `
2
+ /* ==========================================================================
3
+ DSH GitHub Flow - 主题自适应样式系统 (Light / Dark 动态联动)
4
+ 遵循 DSH 原生 DSW (DeepSeek Web) 设计语言规范
5
+ ========================================================================== */
6
+
7
+ /* 1. 侧边栏图标与外壳 */
2
8
  .dsh-github-icon {
3
9
  display: flex;
4
10
  align-items: center;
@@ -6,19 +12,58 @@ export const GITHUB_PANEL_CSS = `
6
12
  width: 100%;
7
13
  height: 100%;
8
14
  cursor: pointer;
9
- color: var(--dsw-alias-label-secondary, #8c8c8c);
15
+ color: var(--dsw-alias-label-secondary, #656d76);
10
16
  transition: color 0.15s ease;
11
17
  }
12
18
  .dsh-github-icon:hover {
19
+ color: var(--dsw-alias-label-primary, #1f2328);
20
+ }
21
+ .dsh-github-icon-inner {
22
+ display: flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ width: 28px;
26
+ height: 28px;
27
+ border-radius: 7px;
28
+ background: transparent;
29
+ color: inherit;
30
+ border: 1px solid transparent;
31
+ transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
32
+ }
33
+ .dsh-github-icon-inner.active {
34
+ background: var(--dsw-alias-bg-module-platform, rgba(9, 105, 218, 0.08));
35
+ color: var(--dsw-alias-link, #0969da);
36
+ border-color: var(--dsw-alias-border-l2, rgba(9, 105, 218, 0.2));
37
+ }
38
+
39
+ body[data-ds-dark-theme] .dsh-github-icon {
40
+ color: var(--dsw-alias-label-secondary, #9ca3af);
41
+ }
42
+ body[data-ds-dark-theme] .dsh-github-icon:hover {
13
43
  color: var(--dsw-alias-label-primary, #ffffff);
14
44
  }
15
- .dsh-github-icon svg {
16
- width: 18px;
17
- height: 18px;
18
- fill: currentColor;
45
+ body[data-ds-dark-theme] .dsh-github-icon-inner.active {
46
+ background: linear-gradient(135deg, rgba(46, 160, 67, 0.3) 0%, rgba(31, 111, 235, 0.45) 100%);
47
+ color: #ffffff;
48
+ box-shadow: 0 0 12px rgba(31, 111, 235, 0.4);
49
+ border-color: rgba(88, 166, 255, 0.45);
19
50
  }
20
51
 
21
- /* 主面板容器 */
52
+ /* 2. Octocat 科技勋章 Badge */
53
+ .dsh-octocat-badge {
54
+ display: flex;
55
+ align-items: center;
56
+ justify-content: center;
57
+ background: linear-gradient(135deg, #1f6feb 0%, #0969da 60%, #8957e5 100%);
58
+ box-shadow: 0 2px 6px rgba(9, 105, 218, 0.25);
59
+ flex-shrink: 0;
60
+ }
61
+ body[data-ds-dark-theme] .dsh-octocat-badge {
62
+ background: linear-gradient(135deg, #2ea043 0%, #1f6feb 60%, #8957e5 100%);
63
+ box-shadow: 0 2px 8px rgba(31, 111, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);
64
+ }
65
+
66
+ /* 3. 容器视图(主面板与右侧抽屉栏) */
22
67
  .dsh-github-panel {
23
68
  display: flex;
24
69
  flex-direction: column;
@@ -27,103 +72,250 @@ export const GITHUB_PANEL_CSS = `
27
72
  overflow-y: auto;
28
73
  padding: 24px 32px;
29
74
  box-sizing: border-box;
30
- background: var(--dsw-alias-bg-primary, #1e1e20);
75
+ background: var(--dsw-alias-bg-base, #ffffff);
76
+ color: var(--dsw-alias-label-primary, #1f2328);
77
+ font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
78
+ }
79
+
80
+ .dsh-github-rightbar-container {
81
+ display: flex;
82
+ flex-direction: column;
83
+ width: 100%;
84
+ height: 100%;
85
+ overflow-y: auto;
86
+ padding: 16px 18px;
87
+ box-sizing: border-box;
88
+ background: var(--dsw-alias-bg-base, #ffffff);
89
+ color: var(--dsw-alias-label-primary, #1f2328);
90
+ font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
91
+ }
92
+
93
+ body[data-ds-dark-theme] .dsh-github-panel,
94
+ body[data-ds-dark-theme] .dsh-github-rightbar-container {
95
+ background: var(--dsw-alias-bg-base, #151517);
31
96
  color: var(--dsw-alias-label-primary, #ececec);
32
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
33
97
  }
34
98
 
35
- /* 顶部标题与工具栏 */
99
+ /* 4. 头部区域 */
36
100
  .dsh-github-header {
37
101
  display: flex;
38
102
  align-items: center;
39
103
  justify-content: space-between;
40
- margin-bottom: 24px;
41
- padding-bottom: 16px;
42
- border-bottom: 1px solid var(--dsw-alias-border-l1, #333336);
104
+ margin-bottom: 20px;
105
+ padding-bottom: 12px;
106
+ border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
107
+ }
108
+ body[data-ds-dark-theme] .dsh-github-header {
109
+ border-bottom-color: var(--dsw-alias-border-l1, #2c2c2e);
43
110
  }
44
111
  .dsh-github-title {
45
112
  display: flex;
46
113
  align-items: center;
47
- gap: 12px;
114
+ gap: 10px;
48
115
  }
49
116
  .dsh-github-title h2 {
50
117
  margin: 0;
51
- font-size: 20px;
118
+ font-size: 18px;
52
119
  font-weight: 600;
120
+ color: var(--dsw-alias-label-primary, #1f2328);
121
+ }
122
+ body[data-ds-dark-theme] .dsh-github-title h2 {
123
+ color: var(--dsw-alias-label-primary, #f0f6fc);
53
124
  }
125
+
126
+ /* 5. 刷新按钮 */
54
127
  .dsh-github-refresh-btn {
55
128
  display: inline-flex;
56
129
  align-items: center;
57
130
  gap: 6px;
58
- padding: 6px 14px;
59
- font-size: 13px;
131
+ padding: 5px 12px;
132
+ font-size: 12px;
133
+ font-weight: 500;
60
134
  border-radius: 6px;
61
- border: 1px solid var(--dsw-alias-border-l1, #444);
62
- background: var(--dsw-alias-bg-secondary, #2a2a2e);
63
- color: var(--dsw-alias-label-primary, #fff);
135
+ border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
136
+ background: var(--dsw-alias-bg-module-platform, #f6f8fa);
137
+ color: var(--dsw-alias-label-primary, #1f2328);
64
138
  cursor: pointer;
65
139
  transition: all 0.15s ease;
66
140
  }
67
- .dsh-github-refresh-btn:hover {
68
- background: var(--dsw-alias-interactive-bg-hover, #3a3a3e);
141
+ .dsh-github-refresh-btn:hover:not(:disabled) {
142
+ background: var(--dsw-alias-interactive-bg-hover, #ebeef2);
143
+ border-color: var(--dsw-alias-border-l3, #d0d7de);
144
+ }
145
+ .dsh-github-refresh-btn:disabled {
146
+ opacity: 0.6;
147
+ cursor: not-allowed;
148
+ }
149
+ body[data-ds-dark-theme] .dsh-github-refresh-btn {
150
+ border-color: var(--dsw-alias-border-l1, #38383c);
151
+ background: var(--dsw-alias-bg-layer-2, #242528);
152
+ color: var(--dsw-alias-label-primary, #f0f6fc);
153
+ }
154
+ body[data-ds-dark-theme] .dsh-github-refresh-btn:hover:not(:disabled) {
155
+ background: var(--dsw-alias-interactive-bg-hover, #2f3034);
156
+ border-color: rgba(255, 255, 255, 0.25);
69
157
  }
70
158
 
71
- /* 概览卡片区 */
159
+ /* 6. 概览卡片与网格 */
72
160
  .dsh-github-overview-cards {
73
161
  display: grid;
74
162
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
75
- gap: 16px;
76
- margin-bottom: 24px;
163
+ gap: 14px;
164
+ margin-bottom: 20px;
77
165
  }
78
166
  .dsh-github-card {
79
- padding: 16px 20px;
167
+ padding: 14px 16px;
80
168
  border-radius: 8px;
81
- border: 1px solid var(--dsw-alias-border-l1, #333336);
82
- background: var(--dsw-alias-bg-secondary, #252528);
169
+ border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
170
+ background: var(--dsw-alias-bg-layer-1, #fcfcfd);
171
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
172
+ margin-bottom: 12px;
173
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
174
+ }
175
+ body[data-ds-dark-theme] .dsh-github-card {
176
+ border-color: var(--dsw-alias-border-l1, #303034);
177
+ background: var(--dsw-alias-bg-layer-2, #212124);
178
+ box-shadow: none;
83
179
  }
84
180
  .dsh-github-card-title {
85
- font-size: 12px;
181
+ font-size: 11px;
86
182
  text-transform: uppercase;
87
183
  letter-spacing: 0.5px;
184
+ color: var(--dsw-alias-label-tertiary, #656d76);
185
+ margin-bottom: 6px;
186
+ font-weight: 500;
187
+ }
188
+ body[data-ds-dark-theme] .dsh-github-card-title {
88
189
  color: var(--dsw-alias-label-tertiary, #888);
89
- margin-bottom: 8px;
90
190
  }
91
191
  .dsh-github-card-value {
92
- font-size: 16px;
192
+ font-size: 15px;
93
193
  font-weight: 600;
94
194
  display: flex;
95
195
  align-items: center;
196
+ flex-wrap: wrap;
96
197
  gap: 8px;
198
+ color: var(--dsw-alias-label-primary, #1f2328);
97
199
  }
200
+ body[data-ds-dark-theme] .dsh-github-card-value {
201
+ color: var(--dsw-alias-label-primary, #f0f6fc);
202
+ }
203
+ .dsh-github-card-desc {
204
+ font-size: 12px;
205
+ color: var(--dsw-alias-label-secondary, #656d76);
206
+ margin-top: 4px;
207
+ line-height: 1.4;
208
+ }
209
+ body[data-ds-dark-theme] .dsh-github-card-desc {
210
+ color: var(--dsw-alias-label-secondary, #bbb);
211
+ }
212
+ .dsh-github-card-subtext {
213
+ font-size: 11px;
214
+ color: var(--dsw-alias-label-tertiary, #8c959f);
215
+ margin-top: 6px;
216
+ }
217
+ body[data-ds-dark-theme] .dsh-github-card-subtext {
218
+ color: var(--dsw-alias-label-tertiary, #888);
219
+ }
220
+
221
+ /* 7. 徽章(Badges) */
98
222
  .dsh-github-badge {
99
- display: inline-block;
223
+ display: inline-flex;
224
+ align-items: center;
100
225
  font-size: 11px;
101
226
  padding: 2px 8px;
102
227
  border-radius: 12px;
103
228
  font-weight: 500;
229
+ line-height: 16px;
230
+ }
231
+ .dsh-badge-green {
232
+ background: rgba(46, 160, 67, 0.12);
233
+ color: #1a7f37;
234
+ border: 1px solid rgba(46, 160, 67, 0.2);
235
+ }
236
+ .dsh-badge-red {
237
+ background: rgba(207, 34, 46, 0.12);
238
+ color: #cf222e;
239
+ border: 1px solid rgba(207, 34, 46, 0.2);
240
+ }
241
+ .dsh-badge-yellow {
242
+ background: rgba(154, 103, 0, 0.12);
243
+ color: #9a6700;
244
+ border: 1px solid rgba(154, 103, 0, 0.2);
245
+ }
246
+ body[data-ds-dark-theme] .dsh-badge-green {
247
+ background: rgba(46, 160, 67, 0.22);
248
+ color: #3fb950;
249
+ border-color: rgba(46, 160, 67, 0.3);
250
+ }
251
+ body[data-ds-dark-theme] .dsh-badge-red {
252
+ background: rgba(248, 81, 73, 0.22);
253
+ color: #f85149;
254
+ border-color: rgba(248, 81, 73, 0.3);
255
+ }
256
+ body[data-ds-dark-theme] .dsh-badge-yellow {
257
+ background: rgba(210, 153, 34, 0.22);
258
+ color: #d29922;
259
+ border-color: rgba(210, 153, 34, 0.3);
260
+ }
261
+
262
+ /* 8. 快捷操作网格 */
263
+ .dsh-github-quick-actions {
264
+ display: grid;
265
+ grid-template-columns: 1fr 1fr;
266
+ gap: 8px;
267
+ margin-bottom: 16px;
268
+ }
269
+ .dsh-github-action-btn {
270
+ display: flex;
271
+ align-items: center;
272
+ justify-content: center;
273
+ gap: 6px;
274
+ padding: 8px 10px;
275
+ border-radius: 6px;
276
+ border: 1px solid var(--dsw-alias-border-l2, #e1e4e8);
277
+ background: var(--dsw-alias-bg-module-platform, #f6f8fa);
278
+ color: var(--dsw-alias-label-primary, #1f2328);
279
+ font-size: 12px;
280
+ font-weight: 500;
281
+ cursor: pointer;
282
+ transition: all 0.15s ease;
283
+ }
284
+ .dsh-github-action-btn:hover {
285
+ background: var(--dsw-alias-interactive-bg-hover, #ebeef2);
286
+ border-color: var(--dsw-alias-link, #0969da);
287
+ color: var(--dsw-alias-link, #0969da);
288
+ }
289
+ body[data-ds-dark-theme] .dsh-github-action-btn {
290
+ border-color: var(--dsw-alias-border-l1, #444);
291
+ background: var(--dsw-alias-bg-layer-2, #28282b);
292
+ color: var(--dsw-alias-label-primary, #fff);
293
+ }
294
+ body[data-ds-dark-theme] .dsh-github-action-btn:hover {
295
+ background: var(--dsw-alias-interactive-bg-hover, #343438);
296
+ border-color: #58a6ff;
297
+ color: #58a6ff;
104
298
  }
105
- .dsh-badge-green { background: rgba(46, 160, 67, 0.2); color: #3fb950; }
106
- .dsh-badge-red { background: rgba(248, 81, 73, 0.2); color: #f85149; }
107
- .dsh-badge-yellow { background: rgba(210, 153, 34, 0.2); color: #d29922; }
108
- .dsh-badge-purple { background: rgba(163, 113, 247, 0.2); color: #a371f7; }
109
299
 
110
- /* 模块分栏区 */
300
+ /* 9. 模块分区与列表 */
111
301
  .dsh-github-section {
112
- margin-bottom: 28px;
302
+ margin-bottom: 20px;
113
303
  }
114
304
  .dsh-github-section-header {
115
305
  display: flex;
116
306
  align-items: center;
117
307
  justify-content: space-between;
118
- margin-bottom: 12px;
308
+ margin-bottom: 8px;
119
309
  }
120
310
  .dsh-github-section-header h3 {
121
311
  margin: 0;
122
- font-size: 15px;
312
+ font-size: 13px;
123
313
  font-weight: 600;
314
+ color: var(--dsw-alias-label-secondary, #656d76);
315
+ }
316
+ body[data-ds-dark-theme] .dsh-github-section-header h3 {
317
+ color: var(--dsw-alias-label-secondary, #ccc);
124
318
  }
125
-
126
- /* 列表条目 */
127
319
  .dsh-github-list {
128
320
  display: flex;
129
321
  flex-direction: column;
@@ -131,60 +323,233 @@ export const GITHUB_PANEL_CSS = `
131
323
  }
132
324
  .dsh-github-item {
133
325
  display: flex;
134
- align-items: center;
135
- justify-content: space-between;
136
- padding: 12px 16px;
326
+ flex-direction: column;
327
+ gap: 4px;
328
+ padding: 10px 14px;
137
329
  border-radius: 6px;
138
- border: 1px solid var(--dsw-alias-border-l1, #333336);
139
- background: var(--dsw-alias-bg-secondary, #252528);
140
- transition: border-color 0.15s ease;
330
+ border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
331
+ background: var(--dsw-alias-bg-layer-1, #fcfcfd);
332
+ transition: border-color 0.15s ease, background 0.15s ease;
141
333
  }
142
334
  .dsh-github-item:hover {
143
- border-color: var(--dsw-alias-border-l2, #555);
335
+ border-color: var(--dsw-alias-border-l3, #d0d7de);
336
+ background: var(--dsw-alias-interactive-bg-hover, #f6f8fa);
144
337
  }
145
- .dsh-github-item-main {
146
- display: flex;
147
- flex-direction: column;
148
- gap: 4px;
338
+ body[data-ds-dark-theme] .dsh-github-item {
339
+ border-color: var(--dsw-alias-border-l1, #333336);
340
+ background: var(--dsw-alias-bg-layer-2, #252528);
341
+ }
342
+ body[data-ds-dark-theme] .dsh-github-item:hover {
343
+ border-color: var(--dsw-alias-border-l2, #555);
344
+ background: var(--dsw-alias-interactive-bg-hover, #2c2c30);
149
345
  }
150
346
  .dsh-github-item-title {
151
- font-size: 14px;
347
+ font-size: 13px;
152
348
  font-weight: 500;
153
- color: var(--dsw-alias-label-primary, #fff);
349
+ color: var(--dsw-alias-label-primary, #1f2328);
154
350
  text-decoration: none;
351
+ transition: color 0.15s ease;
155
352
  }
156
353
  .dsh-github-item-title:hover {
354
+ color: var(--dsw-alias-link, #0969da);
157
355
  text-decoration: underline;
158
356
  }
159
- .dsh-github-item-meta {
357
+ body[data-ds-dark-theme] .dsh-github-item-title {
358
+ color: var(--dsw-alias-label-primary, #f0f6fc);
359
+ }
360
+ body[data-ds-dark-theme] .dsh-github-item-title:hover {
361
+ color: #58a6ff;
362
+ }
363
+ .dsh-github-item-desc {
160
364
  font-size: 12px;
161
- color: var(--dsw-alias-label-secondary, #8c8c8c);
162
- display: flex;
163
- gap: 12px;
365
+ color: var(--dsw-alias-label-secondary, #656d76);
366
+ line-height: 1.4;
367
+ }
368
+ body[data-ds-dark-theme] .dsh-github-item-desc {
369
+ color: var(--dsw-alias-label-secondary, #bbb);
164
370
  }
165
- .dsh-github-item-actions {
371
+ .dsh-github-item-meta {
372
+ font-size: 11px;
373
+ color: var(--dsw-alias-label-tertiary, #656d76);
166
374
  display: flex;
167
375
  align-items: center;
376
+ flex-wrap: wrap;
168
377
  gap: 8px;
169
378
  }
379
+ body[data-ds-dark-theme] .dsh-github-item-meta {
380
+ color: var(--dsw-alias-label-secondary, #8c8c8c);
381
+ }
382
+
383
+ /* 10. 小按钮样式(在 GitHub 打开等) */
170
384
  .dsh-github-btn-sm {
385
+ display: inline-flex;
386
+ align-items: center;
387
+ justify-content: center;
171
388
  font-size: 12px;
389
+ font-weight: 500;
172
390
  padding: 4px 10px;
173
- border-radius: 4px;
174
- border: 1px solid var(--dsw-alias-border-l1, #444);
175
- background: transparent;
176
- color: var(--dsw-alias-label-primary, #fff);
391
+ border-radius: 6px;
392
+ border: 1px solid var(--dsw-alias-border-l2, #d0d7de);
393
+ background: var(--dsw-alias-bg-module-platform, #f6f8fa);
394
+ color: var(--dsw-alias-label-primary, #1f2328);
177
395
  cursor: pointer;
396
+ text-decoration: none !important;
397
+ transition: all 0.15s ease;
178
398
  }
179
399
  .dsh-github-btn-sm:hover {
180
- background: var(--dsw-alias-interactive-bg-hover, #333);
400
+ background: var(--dsw-alias-interactive-bg-hover, #ebeef2);
401
+ border-color: var(--dsw-alias-border-l3, #b0b8c1);
402
+ color: var(--dsw-alias-link, #0969da);
403
+ }
404
+ body[data-ds-dark-theme] .dsh-github-btn-sm {
405
+ border-color: var(--dsw-alias-border-l1, #444);
406
+ background: var(--dsw-alias-bg-layer-2, #26272b);
407
+ color: var(--dsw-alias-label-primary, #f0f6fc);
181
408
  }
409
+ body[data-ds-dark-theme] .dsh-github-btn-sm:hover {
410
+ background: var(--dsw-alias-interactive-bg-hover, #33343a);
411
+ border-color: rgba(255, 255, 255, 0.25);
412
+ color: #58a6ff;
413
+ }
414
+
415
+ /* 11. 空状态 */
182
416
  .dsh-github-empty {
183
417
  padding: 24px;
184
418
  text-align: center;
419
+ font-size: 12px;
420
+ color: var(--dsw-alias-label-tertiary, #656d76);
421
+ border: 1px dashed var(--dsw-alias-border-l2, #d0d7de);
422
+ border-radius: 8px;
423
+ background: rgba(0, 0, 0, 0.01);
424
+ }
425
+ body[data-ds-dark-theme] .dsh-github-empty {
426
+ color: var(--dsw-alias-label-tertiary, #888);
427
+ border-color: var(--dsw-alias-border-l1, #38383c);
428
+ background: rgba(255, 255, 255, 0.01);
429
+ }
430
+
431
+ /* 12. Tabs 导航栏 */
432
+ .dsh-github-tabs {
433
+ display: flex;
434
+ gap: 8px;
435
+ margin-bottom: 18px;
436
+ border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
437
+ padding-bottom: 8px;
438
+ }
439
+ body[data-ds-dark-theme] .dsh-github-tabs {
440
+ border-bottom-color: var(--dsw-alias-border-l1, #303034);
441
+ }
442
+ .dsh-github-tab-btn {
443
+ padding: 6px 14px;
444
+ border-radius: 6px;
185
445
  font-size: 13px;
186
- color: var(--dsw-alias-label-tertiary, #666);
187
- border: 1px dashed var(--dsw-alias-border-l1, #333);
446
+ font-weight: 500;
447
+ border: 0;
448
+ background: transparent;
449
+ color: var(--dsw-alias-label-secondary, #656d76);
450
+ cursor: pointer;
451
+ transition: all 0.15s ease;
452
+ }
453
+ .dsh-github-tab-btn:hover {
454
+ color: var(--dsw-alias-label-primary, #1f2328);
455
+ background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05));
456
+ }
457
+ .dsh-github-tab-btn.active {
458
+ color: var(--dsw-alias-link, #0969da);
459
+ background: rgba(9, 105, 218, 0.1);
460
+ font-weight: 600;
461
+ }
462
+ body[data-ds-dark-theme] .dsh-github-tab-btn {
463
+ color: var(--dsw-alias-label-secondary, #8c8c8c);
464
+ }
465
+ body[data-ds-dark-theme] .dsh-github-tab-btn:hover {
466
+ color: var(--dsw-alias-label-primary, #fff);
467
+ background: var(--dsw-alias-interactive-bg-hover, rgba(255, 255, 255, 0.06));
468
+ }
469
+ body[data-ds-dark-theme] .dsh-github-tab-btn.active {
470
+ color: #58a6ff;
471
+ background: rgba(88, 166, 255, 0.15);
472
+ }
473
+
474
+ /* 13. 搜索输入框 */
475
+ .dsh-github-search-input {
476
+ width: 100%;
477
+ max-width: 320px;
478
+ padding: 6px 12px;
479
+ font-size: 12px;
188
480
  border-radius: 6px;
481
+ border: 1px solid var(--dsw-alias-border-l2, #d0d7de);
482
+ background: var(--dsw-alias-bg-base, #ffffff);
483
+ color: var(--dsw-alias-label-primary, #1f2328);
484
+ outline: none;
485
+ margin-bottom: 14px;
486
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
487
+ }
488
+ .dsh-github-search-input:focus {
489
+ border-color: var(--dsw-alias-link, #0969da);
490
+ box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15);
491
+ }
492
+ body[data-ds-dark-theme] .dsh-github-search-input {
493
+ border-color: var(--dsw-alias-border-l1, #444);
494
+ background: var(--dsw-alias-bg-layer-2, #212124);
495
+ color: var(--dsw-alias-label-primary, #f0f6fc);
496
+ }
497
+ body[data-ds-dark-theme] .dsh-github-search-input:focus {
498
+ border-color: #58a6ff;
499
+ box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);
500
+ }
501
+
502
+ /* 14. 工作区矩阵条目专属类 */
503
+ .dsh-github-workspace-card {
504
+ display: flex;
505
+ align-items: center;
506
+ justify-content: space-between;
507
+ margin-bottom: 8px;
508
+ }
509
+ .dsh-github-ws-title {
510
+ font-size: 14px;
511
+ font-weight: 600;
512
+ color: var(--dsw-alias-label-primary, #1f2328);
513
+ }
514
+ body[data-ds-dark-theme] .dsh-github-ws-title {
515
+ color: var(--dsw-alias-label-primary, #f0f6fc);
516
+ }
517
+ .dsh-github-ws-path {
518
+ font-size: 12px;
519
+ color: var(--dsw-alias-label-tertiary, #656d76);
520
+ font-family: var(--ds-font-family-code, monospace);
521
+ }
522
+ body[data-ds-dark-theme] .dsh-github-ws-path {
523
+ color: var(--dsw-alias-label-tertiary, #888);
524
+ }
525
+ .dsh-github-ws-repo-link {
526
+ color: var(--dsw-alias-link, #0969da);
527
+ display: inline-flex;
528
+ align-items: center;
529
+ gap: 5px;
530
+ font-weight: 500;
531
+ }
532
+ body[data-ds-dark-theme] .dsh-github-ws-repo-link {
533
+ color: #58a6ff;
534
+ }
535
+ .dsh-github-repo-link {
536
+ color: var(--dsw-alias-link, #0969da);
537
+ text-decoration: none;
538
+ font-weight: 600;
539
+ }
540
+ .dsh-github-repo-link:hover {
541
+ text-decoration: underline;
542
+ }
543
+ body[data-ds-dark-theme] .dsh-github-repo-link {
544
+ color: #58a6ff;
545
+ }
546
+ .dsh-github-subheading {
547
+ font-size: 14px;
548
+ font-weight: 600;
549
+ margin: 0 0 10px 0;
550
+ color: var(--dsw-alias-label-primary, #1f2328);
551
+ }
552
+ body[data-ds-dark-theme] .dsh-github-subheading {
553
+ color: var(--dsw-alias-label-primary, #f0f6fc);
189
554
  }
190
555
  `;