@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0
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.
- package/README.md +25 -92
- package/THIRD_PARTY_NOTICES.md +13 -1
- package/docs/dsh-021-compatibility.md +23 -0
- package/docs/releases/0.4.6.md +17 -0
- package/docs/releases/0.5.0.md +24 -0
- package/docs/releases/README.md +14 -0
- package/docs/rift-interaction.md +35 -0
- package/docs/rift-preview.md +39 -0
- package/lib/client.companion.js +99 -0
- package/lib/client.decorations.js +224 -51
- package/lib/client.js +532 -2501
- package/lib/index.d.ts +1 -2
- package/lib/index.js +393 -11
- package/lib/rift/boot.d.ts +6 -0
- package/package.json +30 -19
- package/lib/appearance.d.ts +0 -12
- package/lib/appearance.js +0 -42
- package/lib/blink.d.ts +0 -4
- package/lib/blink.js +0 -110
- package/lib/bloub-heixiu/ambient.d.ts +0 -3
- package/lib/bloub-heixiu/ambient.js +0 -12
- package/lib/bloub-heixiu/character.d.ts +0 -33
- package/lib/bloub-heixiu/character.js +0 -124
- package/lib/bloub-heixiu/effects.d.ts +0 -4
- package/lib/bloub-heixiu/effects.js +0 -91
- package/lib/bloub-heixiu/flight.d.ts +0 -15
- package/lib/bloub-heixiu/flight.js +0 -66
- package/lib/bloub-heixiu/follow.d.ts +0 -13
- package/lib/bloub-heixiu/follow.js +0 -23
- package/lib/bloub-heixiu/layout.d.ts +0 -18
- package/lib/bloub-heixiu/layout.js +0 -12
- package/lib/bloub-heixiu/renderer.d.ts +0 -16
- package/lib/bloub-heixiu/renderer.js +0 -94
- package/lib/bloub-heixiu/runtime.d.ts +0 -6
- package/lib/bloub-heixiu/runtime.js +0 -409
- package/lib/bloub-heixiu/signals.d.ts +0 -17
- package/lib/bloub-heixiu/signals.js +0 -55
- package/lib/bloub-heixiu/styles.d.ts +0 -2
- package/lib/bloub-heixiu/styles.js +0 -98
- package/lib/boot-appearance.d.ts +0 -10
- package/lib/boot-appearance.js +0 -47
- package/lib/boot-loader.d.ts +0 -5
- package/lib/boot-loader.js +0 -158
- package/lib/chrome/accessibility.d.ts +0 -3
- package/lib/chrome/accessibility.js +0 -69
- package/lib/chrome/blink.d.ts +0 -3
- package/lib/chrome/blink.js +0 -15
- package/lib/chrome/composer-avatar.d.ts +0 -10
- package/lib/chrome/composer-avatar.js +0 -599
- package/lib/chrome/composer-send-heixiu.d.ts +0 -3
- package/lib/chrome/composer-send-heixiu.js +0 -143
- package/lib/chrome/composer.d.ts +0 -3
- package/lib/chrome/composer.js +0 -135
- package/lib/chrome/controls.d.ts +0 -8
- package/lib/chrome/controls.js +0 -348
- package/lib/chrome/conversation-messages.d.ts +0 -3
- package/lib/chrome/conversation-messages.js +0 -329
- package/lib/chrome/conversation-submissions.d.ts +0 -3
- package/lib/chrome/conversation-submissions.js +0 -68
- package/lib/chrome/conversation.d.ts +0 -3
- package/lib/chrome/conversation.js +0 -67
- package/lib/chrome/frames.d.ts +0 -6
- package/lib/chrome/frames.js +0 -134
- package/lib/chrome/gaze.d.ts +0 -3
- package/lib/chrome/gaze.js +0 -103
- package/lib/chrome/identity.d.ts +0 -6
- package/lib/chrome/identity.js +0 -47
- package/lib/chrome/overlays.d.ts +0 -3
- package/lib/chrome/overlays.js +0 -104
- package/lib/chrome/portal.d.ts +0 -6
- package/lib/chrome/portal.js +0 -169
- package/lib/chrome/reactions.d.ts +0 -3
- package/lib/chrome/reactions.js +0 -85
- package/lib/chrome/sidebar.d.ts +0 -3
- package/lib/chrome/sidebar.js +0 -313
- package/lib/chrome/tokens.d.ts +0 -3
- package/lib/chrome/tokens.js +0 -224
- package/lib/chrome/workspace.d.ts +0 -3
- package/lib/chrome/workspace.js +0 -94
- package/lib/chrome.d.ts +0 -10
- package/lib/chrome.js +0 -46
- package/lib/client-entry.d.ts +0 -3
- package/lib/client-entry.js +0 -3
- package/lib/client.d.ts +0 -10
- package/lib/client.pose-chin-dark.js +0 -4
- package/lib/client.pose-chin-light.js +0 -4
- package/lib/client.pose-doze-dark.js +0 -4
- package/lib/client.pose-doze-light.js +0 -4
- package/lib/client.pose-halfpeek-dark.js +0 -4
- package/lib/client.pose-halfpeek-light.js +0 -4
- package/lib/client.pose-peek-dark.js +0 -4
- package/lib/client.pose-peek-light.js +0 -4
- package/lib/client.pose-seated-dark.js +0 -4
- package/lib/client.pose-seated-light.js +0 -4
- package/lib/client.rig-chin-dark.js +0 -4
- package/lib/client.rig-chin-light.js +0 -4
- package/lib/client.rig-halfpeek-dark.js +0 -4
- package/lib/client.rig-halfpeek-light.js +0 -4
- package/lib/client.rig-peek-dark.js +0 -4
- package/lib/client.rig-peek-light.js +0 -4
- package/lib/client.rig-seated-dark.js +0 -4
- package/lib/client.rig-seated-light.js +0 -4
- package/lib/composer-avatar.d.ts +0 -18
- package/lib/composer-avatar.js +0 -441
- package/lib/composer-draft-preview.d.ts +0 -4
- package/lib/composer-draft-preview.js +0 -8
- package/lib/composer-send-heixiu.d.ts +0 -8
- package/lib/composer-send-heixiu.js +0 -133
- package/lib/current-session.d.ts +0 -6
- package/lib/current-session.js +0 -5
- package/lib/decorations-entry.d.ts +0 -3
- package/lib/decorations-entry.js +0 -18
- package/lib/deferred-decorations.d.ts +0 -3
- package/lib/deferred-decorations.js +0 -51
- package/lib/gaze.d.ts +0 -4
- package/lib/gaze.js +0 -230
- package/lib/generated-backgrounds.d.ts +0 -14
- package/lib/generated-backgrounds.js +0 -14
- package/lib/generated-character-motion.d.ts +0 -4
- package/lib/generated-character-motion.js +0 -2
- package/lib/generated-identity.d.ts +0 -6
- package/lib/generated-identity.js +0 -6
- package/lib/generated-keyart.d.ts +0 -34
- package/lib/generated-keyart.js +0 -34
- package/lib/generated-loading-assets.d.ts +0 -4
- package/lib/generated-loading-assets.js +0 -4
- package/lib/heixiu-interactions.d.ts +0 -10
- package/lib/heixiu-interactions.js +0 -161
- package/lib/host-contract.d.ts +0 -9
- package/lib/host-contract.js +0 -13
- package/lib/host-dom.d.ts +0 -11
- package/lib/host-dom.js +0 -68
- package/lib/loading-heixiu.d.ts +0 -8
- package/lib/loading-heixiu.js +0 -287
- package/lib/metallic-brand-mark.d.ts +0 -10
- package/lib/metallic-brand-mark.js +0 -296
- package/lib/plugin.d.ts +0 -6
- package/lib/plugin.js +0 -60
- package/lib/portal.d.ts +0 -40
- package/lib/portal.js +0 -225
- package/lib/reactions.d.ts +0 -20
- package/lib/reactions.js +0 -380
- package/lib/scene/avatar-model.d.ts +0 -6
- package/lib/scene/avatar-model.js +0 -646
- package/lib/scene/avatar-motion.d.ts +0 -3
- package/lib/scene/avatar-motion.js +0 -799
- package/lib/scene/character-assets.d.ts +0 -13
- package/lib/scene/character-assets.js +0 -26
- package/lib/scene/character-expression.d.ts +0 -4
- package/lib/scene/character-expression.js +0 -15
- package/lib/scene/character-eye-material.d.ts +0 -13
- package/lib/scene/character-eye-material.js +0 -88
- package/lib/scene/character-eye-renderer.d.ts +0 -5
- package/lib/scene/character-eye-renderer.js +0 -80
- package/lib/scene/character-eye-rig.d.ts +0 -20
- package/lib/scene/character-eye-rig.js +0 -35
- package/lib/scene/character-gaze.d.ts +0 -16
- package/lib/scene/character-gaze.js +0 -36
- package/lib/scene/character-idle.d.ts +0 -17
- package/lib/scene/character-idle.js +0 -65
- package/lib/scene/character-layout.d.ts +0 -24
- package/lib/scene/character-layout.js +0 -51
- package/lib/scene/character-motion-clock.d.ts +0 -18
- package/lib/scene/character-motion-clock.js +0 -70
- package/lib/scene/character-motion-types.d.ts +0 -12
- package/lib/scene/character-motion-types.js +0 -2
- package/lib/scene/character-motion.d.ts +0 -6
- package/lib/scene/character-motion.js +0 -187
- package/lib/scene/character-poses.d.ts +0 -26
- package/lib/scene/character-poses.js +0 -11
- package/lib/scene/character-rig-renderer.d.ts +0 -5
- package/lib/scene/character-rig-renderer.js +0 -95
- package/lib/scene/character-rig.d.ts +0 -22
- package/lib/scene/character-rig.js +0 -61
- package/lib/scene/heixiu-feedback.d.ts +0 -3
- package/lib/scene/heixiu-feedback.js +0 -64
- package/lib/scene/heixiu-interactions.d.ts +0 -3
- package/lib/scene/heixiu-interactions.js +0 -92
- package/lib/scene/ids.d.ts +0 -5
- package/lib/scene/ids.js +0 -5
- package/lib/scene/pointer-bridge.d.ts +0 -21
- package/lib/scene/pointer-bridge.js +0 -155
- package/lib/scene/runtime.d.ts +0 -12
- package/lib/scene/runtime.js +0 -74
- package/lib/scene/state-transitions.d.ts +0 -3
- package/lib/scene/state-transitions.js +0 -37
- package/lib/scene/styles.d.ts +0 -5
- package/lib/scene/styles.js +0 -69
- package/lib/scene/sylva-performance.d.ts +0 -11
- package/lib/scene/sylva-performance.js +0 -58
- package/lib/scene/wallpaper-character-styles.d.ts +0 -3
- package/lib/scene/wallpaper-character-styles.js +0 -49
- package/lib/scene/wallpaper-character.d.ts +0 -5
- package/lib/scene/wallpaper-character.js +0 -222
- package/lib/scene.d.ts +0 -8
- package/lib/scene.js +0 -8
- package/lib/sidebar-glass.d.ts +0 -16
- package/lib/sidebar-glass.js +0 -168
- package/lib/sidebar-heixiu-escape.d.ts +0 -44
- package/lib/sidebar-heixiu-escape.js +0 -340
- package/lib/sidebar-heixiu-roaming.d.ts +0 -27
- package/lib/sidebar-heixiu-roaming.js +0 -310
- package/lib/sidebar-reveal.d.ts +0 -8
- package/lib/sidebar-reveal.js +0 -59
- package/lib/state.d.ts +0 -21
- package/lib/state.js +0 -123
- package/lib/theme.d.ts +0 -19
- package/lib/theme.js +0 -188
- package/lib/vendor/bloub/decor.d.ts +0 -114
- package/lib/vendor/bloub/decor.js +0 -198
- package/lib/vendor/bloub/engine.d.ts +0 -213
- package/lib/vendor/bloub/engine.js +0 -452
- package/lib/vendor/bloub/expressions.d.ts +0 -35
- package/lib/vendor/bloub/expressions.js +0 -143
- package/lib/vendor/bloub/eyefit.d.ts +0 -75
- package/lib/vendor/bloub/eyefit.js +0 -393
- package/lib/vendor/bloub/face.d.ts +0 -63
- package/lib/vendor/bloub/face.js +0 -106
- package/lib/vendor/bloub/math.d.ts +0 -22
- package/lib/vendor/bloub/math.js +0 -36
- package/lib/vendor/bloub/profiles.d.ts +0 -8
- package/lib/vendor/bloub/profiles.js +0 -20
- package/lib/vendor/bloub/repere.d.ts +0 -30
- package/lib/vendor/bloub/repere.js +0 -32
- package/lib/vendor/bloub/shape.d.ts +0 -80
- package/lib/vendor/bloub/shape.js +0 -268
- package/lib/vendor/bloub/skins.d.ts +0 -36
- package/lib/vendor/bloub/skins.js +0 -74
- package/lib/vendor/bloub/states.d.ts +0 -87
- package/lib/vendor/bloub/states.js +0 -468
package/lib/chrome/sidebar.js
DELETED
|
@@ -1,313 +0,0 @@
|
|
|
1
|
-
/** One glass surface over DSH's native sidebar geometry and controls. */
|
|
2
|
-
export const XIAOHEI_SIDEBAR_CSS = `
|
|
3
|
-
/* The layout column and SidebarRoot both consume the native sidebar fill.
|
|
4
|
-
* The theme token makes those surfaces transparent; this stable slot
|
|
5
|
-
* relationship removes the layout column's remaining straight divider. */
|
|
6
|
-
#root :has(> [data-slot='sidebar']) {
|
|
7
|
-
background: transparent !important;
|
|
8
|
-
border-right-color: transparent !important;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
#root [data-slot='sidebar'] {
|
|
12
|
-
position: relative;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/* Target the native control by its accessible identity, not DOM order.
|
|
16
|
-
* Do not resurrect controls explicitly hidden/disabled by the Host. */
|
|
17
|
-
#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏']):not([hidden]):not([disabled]):not([aria-hidden='true']) {
|
|
18
|
-
display: inline-flex !important;
|
|
19
|
-
visibility: visible !important;
|
|
20
|
-
opacity: 1 !important;
|
|
21
|
-
pointer-events: auto !important;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* Reveal wide navigation only after its column has reached the target width.
|
|
25
|
-
* Keep the toggle itself native. Opacity is applied to content, never the shell
|
|
26
|
-
* (which also hosts fixed-position settings dialogs). */
|
|
27
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
28
|
-
#root [data-xiaohei-sidebar-reveal] [data-xiaohei-sidebar-brand] {
|
|
29
|
-
transition: opacity 100ms ease-out;
|
|
30
|
-
}
|
|
31
|
-
#root [data-xiaohei-sidebar-reveal='waiting'] [data-xiaohei-sidebar-brand] {
|
|
32
|
-
opacity: 0 !important;
|
|
33
|
-
visibility: hidden;
|
|
34
|
-
transition: none;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Hide the tree scrollbar's paint, retaining its gutter so rows do not grow
|
|
39
|
-
* into the glass edge. Wheel, touch and keyboard remain native; dialogs and
|
|
40
|
-
* other plugin panels keep their normal scrollbar affordance. */
|
|
41
|
-
#root [data-slot='sidebar.workspaces'] [role='tree'] {
|
|
42
|
-
scrollbar-color: transparent transparent !important;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar,
|
|
46
|
-
#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar-thumb,
|
|
47
|
-
#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar-track {
|
|
48
|
-
background: transparent !important;
|
|
49
|
-
border-color: transparent !important;
|
|
50
|
-
box-shadow: none !important;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/* The host shell remains paint- and filter-free because Settings is a fixed
|
|
54
|
-
* descendant. The glass itself lives outside #root in the scene layer. */
|
|
55
|
-
#root [data-slot='sidebar'] > div {
|
|
56
|
-
--dsh-sidebar-inline-padding: 18px;
|
|
57
|
-
position: relative;
|
|
58
|
-
background: transparent !important;
|
|
59
|
-
border-right: 0;
|
|
60
|
-
box-shadow: none;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
#dsh-theme-xiaohei\\/sidebar-glass {
|
|
64
|
-
position: absolute;
|
|
65
|
-
box-sizing: border-box;
|
|
66
|
-
left: var(--xiaohei-sidebar-glass-left, 7px);
|
|
67
|
-
top: var(--xiaohei-sidebar-glass-top, 8px);
|
|
68
|
-
width: var(--xiaohei-sidebar-glass-width, 0px);
|
|
69
|
-
height: var(--xiaohei-sidebar-glass-height, 0px);
|
|
70
|
-
pointer-events: none;
|
|
71
|
-
overflow: hidden;
|
|
72
|
-
border: 1px solid var(--xiaohei-sidebar-glass-edge);
|
|
73
|
-
border-radius: var(--xiaohei-sidebar-glass-radius);
|
|
74
|
-
background: var(--xiaohei-sidebar-glass-fill);
|
|
75
|
-
box-shadow:
|
|
76
|
-
inset 0 1px var(--xiaohei-sidebar-glass-highlight),
|
|
77
|
-
inset 1px 0 var(--xiaohei-sidebar-glass-refraction),
|
|
78
|
-
0 18px 50px -32px var(--xiaohei-sidebar-shadow);
|
|
79
|
-
-webkit-backdrop-filter:
|
|
80
|
-
blur(var(--xiaohei-sidebar-glass-blur))
|
|
81
|
-
saturate(var(--xiaohei-sidebar-glass-saturation));
|
|
82
|
-
backdrop-filter:
|
|
83
|
-
blur(var(--xiaohei-sidebar-glass-blur))
|
|
84
|
-
saturate(var(--xiaohei-sidebar-glass-saturation));
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
/* Width dragging changes the full-height glass raster every frame. Suspend
|
|
88
|
-
* only the filters while geometry is moving; the translucent surface remains
|
|
89
|
-
* visible and the settled glass returns after the resize gesture ends. */
|
|
90
|
-
html[data-xiaohei-sidebar-resizing] #dsh-theme-xiaohei\\/sidebar-glass {
|
|
91
|
-
-webkit-backdrop-filter: none;
|
|
92
|
-
backdrop-filter: none;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/* One restrained inner rim completes the glass edge without tinting content. */
|
|
96
|
-
#dsh-theme-xiaohei\\/sidebar-glass::after {
|
|
97
|
-
content: '';
|
|
98
|
-
position: absolute;
|
|
99
|
-
pointer-events: none;
|
|
100
|
-
inset: 1px;
|
|
101
|
-
border-radius: calc(var(--xiaohei-sidebar-glass-radius) - 1px);
|
|
102
|
-
box-shadow:
|
|
103
|
-
inset 0 1px var(--xiaohei-sidebar-glass-refraction),
|
|
104
|
-
inset 0 -20px 28px -32px var(--xiaohei-sidebar-shadow-soft);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
/* The official brand slot owns geometry in both the wide sidebar and rail.
|
|
108
|
-
* The bitmap remains visible as a no-WebGL fallback while the compact
|
|
109
|
-
* MetallicPaint canvas adds a restrained liquid-metal pass above it. */
|
|
110
|
-
.xiaohei-brand-mark {
|
|
111
|
-
position: relative;
|
|
112
|
-
display: inline-grid;
|
|
113
|
-
flex: none;
|
|
114
|
-
place-items: center;
|
|
115
|
-
width: var(--xiaohei-brand-mark-size);
|
|
116
|
-
height: var(--xiaohei-brand-mark-size);
|
|
117
|
-
margin: -2px;
|
|
118
|
-
overflow: visible;
|
|
119
|
-
pointer-events: none;
|
|
120
|
-
filter: drop-shadow(0 2px 3px rgb(8 13 15 / 18%));
|
|
121
|
-
transform: translateY(-1px);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.xiaohei-brand-mark__fallback,
|
|
125
|
-
.xiaohei-brand-mark__metal {
|
|
126
|
-
position: absolute;
|
|
127
|
-
inset: 0;
|
|
128
|
-
display: block;
|
|
129
|
-
width: 100%;
|
|
130
|
-
height: 100%;
|
|
131
|
-
object-fit: contain;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.xiaohei-brand-mark__fallback {
|
|
135
|
-
opacity: .94;
|
|
136
|
-
transition: opacity var(--xiaohei-motion-base) ease;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.xiaohei-brand-mark__metal {
|
|
140
|
-
opacity: 0;
|
|
141
|
-
transition:
|
|
142
|
-
opacity var(--xiaohei-motion-base) ease,
|
|
143
|
-
filter var(--xiaohei-motion-base) ease;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.xiaohei-brand-mark[data-metallic-ready='true'] .xiaohei-brand-mark__fallback {
|
|
147
|
-
opacity: .28;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.xiaohei-brand-mark[data-metallic-ready='true'] .xiaohei-brand-mark__metal {
|
|
151
|
-
opacity: .92;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.xiaohei-brand-name {
|
|
155
|
-
white-space: nowrap;
|
|
156
|
-
letter-spacing: .025em;
|
|
157
|
-
font-size: 17px;
|
|
158
|
-
font-weight: 600;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/* ui-conversation currently exposes the Hero mark but not its headline as a
|
|
162
|
-
* slot. Anchor the visual copy to that official mark occupant so hashed Host
|
|
163
|
-
* class names and unrelated headings remain untouched. */
|
|
164
|
-
#root span:has(> .xiaohei-brand-mark[data-brand-context='hero']) + span {
|
|
165
|
-
font-size: 0;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
#root span:has(> .xiaohei-brand-mark[data-brand-context='hero']) + span::after {
|
|
169
|
-
content: '万物有灵,自在同行';
|
|
170
|
-
font-size: 26px;
|
|
171
|
-
font-weight: 500;
|
|
172
|
-
line-height: 32px;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
#root [data-slot='sidebar'] button:hover .xiaohei-brand-mark__metal {
|
|
176
|
-
filter: brightness(1.12) contrast(1.04);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
/* Keep native rail/wide geometry and one consistent control material. */
|
|
180
|
-
#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏']),
|
|
181
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='新建会话'],
|
|
182
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='New session'] {
|
|
183
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
184
|
-
transition:
|
|
185
|
-
background-color var(--xiaohei-motion-fast) ease,
|
|
186
|
-
border-color var(--xiaohei-motion-fast) ease,
|
|
187
|
-
transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏']):hover {
|
|
191
|
-
background: var(--xiaohei-sidebar-hover);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='新建会话'],
|
|
195
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='New session'] {
|
|
196
|
-
border: 1px solid var(--xiaohei-sidebar-control-edge);
|
|
197
|
-
border-radius: var(--xiaohei-radius-control);
|
|
198
|
-
background: var(--xiaohei-sidebar-control);
|
|
199
|
-
box-shadow: inset 0 1px var(--xiaohei-sidebar-control-highlight);
|
|
200
|
-
justify-content: flex-start;
|
|
201
|
-
gap: 8px;
|
|
202
|
-
padding-inline: 12px;
|
|
203
|
-
text-align: start;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='新建会话']:hover,
|
|
207
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='New session']:hover {
|
|
208
|
-
border-color: var(--xiaohei-sidebar-control-edge-hover);
|
|
209
|
-
background: var(--xiaohei-sidebar-hover);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
/* rc.2 renders footer contributions in a horizontal flex row. Stack only
|
|
213
|
-
* this slot and its immediate host so full-width actions cannot displace
|
|
214
|
-
* siblings. Leave settings, plugin interiors, hidden states and order alone.
|
|
215
|
-
* This is also idempotent with Desktop's column-layout compatibility patch. */
|
|
216
|
-
#root [data-slot='sidebar'] :has(> [data-slot='sidebar.footer.action']),
|
|
217
|
-
#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] {
|
|
218
|
-
flex-direction: column;
|
|
219
|
-
align-items: stretch;
|
|
220
|
-
min-width: 0;
|
|
221
|
-
max-width: 100%;
|
|
222
|
-
gap: 4px;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] > * {
|
|
226
|
-
box-sizing: border-box;
|
|
227
|
-
flex: 0 0 auto;
|
|
228
|
-
min-width: 0;
|
|
229
|
-
max-width: 100%;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
/* The footer uses a divider instead of another framed card. */
|
|
233
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏']))
|
|
234
|
-
> :has(> div > [data-slot='sidebar.footer.action']) {
|
|
235
|
-
box-sizing: border-box;
|
|
236
|
-
gap: 2px;
|
|
237
|
-
margin-top: 8px;
|
|
238
|
-
padding-top: 8px;
|
|
239
|
-
border-top: 1px solid var(--xiaohei-sidebar-control-edge);
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
#root [data-slot='sidebar.footer.action'] > button,
|
|
243
|
-
#root [data-slot='sidebar.settings'] > button {
|
|
244
|
-
color: var(--dsw-alias-label-secondary);
|
|
245
|
-
border-radius: var(--xiaohei-radius-small) !important;
|
|
246
|
-
transition:
|
|
247
|
-
color var(--xiaohei-motion-fast) ease,
|
|
248
|
-
background-color var(--xiaohei-motion-fast) ease,
|
|
249
|
-
transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
#root [data-slot='sidebar.footer.action'] > button:hover,
|
|
253
|
-
#root [data-slot='sidebar.settings'] > button:hover,
|
|
254
|
-
#root [data-slot='sidebar.footer.action'] > button[aria-expanded='true'],
|
|
255
|
-
#root [data-slot='sidebar.settings'] > button[aria-expanded='true'] {
|
|
256
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
257
|
-
background: var(--xiaohei-sidebar-hover);
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
#root [data-slot='sidebar.footer.action'] > button:active,
|
|
261
|
-
#root [data-slot='sidebar.settings'] > button:active {
|
|
262
|
-
transform: translateY(1px);
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
#root [data-slot='sidebar'] button:focus-visible {
|
|
266
|
-
outline: 2px solid var(--xiaohei-sidebar-emphasis);
|
|
267
|
-
outline-offset: 2px;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
@media (prefers-reduced-motion: reduce) {
|
|
271
|
-
#root [data-slot='sidebar'] button {
|
|
272
|
-
transition-duration: 0ms !important;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
.xiaohei-brand-mark__fallback,
|
|
277
|
-
.xiaohei-brand-mark__metal {
|
|
278
|
-
transition-duration: 0ms !important;
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
@media (prefers-reduced-transparency: reduce) {
|
|
283
|
-
#dsh-theme-xiaohei\\/sidebar-glass {
|
|
284
|
-
background: var(--xiaohei-sidebar-glass-solid);
|
|
285
|
-
-webkit-backdrop-filter: none;
|
|
286
|
-
backdrop-filter: none;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
|
|
292
|
-
#dsh-theme-xiaohei\\/sidebar-glass {
|
|
293
|
-
background: var(--xiaohei-sidebar-glass-solid);
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
@media (forced-colors: active) {
|
|
298
|
-
#dsh-theme-xiaohei\\/sidebar-glass {
|
|
299
|
-
border-color: CanvasText;
|
|
300
|
-
background: Canvas;
|
|
301
|
-
box-shadow: none;
|
|
302
|
-
-webkit-backdrop-filter: none;
|
|
303
|
-
backdrop-filter: none;
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='新建会话'],
|
|
307
|
-
#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏'])) > button[aria-label='New session'] {
|
|
308
|
-
border-color: ButtonText;
|
|
309
|
-
}
|
|
310
|
-
|
|
311
|
-
}
|
|
312
|
-
`;
|
|
313
|
-
//# sourceMappingURL=sidebar.js.map
|
package/lib/chrome/tokens.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/** Semantic Xiaohei identity tokens shared by every themed component layer. */
|
|
2
|
-
export declare const XIAOHEI_CHROME_TOKENS_CSS = "\nhtml {\n --xiaohei-ink: #0E1517;\n --xiaohei-ink-soft: rgb(14 21 23 / 74%);\n --xiaohei-spirit: #69B6BA;\n --xiaohei-spirit-strong: #8ACED0;\n --xiaohei-spirit-soft: rgb(105 182 186 / 12%);\n --xiaohei-spirit-faint: rgb(105 182 186 / 6%);\n --xiaohei-edge: rgb(124 189 192 / 15%);\n --xiaohei-edge-strong: rgb(138 206 208 / 30%);\n --xiaohei-surface: rgb(22 29 31 / 94%);\n --xiaohei-surface-raised: rgb(29 37 39 / 97%);\n --xiaohei-surface-muted: rgb(15 21 23 / 68%);\n --xiaohei-sidebar-emphasis: #E1E6E7;\n --xiaohei-sidebar-icon: rgb(220 227 229 / 70%);\n --xiaohei-sidebar-hover: rgb(231 238 240 / 6.5%);\n --xiaohei-sidebar-glass-fill: rgb(18 22 25 / 25%);\n --xiaohei-sidebar-glass-solid: #1B2023;\n --xiaohei-sidebar-glass-edge: rgb(255 255 255 / 8%);\n --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 13%);\n --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);\n --xiaohei-sidebar-glass-saturation: 102%;\n --xiaohei-sidebar-glass-blur: 12px;\n --xiaohei-sidebar-glass-radius: 18px;\n --xiaohei-sidebar-control: rgb(231 238 240 / 7%);\n --xiaohei-sidebar-control-edge: rgb(231 238 240 / 8%);\n --xiaohei-sidebar-control-edge-hover: rgb(231 238 240 / 13%);\n --xiaohei-sidebar-control-highlight: rgb(255 255 255 / 5%);\n --xiaohei-sidebar-shadow: rgb(0 0 0 / 30%);\n --xiaohei-sidebar-shadow-soft: rgb(0 0 0 / 16%);\n --xiaohei-workspace-label: rgb(220 227 229 / 78%);\n --xiaohei-workspace-control-edge: rgb(231 238 240 / 8%);\n --xiaohei-workspace-folder-open: rgb(231 238 240 / 3%);\n --xiaohei-workspace-row-hover: rgb(231 238 240 / 4%);\n --xiaohei-workspace-row-active: rgb(231 238 240 / 12%);\n --xiaohei-workspace-row-active-hover: rgb(231 238 240 / 16%);\n --xiaohei-workspace-row-active-edge: rgb(231 238 240 / 10%);\n --xiaohei-workspace-action-hover: rgb(231 238 240 / 6%);\n --xiaohei-frame-line: rgb(138 206 208 / 21%);\n --xiaohei-frame-line-strong: rgb(151 216 218 / 40%);\n --xiaohei-frame-fill: rgb(15 21 23 / 54%);\n --xiaohei-frame-fill-raised: rgb(24 32 34 / 78%);\n --xiaohei-frame-inner: rgb(231 252 252 / 6%);\n --xiaohei-frame-plaque: #182122;\n --xiaohei-frame-label: #B9E5E7;\n --xiaohei-frame-ink: #081011;\n --xiaohei-layer-panel: rgb(20 27 29 / 76%);\n --xiaohei-layer-panel-edge: rgb(124 189 192 / 12%);\n --xiaohei-layer-panel-shadow: rgb(0 5 8 / 26%);\n --xiaohei-conversation-text: #E5E7E8;\n --xiaohei-conversation-meta: rgb(199 203 206 / 60%);\n --xiaohei-conversation-assistant:\n linear-gradient(\n 115deg,\n rgb(86 91 95 / 30%) 0%,\n rgb(50 54 57 / 22%) 46%,\n rgb(27 30 32 / 30%) 100%\n ),\n rgb(20 23 25 / 68%);\n --xiaohei-conversation-user:\n linear-gradient(\n 118deg,\n rgb(105 110 114 / 27%) 0%,\n rgb(61 65 68 / 23%) 52%,\n rgb(34 37 40 / 31%) 100%\n ),\n rgb(27 30 33 / 72%);\n --xiaohei-conversation-meta-surface:\n linear-gradient(112deg, rgb(91 96 100 / 17%), rgb(42 46 49 / 14%)),\n rgb(20 23 25 / 58%);\n --xiaohei-conversation-meta-edge: rgb(221 225 227 / 12%);\n --xiaohei-conversation-edge: rgb(229 232 234 / 17%);\n --xiaohei-conversation-highlight: rgb(255 255 255 / 12%);\n --xiaohei-conversation-shadow: rgb(0 0 0 / 28%);\n --xiaohei-conversation-blur: 18px;\n --xiaohei-layer-content: rgb(27 35 37 / 92%);\n --xiaohei-layer-content-edge: rgb(124 189 192 / 20%);\n --xiaohei-layer-content-highlight: rgb(239 255 255 / 4%);\n --xiaohei-composer-fill: rgb(17 23 25 / 78%);\n --xiaohei-composer-solid: #1B2325;\n --xiaohei-composer-edge: rgb(232 240 242 / 13%);\n --xiaohei-composer-edge-focus: rgb(232 240 242 / 26%);\n --xiaohei-composer-highlight: rgb(255 255 255 / 7%);\n --xiaohei-composer-highlight-strong: rgb(255 255 255 / 10%);\n --xiaohei-composer-lower-edge: rgb(0 0 0 / 20%);\n --xiaohei-composer-shadow: rgb(0 5 7 / 24%);\n --xiaohei-composer-focus: rgb(232 240 242 / 7%);\n --xiaohei-composer-tail: rgb(181 211 212 / 32%);\n --xiaohei-composer-control-edge: rgb(231 238 240 / 10%);\n --xiaohei-composer-control-hover: rgb(231 238 240 / 6%);\n --xiaohei-composer-disabled: rgb(34 42 44 / 66%);\n --xiaohei-composer-primary-icon: #EDF4F4;\n --xiaohei-composer-heixiu-edge: rgb(235 243 244 / 34%);\n --xiaohei-composer-heixiu-shadow: rgb(0 3 4 / 52%);\n --xiaohei-composer-blur: 22px;\n --xiaohei-composer-saturation: 106%;\n --xiaohei-shadow: rgb(0 5 7 / 30%);\n --xiaohei-focus-shadow: rgb(105 182 186 / 14%);\n --xiaohei-overlay-fill: rgb(22 29 31 / 88%);\n --xiaohei-overlay-blur: 18px;\n --xiaohei-overlay-saturation: 108%;\n --xiaohei-plugin-workspace-fill: rgb(20 27 29 / 62%);\n --xiaohei-plugin-pane-fill: rgb(27 35 37 / 46%);\n --xiaohei-plugin-raised-fill: rgb(29 37 39 / 72%);\n --xiaohei-plugin-control-fill: rgb(33 42 44 / 86%);\n --xiaohei-plugin-surface-blur: 32px;\n --xiaohei-plugin-surface-saturation: 112%;\n --xiaohei-radius-panel: 16px;\n --xiaohei-radius-control: 10px;\n --xiaohei-radius-small: 8px;\n --xiaohei-motion-fast: 140ms;\n --xiaohei-motion-base: 190ms;\n --xiaohei-motion-curve: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\nhtml[data-xiaohei-appearance='light'] {\n --xiaohei-ink: #252C35;\n --xiaohei-ink-soft: rgb(37 44 53 / 72%);\n --xiaohei-spirit: #547D78;\n --xiaohei-spirit-strong: #426A65;\n --xiaohei-spirit-soft: rgb(84 125 120 / 10%);\n --xiaohei-spirit-faint: rgb(84 125 120 / 5%);\n --xiaohei-edge: rgb(84 125 120 / 19%);\n --xiaohei-edge-strong: rgb(84 125 120 / 38%);\n --xiaohei-surface: rgb(232 237 243 / 94%);\n --xiaohei-surface-raised: rgb(241 244 248 / 97%);\n --xiaohei-surface-muted: rgb(220 227 234 / 78%);\n --xiaohei-sidebar-emphasis: #3F454C;\n --xiaohei-sidebar-icon: rgb(48 54 61 / 68%);\n --xiaohei-sidebar-hover: rgb(48 54 61 / 6%);\n --xiaohei-sidebar-glass-fill: rgb(247 245 242 / 30%);\n --xiaohei-sidebar-glass-solid: #EDF1F3;\n --xiaohei-sidebar-glass-edge: rgb(37 45 51 / 9%);\n --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 64%);\n --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);\n --xiaohei-sidebar-glass-saturation: 102%;\n --xiaohei-sidebar-glass-blur: 12px;\n --xiaohei-sidebar-control: rgb(255 255 255 / 30%);\n --xiaohei-sidebar-control-edge: rgb(46 51 58 / 8%);\n --xiaohei-sidebar-control-edge-hover: rgb(46 51 58 / 13%);\n --xiaohei-sidebar-control-highlight: rgb(255 255 255 / 48%);\n --xiaohei-sidebar-shadow: rgb(28 37 43 / 12%);\n --xiaohei-sidebar-shadow-soft: rgb(28 37 43 / 6%);\n --xiaohei-workspace-label: rgb(48 54 61 / 76%);\n --xiaohei-workspace-control-edge: rgb(46 51 58 / 9%);\n --xiaohei-workspace-folder-open: rgb(48 54 61 / 3%);\n --xiaohei-workspace-row-hover: rgb(48 54 61 / 5.5%);\n --xiaohei-workspace-row-active: rgb(48 54 61 / 10%);\n --xiaohei-workspace-row-active-hover: rgb(48 54 61 / 14%);\n --xiaohei-workspace-row-active-edge: rgb(46 51 58 / 8%);\n --xiaohei-workspace-action-hover: rgb(255 255 255 / 10%);\n --xiaohei-frame-line: rgb(84 125 120 / 22%);\n --xiaohei-frame-line-strong: rgb(84 125 120 / 43%);\n --xiaohei-frame-fill: rgb(224 231 238 / 58%);\n --xiaohei-frame-fill-raised: rgb(238 242 247 / 88%);\n --xiaohei-frame-inner: rgb(255 255 255 / 72%);\n --xiaohei-frame-plaque: rgb(235 241 240 / 94%);\n --xiaohei-frame-label: #294A46;\n --xiaohei-frame-ink: #243633;\n --xiaohei-layer-panel: rgb(226 232 239 / 78%);\n --xiaohei-layer-panel-edge: rgb(84 125 120 / 11%);\n --xiaohei-layer-panel-shadow: rgb(43 55 51 / 8%);\n --xiaohei-conversation-text: #30353A;\n --xiaohei-conversation-meta: rgb(72 79 86 / 58%);\n --xiaohei-conversation-assistant:\n linear-gradient(\n 115deg,\n rgb(255 255 255 / 55%) 0%,\n rgb(230 233 235 / 24%) 48%,\n rgb(202 207 210 / 16%) 100%\n ),\n rgb(232 235 237 / 67%);\n --xiaohei-conversation-user:\n linear-gradient(\n 118deg,\n rgb(255 255 255 / 42%) 0%,\n rgb(213 217 220 / 23%) 52%,\n rgb(190 196 200 / 17%) 100%\n ),\n rgb(220 224 227 / 72%);\n --xiaohei-conversation-meta-surface:\n linear-gradient(112deg, rgb(255 255 255 / 34%), rgb(201 206 209 / 15%)),\n rgb(224 227 229 / 58%);\n --xiaohei-conversation-meta-edge: rgb(50 57 63 / 12%);\n --xiaohei-conversation-edge: rgb(45 52 58 / 15%);\n --xiaohei-conversation-highlight: rgb(255 255 255 / 58%);\n --xiaohei-conversation-shadow: rgb(36 42 47 / 13%);\n --xiaohei-conversation-blur: 18px;\n --xiaohei-layer-content: rgb(238 242 247 / 94%);\n --xiaohei-layer-content-edge: rgb(84 125 120 / 20%);\n --xiaohei-layer-content-highlight: rgb(255 255 255 / 62%);\n --xiaohei-composer-fill: rgb(241 244 246 / 76%);\n --xiaohei-composer-solid: #F0F3F5;\n --xiaohei-composer-edge: rgb(45 53 59 / 12%);\n --xiaohei-composer-edge-focus: rgb(45 53 59 / 24%);\n --xiaohei-composer-highlight: rgb(255 255 255 / 72%);\n --xiaohei-composer-highlight-strong: rgb(255 255 255 / 88%);\n --xiaohei-composer-lower-edge: rgb(45 53 59 / 8%);\n --xiaohei-composer-shadow: rgb(36 45 50 / 11%);\n --xiaohei-composer-focus: rgb(45 53 59 / 6%);\n --xiaohei-composer-tail: rgb(47 57 62 / 26%);\n --xiaohei-composer-control-edge: rgb(46 53 59 / 10%);\n --xiaohei-composer-control-hover: rgb(255 255 255 / 46%);\n --xiaohei-composer-disabled: rgb(222 227 230 / 72%);\n --xiaohei-composer-primary-icon: #F5F8F8;\n --xiaohei-composer-heixiu-edge: rgb(255 255 255 / 24%);\n --xiaohei-composer-heixiu-shadow: rgb(35 43 47 / 30%);\n --xiaohei-composer-blur: 22px;\n --xiaohei-composer-saturation: 104%;\n --xiaohei-shadow: rgb(43 55 51 / 11%);\n --xiaohei-focus-shadow: rgb(84 125 120 / 13%);\n --xiaohei-overlay-fill: rgb(232 237 243 / 90%);\n --xiaohei-overlay-blur: 18px;\n --xiaohei-overlay-saturation: 106%;\n --xiaohei-plugin-workspace-fill: rgb(232 237 243 / 64%);\n --xiaohei-plugin-pane-fill: rgb(238 242 247 / 46%);\n --xiaohei-plugin-raised-fill: rgb(244 247 250 / 72%);\n --xiaohei-plugin-control-fill: rgb(248 250 252 / 86%);\n --xiaohei-plugin-surface-blur: 32px;\n --xiaohei-plugin-surface-saturation: 106%;\n}\n";
|
|
3
|
-
//# sourceMappingURL=tokens.d.ts.map
|
package/lib/chrome/tokens.js
DELETED
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
/** Semantic Xiaohei identity tokens shared by every themed component layer. */
|
|
2
|
-
export const XIAOHEI_CHROME_TOKENS_CSS = `
|
|
3
|
-
html {
|
|
4
|
-
--xiaohei-ink: #0E1517;
|
|
5
|
-
--xiaohei-ink-soft: rgb(14 21 23 / 74%);
|
|
6
|
-
--xiaohei-spirit: #69B6BA;
|
|
7
|
-
--xiaohei-spirit-strong: #8ACED0;
|
|
8
|
-
--xiaohei-spirit-soft: rgb(105 182 186 / 12%);
|
|
9
|
-
--xiaohei-spirit-faint: rgb(105 182 186 / 6%);
|
|
10
|
-
--xiaohei-edge: rgb(124 189 192 / 15%);
|
|
11
|
-
--xiaohei-edge-strong: rgb(138 206 208 / 30%);
|
|
12
|
-
--xiaohei-surface: rgb(22 29 31 / 94%);
|
|
13
|
-
--xiaohei-surface-raised: rgb(29 37 39 / 97%);
|
|
14
|
-
--xiaohei-surface-muted: rgb(15 21 23 / 68%);
|
|
15
|
-
--xiaohei-sidebar-emphasis: #E1E6E7;
|
|
16
|
-
--xiaohei-sidebar-icon: rgb(220 227 229 / 70%);
|
|
17
|
-
--xiaohei-sidebar-hover: rgb(231 238 240 / 6.5%);
|
|
18
|
-
--xiaohei-sidebar-glass-fill: rgb(18 22 25 / 25%);
|
|
19
|
-
--xiaohei-sidebar-glass-solid: #1B2023;
|
|
20
|
-
--xiaohei-sidebar-glass-edge: rgb(255 255 255 / 8%);
|
|
21
|
-
--xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 13%);
|
|
22
|
-
--xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);
|
|
23
|
-
--xiaohei-sidebar-glass-saturation: 102%;
|
|
24
|
-
--xiaohei-sidebar-glass-blur: 12px;
|
|
25
|
-
--xiaohei-sidebar-glass-radius: 18px;
|
|
26
|
-
--xiaohei-sidebar-control: rgb(231 238 240 / 7%);
|
|
27
|
-
--xiaohei-sidebar-control-edge: rgb(231 238 240 / 8%);
|
|
28
|
-
--xiaohei-sidebar-control-edge-hover: rgb(231 238 240 / 13%);
|
|
29
|
-
--xiaohei-sidebar-control-highlight: rgb(255 255 255 / 5%);
|
|
30
|
-
--xiaohei-sidebar-shadow: rgb(0 0 0 / 30%);
|
|
31
|
-
--xiaohei-sidebar-shadow-soft: rgb(0 0 0 / 16%);
|
|
32
|
-
--xiaohei-workspace-label: rgb(220 227 229 / 78%);
|
|
33
|
-
--xiaohei-workspace-control-edge: rgb(231 238 240 / 8%);
|
|
34
|
-
--xiaohei-workspace-folder-open: rgb(231 238 240 / 3%);
|
|
35
|
-
--xiaohei-workspace-row-hover: rgb(231 238 240 / 4%);
|
|
36
|
-
--xiaohei-workspace-row-active: rgb(231 238 240 / 12%);
|
|
37
|
-
--xiaohei-workspace-row-active-hover: rgb(231 238 240 / 16%);
|
|
38
|
-
--xiaohei-workspace-row-active-edge: rgb(231 238 240 / 10%);
|
|
39
|
-
--xiaohei-workspace-action-hover: rgb(231 238 240 / 6%);
|
|
40
|
-
--xiaohei-frame-line: rgb(138 206 208 / 21%);
|
|
41
|
-
--xiaohei-frame-line-strong: rgb(151 216 218 / 40%);
|
|
42
|
-
--xiaohei-frame-fill: rgb(15 21 23 / 54%);
|
|
43
|
-
--xiaohei-frame-fill-raised: rgb(24 32 34 / 78%);
|
|
44
|
-
--xiaohei-frame-inner: rgb(231 252 252 / 6%);
|
|
45
|
-
--xiaohei-frame-plaque: #182122;
|
|
46
|
-
--xiaohei-frame-label: #B9E5E7;
|
|
47
|
-
--xiaohei-frame-ink: #081011;
|
|
48
|
-
--xiaohei-layer-panel: rgb(20 27 29 / 76%);
|
|
49
|
-
--xiaohei-layer-panel-edge: rgb(124 189 192 / 12%);
|
|
50
|
-
--xiaohei-layer-panel-shadow: rgb(0 5 8 / 26%);
|
|
51
|
-
--xiaohei-conversation-text: #E5E7E8;
|
|
52
|
-
--xiaohei-conversation-meta: rgb(199 203 206 / 60%);
|
|
53
|
-
--xiaohei-conversation-assistant:
|
|
54
|
-
linear-gradient(
|
|
55
|
-
115deg,
|
|
56
|
-
rgb(86 91 95 / 30%) 0%,
|
|
57
|
-
rgb(50 54 57 / 22%) 46%,
|
|
58
|
-
rgb(27 30 32 / 30%) 100%
|
|
59
|
-
),
|
|
60
|
-
rgb(20 23 25 / 68%);
|
|
61
|
-
--xiaohei-conversation-user:
|
|
62
|
-
linear-gradient(
|
|
63
|
-
118deg,
|
|
64
|
-
rgb(105 110 114 / 27%) 0%,
|
|
65
|
-
rgb(61 65 68 / 23%) 52%,
|
|
66
|
-
rgb(34 37 40 / 31%) 100%
|
|
67
|
-
),
|
|
68
|
-
rgb(27 30 33 / 72%);
|
|
69
|
-
--xiaohei-conversation-meta-surface:
|
|
70
|
-
linear-gradient(112deg, rgb(91 96 100 / 17%), rgb(42 46 49 / 14%)),
|
|
71
|
-
rgb(20 23 25 / 58%);
|
|
72
|
-
--xiaohei-conversation-meta-edge: rgb(221 225 227 / 12%);
|
|
73
|
-
--xiaohei-conversation-edge: rgb(229 232 234 / 17%);
|
|
74
|
-
--xiaohei-conversation-highlight: rgb(255 255 255 / 12%);
|
|
75
|
-
--xiaohei-conversation-shadow: rgb(0 0 0 / 28%);
|
|
76
|
-
--xiaohei-conversation-blur: 18px;
|
|
77
|
-
--xiaohei-layer-content: rgb(27 35 37 / 92%);
|
|
78
|
-
--xiaohei-layer-content-edge: rgb(124 189 192 / 20%);
|
|
79
|
-
--xiaohei-layer-content-highlight: rgb(239 255 255 / 4%);
|
|
80
|
-
--xiaohei-composer-fill: rgb(17 23 25 / 78%);
|
|
81
|
-
--xiaohei-composer-solid: #1B2325;
|
|
82
|
-
--xiaohei-composer-edge: rgb(232 240 242 / 13%);
|
|
83
|
-
--xiaohei-composer-edge-focus: rgb(232 240 242 / 26%);
|
|
84
|
-
--xiaohei-composer-highlight: rgb(255 255 255 / 7%);
|
|
85
|
-
--xiaohei-composer-highlight-strong: rgb(255 255 255 / 10%);
|
|
86
|
-
--xiaohei-composer-lower-edge: rgb(0 0 0 / 20%);
|
|
87
|
-
--xiaohei-composer-shadow: rgb(0 5 7 / 24%);
|
|
88
|
-
--xiaohei-composer-focus: rgb(232 240 242 / 7%);
|
|
89
|
-
--xiaohei-composer-tail: rgb(181 211 212 / 32%);
|
|
90
|
-
--xiaohei-composer-control-edge: rgb(231 238 240 / 10%);
|
|
91
|
-
--xiaohei-composer-control-hover: rgb(231 238 240 / 6%);
|
|
92
|
-
--xiaohei-composer-disabled: rgb(34 42 44 / 66%);
|
|
93
|
-
--xiaohei-composer-primary-icon: #EDF4F4;
|
|
94
|
-
--xiaohei-composer-heixiu-edge: rgb(235 243 244 / 34%);
|
|
95
|
-
--xiaohei-composer-heixiu-shadow: rgb(0 3 4 / 52%);
|
|
96
|
-
--xiaohei-composer-blur: 22px;
|
|
97
|
-
--xiaohei-composer-saturation: 106%;
|
|
98
|
-
--xiaohei-shadow: rgb(0 5 7 / 30%);
|
|
99
|
-
--xiaohei-focus-shadow: rgb(105 182 186 / 14%);
|
|
100
|
-
--xiaohei-overlay-fill: rgb(22 29 31 / 88%);
|
|
101
|
-
--xiaohei-overlay-blur: 18px;
|
|
102
|
-
--xiaohei-overlay-saturation: 108%;
|
|
103
|
-
--xiaohei-plugin-workspace-fill: rgb(20 27 29 / 62%);
|
|
104
|
-
--xiaohei-plugin-pane-fill: rgb(27 35 37 / 46%);
|
|
105
|
-
--xiaohei-plugin-raised-fill: rgb(29 37 39 / 72%);
|
|
106
|
-
--xiaohei-plugin-control-fill: rgb(33 42 44 / 86%);
|
|
107
|
-
--xiaohei-plugin-surface-blur: 32px;
|
|
108
|
-
--xiaohei-plugin-surface-saturation: 112%;
|
|
109
|
-
--xiaohei-radius-panel: 16px;
|
|
110
|
-
--xiaohei-radius-control: 10px;
|
|
111
|
-
--xiaohei-radius-small: 8px;
|
|
112
|
-
--xiaohei-motion-fast: 140ms;
|
|
113
|
-
--xiaohei-motion-base: 190ms;
|
|
114
|
-
--xiaohei-motion-curve: cubic-bezier(0.16, 1, 0.3, 1);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
html[data-xiaohei-appearance='light'] {
|
|
118
|
-
--xiaohei-ink: #252C35;
|
|
119
|
-
--xiaohei-ink-soft: rgb(37 44 53 / 72%);
|
|
120
|
-
--xiaohei-spirit: #547D78;
|
|
121
|
-
--xiaohei-spirit-strong: #426A65;
|
|
122
|
-
--xiaohei-spirit-soft: rgb(84 125 120 / 10%);
|
|
123
|
-
--xiaohei-spirit-faint: rgb(84 125 120 / 5%);
|
|
124
|
-
--xiaohei-edge: rgb(84 125 120 / 19%);
|
|
125
|
-
--xiaohei-edge-strong: rgb(84 125 120 / 38%);
|
|
126
|
-
--xiaohei-surface: rgb(232 237 243 / 94%);
|
|
127
|
-
--xiaohei-surface-raised: rgb(241 244 248 / 97%);
|
|
128
|
-
--xiaohei-surface-muted: rgb(220 227 234 / 78%);
|
|
129
|
-
--xiaohei-sidebar-emphasis: #3F454C;
|
|
130
|
-
--xiaohei-sidebar-icon: rgb(48 54 61 / 68%);
|
|
131
|
-
--xiaohei-sidebar-hover: rgb(48 54 61 / 6%);
|
|
132
|
-
--xiaohei-sidebar-glass-fill: rgb(247 245 242 / 30%);
|
|
133
|
-
--xiaohei-sidebar-glass-solid: #EDF1F3;
|
|
134
|
-
--xiaohei-sidebar-glass-edge: rgb(37 45 51 / 9%);
|
|
135
|
-
--xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 64%);
|
|
136
|
-
--xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);
|
|
137
|
-
--xiaohei-sidebar-glass-saturation: 102%;
|
|
138
|
-
--xiaohei-sidebar-glass-blur: 12px;
|
|
139
|
-
--xiaohei-sidebar-control: rgb(255 255 255 / 30%);
|
|
140
|
-
--xiaohei-sidebar-control-edge: rgb(46 51 58 / 8%);
|
|
141
|
-
--xiaohei-sidebar-control-edge-hover: rgb(46 51 58 / 13%);
|
|
142
|
-
--xiaohei-sidebar-control-highlight: rgb(255 255 255 / 48%);
|
|
143
|
-
--xiaohei-sidebar-shadow: rgb(28 37 43 / 12%);
|
|
144
|
-
--xiaohei-sidebar-shadow-soft: rgb(28 37 43 / 6%);
|
|
145
|
-
--xiaohei-workspace-label: rgb(48 54 61 / 76%);
|
|
146
|
-
--xiaohei-workspace-control-edge: rgb(46 51 58 / 9%);
|
|
147
|
-
--xiaohei-workspace-folder-open: rgb(48 54 61 / 3%);
|
|
148
|
-
--xiaohei-workspace-row-hover: rgb(48 54 61 / 5.5%);
|
|
149
|
-
--xiaohei-workspace-row-active: rgb(48 54 61 / 10%);
|
|
150
|
-
--xiaohei-workspace-row-active-hover: rgb(48 54 61 / 14%);
|
|
151
|
-
--xiaohei-workspace-row-active-edge: rgb(46 51 58 / 8%);
|
|
152
|
-
--xiaohei-workspace-action-hover: rgb(255 255 255 / 10%);
|
|
153
|
-
--xiaohei-frame-line: rgb(84 125 120 / 22%);
|
|
154
|
-
--xiaohei-frame-line-strong: rgb(84 125 120 / 43%);
|
|
155
|
-
--xiaohei-frame-fill: rgb(224 231 238 / 58%);
|
|
156
|
-
--xiaohei-frame-fill-raised: rgb(238 242 247 / 88%);
|
|
157
|
-
--xiaohei-frame-inner: rgb(255 255 255 / 72%);
|
|
158
|
-
--xiaohei-frame-plaque: rgb(235 241 240 / 94%);
|
|
159
|
-
--xiaohei-frame-label: #294A46;
|
|
160
|
-
--xiaohei-frame-ink: #243633;
|
|
161
|
-
--xiaohei-layer-panel: rgb(226 232 239 / 78%);
|
|
162
|
-
--xiaohei-layer-panel-edge: rgb(84 125 120 / 11%);
|
|
163
|
-
--xiaohei-layer-panel-shadow: rgb(43 55 51 / 8%);
|
|
164
|
-
--xiaohei-conversation-text: #30353A;
|
|
165
|
-
--xiaohei-conversation-meta: rgb(72 79 86 / 58%);
|
|
166
|
-
--xiaohei-conversation-assistant:
|
|
167
|
-
linear-gradient(
|
|
168
|
-
115deg,
|
|
169
|
-
rgb(255 255 255 / 55%) 0%,
|
|
170
|
-
rgb(230 233 235 / 24%) 48%,
|
|
171
|
-
rgb(202 207 210 / 16%) 100%
|
|
172
|
-
),
|
|
173
|
-
rgb(232 235 237 / 67%);
|
|
174
|
-
--xiaohei-conversation-user:
|
|
175
|
-
linear-gradient(
|
|
176
|
-
118deg,
|
|
177
|
-
rgb(255 255 255 / 42%) 0%,
|
|
178
|
-
rgb(213 217 220 / 23%) 52%,
|
|
179
|
-
rgb(190 196 200 / 17%) 100%
|
|
180
|
-
),
|
|
181
|
-
rgb(220 224 227 / 72%);
|
|
182
|
-
--xiaohei-conversation-meta-surface:
|
|
183
|
-
linear-gradient(112deg, rgb(255 255 255 / 34%), rgb(201 206 209 / 15%)),
|
|
184
|
-
rgb(224 227 229 / 58%);
|
|
185
|
-
--xiaohei-conversation-meta-edge: rgb(50 57 63 / 12%);
|
|
186
|
-
--xiaohei-conversation-edge: rgb(45 52 58 / 15%);
|
|
187
|
-
--xiaohei-conversation-highlight: rgb(255 255 255 / 58%);
|
|
188
|
-
--xiaohei-conversation-shadow: rgb(36 42 47 / 13%);
|
|
189
|
-
--xiaohei-conversation-blur: 18px;
|
|
190
|
-
--xiaohei-layer-content: rgb(238 242 247 / 94%);
|
|
191
|
-
--xiaohei-layer-content-edge: rgb(84 125 120 / 20%);
|
|
192
|
-
--xiaohei-layer-content-highlight: rgb(255 255 255 / 62%);
|
|
193
|
-
--xiaohei-composer-fill: rgb(241 244 246 / 76%);
|
|
194
|
-
--xiaohei-composer-solid: #F0F3F5;
|
|
195
|
-
--xiaohei-composer-edge: rgb(45 53 59 / 12%);
|
|
196
|
-
--xiaohei-composer-edge-focus: rgb(45 53 59 / 24%);
|
|
197
|
-
--xiaohei-composer-highlight: rgb(255 255 255 / 72%);
|
|
198
|
-
--xiaohei-composer-highlight-strong: rgb(255 255 255 / 88%);
|
|
199
|
-
--xiaohei-composer-lower-edge: rgb(45 53 59 / 8%);
|
|
200
|
-
--xiaohei-composer-shadow: rgb(36 45 50 / 11%);
|
|
201
|
-
--xiaohei-composer-focus: rgb(45 53 59 / 6%);
|
|
202
|
-
--xiaohei-composer-tail: rgb(47 57 62 / 26%);
|
|
203
|
-
--xiaohei-composer-control-edge: rgb(46 53 59 / 10%);
|
|
204
|
-
--xiaohei-composer-control-hover: rgb(255 255 255 / 46%);
|
|
205
|
-
--xiaohei-composer-disabled: rgb(222 227 230 / 72%);
|
|
206
|
-
--xiaohei-composer-primary-icon: #F5F8F8;
|
|
207
|
-
--xiaohei-composer-heixiu-edge: rgb(255 255 255 / 24%);
|
|
208
|
-
--xiaohei-composer-heixiu-shadow: rgb(35 43 47 / 30%);
|
|
209
|
-
--xiaohei-composer-blur: 22px;
|
|
210
|
-
--xiaohei-composer-saturation: 104%;
|
|
211
|
-
--xiaohei-shadow: rgb(43 55 51 / 11%);
|
|
212
|
-
--xiaohei-focus-shadow: rgb(84 125 120 / 13%);
|
|
213
|
-
--xiaohei-overlay-fill: rgb(232 237 243 / 90%);
|
|
214
|
-
--xiaohei-overlay-blur: 18px;
|
|
215
|
-
--xiaohei-overlay-saturation: 106%;
|
|
216
|
-
--xiaohei-plugin-workspace-fill: rgb(232 237 243 / 64%);
|
|
217
|
-
--xiaohei-plugin-pane-fill: rgb(238 242 247 / 46%);
|
|
218
|
-
--xiaohei-plugin-raised-fill: rgb(244 247 250 / 72%);
|
|
219
|
-
--xiaohei-plugin-control-fill: rgb(248 250 252 / 86%);
|
|
220
|
-
--xiaohei-plugin-surface-blur: 32px;
|
|
221
|
-
--xiaohei-plugin-surface-saturation: 106%;
|
|
222
|
-
}
|
|
223
|
-
`;
|
|
224
|
-
//# sourceMappingURL=tokens.js.map
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/** Native tree geometry and scroll ownership; one sidebar glass, flat rows. */
|
|
2
|
-
export declare const XIAOHEI_WORKSPACE_CSS = "\n#root [data-slot='sidebar.workspaces'] > div {\n min-width: 0;\n}\n\n/* The native header and independently scrolling tree own their geometry.\n * No stitched frame: scrollbar reservation must not split its right edge. */\n#root [data-slot='sidebar.workspaces'] > div > div:first-child {\n color: var(--xiaohei-workspace-label);\n background: transparent;\n box-shadow: none;\n}\n\n#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child {\n font-size: 0;\n font-weight: 600;\n}\n\n#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child::after {\n content: '\u7A7A\u95F4';\n font-size: 12px;\n letter-spacing: .01em;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] {\n position: relative;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: var(--xiaohei-radius-control);\n background: transparent;\n box-shadow: none;\n font-weight: 400;\n transition:\n color var(--xiaohei-motion-fast) ease,\n border-color var(--xiaohei-motion-fast) ease,\n background-color var(--xiaohei-motion-fast) ease;\n}\n\n/* Expansion is a browsing state, not the current conversation selection. */\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {\n color: var(--xiaohei-sidebar-emphasis);\n background: var(--xiaohei-workspace-folder-open);\n font-weight: 500;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem']:hover {\n color: var(--xiaohei-sidebar-emphasis);\n background: var(--xiaohei-workspace-row-hover);\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {\n color: var(--xiaohei-sidebar-emphasis);\n border-color: var(--xiaohei-workspace-row-active-edge);\n background: var(--xiaohei-workspace-row-active);\n font-weight: 600;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true']:hover {\n background: var(--xiaohei-workspace-row-active-hover);\n}\n\n/* Preserve native tooltip wrappers and indentation. Group pseudo-elements\n * belong to the host's drag/drop insertion markers, not theme decoration. */\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button,\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button {\n color: var(--xiaohei-sidebar-icon);\n border-radius: var(--xiaohei-radius-small);\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button:hover,\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button[aria-expanded='true'],\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button:hover,\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button[aria-expanded='true'] {\n color: var(--xiaohei-sidebar-emphasis);\n background: var(--xiaohei-workspace-action-hover);\n border-color: transparent;\n}\n\n@media (prefers-reduced-motion: reduce) {\n #root [data-slot='sidebar.workspaces'] [role='treeitem'] {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {\n color: HighlightText;\n background: Highlight;\n border-color: Highlight;\n }\n}\n";
|
|
3
|
-
//# sourceMappingURL=workspace.d.ts.map
|
package/lib/chrome/workspace.js
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
/** Native tree geometry and scroll ownership; one sidebar glass, flat rows. */
|
|
2
|
-
export const XIAOHEI_WORKSPACE_CSS = `
|
|
3
|
-
#root [data-slot='sidebar.workspaces'] > div {
|
|
4
|
-
min-width: 0;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
/* The native header and independently scrolling tree own their geometry.
|
|
8
|
-
* No stitched frame: scrollbar reservation must not split its right edge. */
|
|
9
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child {
|
|
10
|
-
color: var(--xiaohei-workspace-label);
|
|
11
|
-
background: transparent;
|
|
12
|
-
box-shadow: none;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child {
|
|
16
|
-
font-size: 0;
|
|
17
|
-
font-weight: 600;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child::after {
|
|
21
|
-
content: '空间';
|
|
22
|
-
font-size: 12px;
|
|
23
|
-
letter-spacing: .01em;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'] {
|
|
27
|
-
position: relative;
|
|
28
|
-
box-sizing: border-box;
|
|
29
|
-
border: 1px solid transparent;
|
|
30
|
-
border-radius: var(--xiaohei-radius-control);
|
|
31
|
-
background: transparent;
|
|
32
|
-
box-shadow: none;
|
|
33
|
-
font-weight: 400;
|
|
34
|
-
transition:
|
|
35
|
-
color var(--xiaohei-motion-fast) ease,
|
|
36
|
-
border-color var(--xiaohei-motion-fast) ease,
|
|
37
|
-
background-color var(--xiaohei-motion-fast) ease;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/* Expansion is a browsing state, not the current conversation selection. */
|
|
41
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {
|
|
42
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
43
|
-
background: var(--xiaohei-workspace-folder-open);
|
|
44
|
-
font-weight: 500;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem']:hover {
|
|
48
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
49
|
-
background: var(--xiaohei-workspace-row-hover);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {
|
|
53
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
54
|
-
border-color: var(--xiaohei-workspace-row-active-edge);
|
|
55
|
-
background: var(--xiaohei-workspace-row-active);
|
|
56
|
-
font-weight: 600;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true']:hover {
|
|
60
|
-
background: var(--xiaohei-workspace-row-active-hover);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* Preserve native tooltip wrappers and indentation. Group pseudo-elements
|
|
64
|
-
* belong to the host's drag/drop insertion markers, not theme decoration. */
|
|
65
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'] button,
|
|
66
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child button {
|
|
67
|
-
color: var(--xiaohei-sidebar-icon);
|
|
68
|
-
border-radius: var(--xiaohei-radius-small);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'] button:hover,
|
|
72
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'] button[aria-expanded='true'],
|
|
73
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child button:hover,
|
|
74
|
-
#root [data-slot='sidebar.workspaces'] > div > div:first-child button[aria-expanded='true'] {
|
|
75
|
-
color: var(--xiaohei-sidebar-emphasis);
|
|
76
|
-
background: var(--xiaohei-workspace-action-hover);
|
|
77
|
-
border-color: transparent;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
@media (prefers-reduced-motion: reduce) {
|
|
81
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'] {
|
|
82
|
-
transition: none;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
@media (forced-colors: active) {
|
|
87
|
-
#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {
|
|
88
|
-
color: HighlightText;
|
|
89
|
-
background: Highlight;
|
|
90
|
-
border-color: Highlight;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
`;
|
|
94
|
-
//# sourceMappingURL=workspace.js.map
|
package/lib/chrome.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/** Stable public style id used for lifecycle cleanup and regression checks. */
|
|
2
|
-
export declare const XIAOHEI_CHROME_STYLE_ID = "dsh-theme-xiaohei/chrome-style";
|
|
3
|
-
/**
|
|
4
|
-
* Public aggregate retained for the DSH client API and tests. Each source
|
|
5
|
-
* module owns one concern; this facade only controls composition order.
|
|
6
|
-
*/
|
|
7
|
-
export declare const XIAOHEI_CHROME_CSS: string;
|
|
8
|
-
/** Install the control skin and remove it with the plugin lifecycle. */
|
|
9
|
-
export declare function installXiaoheiChrome(doc?: Document | undefined): () => void;
|
|
10
|
-
//# sourceMappingURL=chrome.d.ts.map
|