All files / .storybook themes.ts

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
const mockVSCodeDarkTheme = {
	"--vscode-editor-background": "#1E1E1E",
	"--vscode-editor-foreground": "#D4D4D4",
	"--vscode-sideBar-background": "#252526",
	"--vscode-editorGroup-border": "#454545",
	"--vscode-descriptionForeground": "#CCCCCC99",
	"--vscode-button-background": "#007ACC",
	"--vscode-button-foreground": "#FFFFFF",
	"--vscode-button-secondaryBackground": "#383B3D",
	"--vscode-textLink-foreground": "#6fc3df",
	"--vscode-errorForeground": "#f48771",
	"--vscode-editorWidget-border": "#303031",
	"--vscode-editorError-foreground": "#f14c4c",
	"--vscode-diffEditor-removedTextBackground": "#9c353520",
	"--vscode-diffEditor-insertedTextBackground": "#9ccc6520",
	"--vscode-editor-font-family": 'Menlo, Monaco, "Courier New", monospace',
	"--vscode-editor-font-size": "12px",
	"--vscode-font-family": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
	"--vscode-font-size": "13px",
	"--vscode-focusBorder": "#007ACC",
	"--vscode-input-border": "#6B6B6B",
	"--vscode-banner-background": "#007ACC",
	"--vscode-titleBar-inactiveForeground": "#BBBBBB",
	"--vscode-input-foreground": "#D4D4D4",
	"--vscode-input-background": "#383B3D",
	"--vscode-editor-line-height": "20px",
	"--vscode-input-placeholderForeground": "#A6A6A6",
	"--vscode-activityWarningBadge-background": "#F9C20B",
	"--vscode-badge-background": "#007ACC",
	"--vscode-badge-foreground": "#FFFFFF",
	"--vscode-charts-green": "#73C991",
	"--vscode-charts-yellow": "#F9C20B",
	"--vscode-charts-red": "#F14C4C",
	"--vscode-menu-background": "#252526",
	"--vscode-menu-border": "#454545",
	"--vscode-menu-foreground": "#CCCCCC",
	"--vscode-menu-selectionBackground": "#062F4A",
	"--vscode-menu-selectionForeground": "#FFFFFF",
}
 
const mockVSCodeLightTheme = {
	"--vscode-editor-background": "#FFFFFF",
	"--vscode-editor-foreground": "#000000",
	"--vscode-sideBar-background": "#F3F3F3",
	"--vscode-editorGroup-border": "#D4D4D4",
	"--vscode-descriptionForeground": "#6F6F6F",
	"--vscode-button-background": "#007ACC",
	"--vscode-button-foreground": "#FFFFFF",
	"--vscode-button-secondaryBackground": "#E8E8E8",
	"--vscode-textLink-foreground": "#6fc3df",
	"--vscode-errorForeground": "#c72e0f",
	"--vscode-editorWidget-border": "#D4D4D4",
	"--vscode-editorError-foreground": "#c72e0f",
	"--vscode-diffEditor-removedTextBackground": "#c72e0f20",
	"--vscode-diffEditor-insertedTextBackground": "#36943220",
	"--vscode-editor-font-family": 'Menlo, Monaco, "Courier New", monospace',
	"--vscode-editor-font-size": "12px",
	"--vscode-font-family": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
	"--vscode-font-size": "13px",
	"--vscode-focusBorder": "#007ACC",
	"--vscode-input-border": "#CECECE",
	"--vscode-banner-background": "#007ACC",
	"--vscode-titleBar-inactiveForeground": "#919191",
	"--vscode-input-foreground": "#000000",
	"--vscode-input-background": "#FFFFFF",
	"--vscode-editor-line-height": "20px",
	"--vscode-input-placeholderForeground": "#767676",
	"--vscode-activityWarningBadge-background": "#F9C20B",
	"--vscode-badge-background": "#007ACC",
	"--vscode-badge-foreground": "#FFFFFF",
	"--vscode-charts-green": "#73C991",
	"--vscode-charts-yellow": "#F9C20B",
	"--vscode-menu-background": "#F3F3F3",
	"--vscode-menu-border": "#D4D4D4",
	"--vscode-menu-foreground": "#6F6F6F",
	"--vscode-menu-selectionBackground": "#007ACC",
	"--vscode-menu-selectionForeground": "#FFFFFF",
}
 
// Mock VSCode theme variables for Storybook
export const StorybookThemes = {
	dark: mockVSCodeDarkTheme,
	light: mockVSCodeLightTheme,
}