Fix up ec styling a bit

webpro-nl · Nov 22, 2024 · 9bdb2c0 · 9bdb2c0
1 parent 1baa1d4
commit 9bdb2c0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/docs/astro.config.ts b/packages/docs/astro.config.ts
@@ -81,9 +81,15 @@ export default defineConfig({
       expressiveCode: {
         emitExternalStylesheet: true,
         styleOverrides: {
-          // @ts-expect-error TODO
+          // @ts-expect-error deal with it
           'frm-tooltipSuccessBg': 'var(--sl-color-orange)',
           'frm-tooltipSuccessFg': 'var(--sl-color-white)',
+          'frm-edBg': 'var(--sl-color-black)',
+          'frm-edActTabBg': 'var(--sl-color-black)',
+          'frm-edActTabBrdCol': 'var(--sl-color-black)',
+          'frm-edTabBarBg': 'none',
+          'frm-edTabBarBrdBtmCol': 'none',
+          'frm-frameBoxShdCssVal': 'none',
         },
         frames: {
           showCopyToClipboardButton: true,

diff --git a/packages/docs/src/styles/expressive-code.css b/packages/docs/src/styles/expressive-code.css
@@ -1,7 +1,14 @@
-.expressive-code figure.frame {
+.expressive-code figure {
   box-shadow: none;
 }
 
+:root[data-theme='light'] {
+  .expressive-code .frame.has-title:not(.is-terminal) .header .title {
+    background-color: #151419;
+    border-color: #151419;
+  }
+}
+
 .expressive-code .frame pre,
 .expressive-code .frame div {
   margin-top: unset;