[READ-ONLY] Mirror of https://github.com/bombshell-dev/docs.
bomb.sh/docs
fix(theme): update ec
Nate Moore
(Apr 5, 2026, 1:07 AM EDT)
be263ea5
1e15aa4d
+29
-8
-8
src/components/WebContainer/theme.ts
-8
src/components/WebContainer/theme.ts
+29
src/styles/starlight.css
+29
src/styles/starlight.css
···
157
157
color: var(--color-white-100);
158
158
}
159
159
160
+
/* Expressive Code — subtle border, rounded, gradient bg */
161
+
.expressive-code {
162
+
--ec-brdWd: 1px;
163
+
--ec-brdCol: var(--color-white-50);
164
+
--ec-brdRad: var(--radius-100);
165
+
--ec-codeBg: var(--container-fill);
166
+
--ec-frm-shdCol: transparent;
167
+
--ec-frm-frameBoxShdCssVal: none;
168
+
--ec-frm-trmTtbBg: transparent;
169
+
--ec-frm-trmTtbBrdBtmCol: transparent;
170
+
--ec-frm-trmBg: var(--container-fill);
171
+
--ec-frm-edBg: var(--container-fill);
172
+
--ec-frm-edTabBarBg: transparent;
173
+
--ec-frm-edTabBarBrdCol: transparent;
174
+
--ec-frm-edTabBarBrdBtmCol: transparent;
175
+
--ec-frm-edActTabBg: transparent;
176
+
--ec-frm-edActTabBrdCol: transparent;
177
+
}
178
+
179
+
/* Terminal title bar — subtle gradient fade */
180
+
.expressive-code .frame.is-terminal .header {
181
+
background: linear-gradient(to bottom, var(--color-white-0), var(--color-white-10));
182
+
}
183
+
184
+
/* Editor title bar — same treatment */
185
+
.expressive-code .frame.has-title:not(.is-terminal) .header {
186
+
background: linear-gradient(to bottom, var(--color-white-0), var(--color-white-10));
187
+
}
188
+
160
189
/* Sidebar background gradient */
161
190
.sidebar-pane {
162
191
background: linear-gradient(to bottom, var(--color-gray-90) 0%, var(--container-fill) 100%) !important;