docs/ec.config.mjs at main · fullstackhero/docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
import houston from './houston.theme.json' with { type: 'json' };

export default {
  themes: ['github-light', houston],
  useDarkModeMediaQuery: false,
  themeCssSelector: (theme) => (theme.type === 'dark' ? '.dark' : ':root:not(.dark)'),
  plugins: [pluginLineNumbers()],
  defaultProps: { showLineNumbers: false },
  styleOverrides: {
    borderRadius: '0.75rem',
    borderWidth: '1px',
    borderColor: 'var(--border)',
    codeFontFamily:
      'JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
    codeFontSize: '0.875rem',
    codeLineHeight: '1.7',
    codePaddingBlock: '1.25rem',
    codePaddingInline: '1.5rem',
    uiFontFamily: 'Figtree, system-ui, sans-serif',
    focusBorder: '#15803d',
    lineNumbers: {
      foreground: ({ theme }) => (theme.type === 'dark' ? '#9097a3' : '#525964'),
      highlightForeground: ({ theme }) => (theme.type === 'dark' ? '#eef0f9' : '#1a1814'),
    },
    frames: {
      editorActiveTabBackground: ({ theme }) => (theme.type === 'dark' ? '#1a1d24' : '#ffffff'),
      editorActiveTabForeground: ({ theme }) => (theme.type === 'dark' ? '#eef0f9' : '#1a1814'),
      editorActiveTabBorderColor: 'transparent',
      editorActiveTabIndicatorTopColor: '#15803d',
      editorActiveTabIndicatorBottomColor: 'transparent',
      editorTabBarBackground: ({ theme }) => (theme.type === 'dark' ? '#0d1117' : '#f3ede2'),
      editorTabBarBorderColor: 'var(--border)',
      editorTabBarBorderBottomColor: 'var(--border)',
      editorBackground: ({ theme }) => (theme.type === 'dark' ? '#0d1117' : '#ffffff'),
      terminalBackground: ({ theme }) => (theme.type === 'dark' ? '#0d1117' : '#ffffff'),
      terminalTitlebarBackground: ({ theme }) => (theme.type === 'dark' ? '#161b22' : '#f3ede2'),
      terminalTitlebarBorderBottomColor: 'var(--border)',
      terminalTitlebarForeground: ({ theme }) => (theme.type === 'dark' ? '#8b949e' : '#7a7266'),
      frameBoxShadowCssValue: 'none',
      tooltipSuccessBackground: '#10b981',
      tooltipSuccessForeground: '#17191e',
      inlineButtonBackground: 'rgba(21, 128, 61, 0.1)',
      inlineButtonBackgroundHover: 'rgba(21, 128, 61, 0.2)',
      inlineButtonForeground: ({ theme }) => (theme.type === 'dark' ? '#4ade80' : '#15803d'),
      shadowColor: 'transparent',
    },
    textMarkers: {
      markBackground: 'rgba(21, 128, 61, 0.15)',
      markBorderColor: '#15803d',
      insBackground: 'rgba(16, 185, 129, 0.15)',
      insBorderColor: '#10b981',
      delBackground: 'rgba(225, 29, 72, 0.15)',
      delBorderColor: '#e11d48',
    },
  },
};