Replace more colors
This commit is contained in:
parent
bd0d6a9bf9
commit
34fca1285f
80
src/theme.js
80
src/theme.js
|
@ -41,45 +41,45 @@ function getTheme({ theme, name }) {
|
|||
"button.secondaryForeground" : color.btn.text,
|
||||
"button.secondaryHoverBackground": color.btn.hoverBg,
|
||||
|
||||
"checkbox.background": color.bg.tertiary,
|
||||
"checkbox.border" : color.border.primary,
|
||||
"checkbox.background": color.canvas.subtle,
|
||||
"checkbox.border" : color.border.default,
|
||||
|
||||
"dropdown.background" : color.bg.overlay,
|
||||
"dropdown.border" : color.border.primary,
|
||||
"dropdown.background" : color.canvas.overlay,
|
||||
"dropdown.border" : color.border.default,
|
||||
"dropdown.foreground" : color.fg.default,
|
||||
"dropdown.listBackground": color.bg.overlay,
|
||||
"dropdown.listBackground": color.canvas.overlay,
|
||||
|
||||
"input.background" : color.input.bg,
|
||||
"input.border" : color.input.border,
|
||||
"input.background" : color.canvas.default,
|
||||
"input.border" : color.border.default,
|
||||
"input.foreground" : color.fg.default,
|
||||
"input.placeholderForeground": color.text.placeholder,
|
||||
"input.placeholderForeground": color.fg.subtle,
|
||||
|
||||
"badge.foreground": themes({ light: scale.blue[6], dark: scale.blue[2], dimmed: scale.blue[2] }),
|
||||
"badge.background": themes({ light: scale.blue[1], dark: scale.blue[7], dimmed: scale.blue[7] }),
|
||||
"badge.foreground": color.fg.onEmphasis,
|
||||
"badge.background": color.accent.emphasis,
|
||||
|
||||
"progressBar.background": themes({ light: scale.blue[4], dark: scale.blue[5], dimmed: scale.blue[5] }),
|
||||
"progressBar.background": color.accent.emphasis,
|
||||
|
||||
"titleBar.activeForeground" : color.fg.muted,
|
||||
"titleBar.activeBackground" : color.bg.canvas,
|
||||
"titleBar.activeBackground" : color.canvas.default,
|
||||
"titleBar.inactiveForeground": color.fg.muted,
|
||||
"titleBar.inactiveBackground": color.canvas.inset,
|
||||
"titleBar.border" : color.border.primary,
|
||||
"titleBar.border" : color.border.default,
|
||||
|
||||
"activityBar.foreground" : color.fg.default,
|
||||
"activityBar.inactiveForeground": color.fg.muted,
|
||||
"activityBar.background" : color.bg.canvas,
|
||||
"activityBarBadge.foreground" : scale.white,
|
||||
"activityBarBadge.background" : themes({ light: scale.blue[4], dark: scale.blue[5], dimmed: scale.blue[5] }),
|
||||
"activityBar.activeBorder" : color.underlinenav.borderActive,
|
||||
"activityBar.border" : color.border.primary,
|
||||
"activityBar.background" : color.canvas.default,
|
||||
"activityBarBadge.foreground" : color.fg.onEmphasis,
|
||||
"activityBarBadge.background" : color.accent.emphasis,
|
||||
"activityBar.activeBorder" : color.primer.border.active,
|
||||
"activityBar.border" : color.border.default,
|
||||
|
||||
"sideBar.foreground" : color.fg.default,
|
||||
"sideBar.background" : color.canvas.inset,
|
||||
"sideBar.border" : color.border.primary,
|
||||
"sideBar.border" : color.border.default,
|
||||
"sideBarTitle.foreground" : color.fg.default,
|
||||
"sideBarSectionHeader.foreground": color.fg.default,
|
||||
"sideBarSectionHeader.background": color.canvas.inset,
|
||||
"sideBarSectionHeader.border" : color.border.primary,
|
||||
"sideBarSectionHeader.border" : color.border.default,
|
||||
|
||||
"list.hoverForeground" : color.fg.default,
|
||||
"list.inactiveSelectionForeground": color.fg.default,
|
||||
|
@ -98,7 +98,7 @@ function getTheme({ theme, name }) {
|
|||
"notificationCenterHeader.background": themes({ light: scale.gray[2], dark: scale.gray[9], dimmed: scale.gray[9] }),
|
||||
"notifications.foreground" : color.fg.muted,
|
||||
"notifications.background" : themes({ light: scale.gray[0], dark: scale.gray[8], dimmed: scale.gray[8] }),
|
||||
"notifications.border" : color.border.primary,
|
||||
"notifications.border" : color.border.default,
|
||||
"notificationsErrorIcon.foreground" : themes({ light: scale.red[5], dark: scale.red[4], dimmed: scale.red[4] }),
|
||||
"notificationsWarningIcon.foreground": themes({ light: scale.orange[6], dark: scale.orange[3], dimmed: scale.orange[3] }),
|
||||
"notificationsInfoIcon.foreground" : themes({ light: scale.blue[6], dark: scale.blue[3], dimmed: scale.blue[3] }),
|
||||
|
@ -109,43 +109,43 @@ function getTheme({ theme, name }) {
|
|||
"quickInput.foreground" : color.fg.default,
|
||||
|
||||
"statusBar.foreground" : color.fg.muted,
|
||||
"statusBar.background" : color.bg.canvas,
|
||||
"statusBar.border" : color.border.primary,
|
||||
"statusBar.noFolderBackground" : color.bg.canvas,
|
||||
"statusBar.background" : color.canvas.default,
|
||||
"statusBar.border" : color.border.default,
|
||||
"statusBar.noFolderBackground" : color.canvas.default,
|
||||
"statusBar.debuggingBackground" : color.bg.dangerInverse,
|
||||
"statusBar.debuggingForeground" : scale.white,
|
||||
"statusBarItem.prominentBackground": color.bg.tertiary,
|
||||
"statusBarItem.prominentBackground": color.canvas.subtle,
|
||||
|
||||
"editorGroupHeader.tabsBackground": color.canvas.inset,
|
||||
"editorGroupHeader.tabsBorder" : color.border.primary,
|
||||
"editorGroup.border" : color.border.primary,
|
||||
"editorGroupHeader.tabsBorder" : color.border.default,
|
||||
"editorGroup.border" : color.border.default,
|
||||
|
||||
"tab.activeForeground" : color.fg.default,
|
||||
"tab.inactiveForeground" : color.fg.muted,
|
||||
"tab.inactiveBackground" : color.canvas.inset,
|
||||
"tab.activeBackground" : color.bg.canvas,
|
||||
"tab.hoverBackground" : color.bg.canvas,
|
||||
"tab.activeBackground" : color.canvas.default,
|
||||
"tab.hoverBackground" : color.canvas.default,
|
||||
"tab.unfocusedHoverBackground": color.state.hover.secondaryBg,
|
||||
"tab.border" : color.border.primary,
|
||||
"tab.unfocusedActiveBorderTop": color.border.primary,
|
||||
"tab.activeBorder" : color.bg.canvas,
|
||||
"tab.unfocusedActiveBorder" : color.bg.canvas,
|
||||
"tab.border" : color.border.default,
|
||||
"tab.unfocusedActiveBorderTop": color.border.default,
|
||||
"tab.activeBorder" : color.canvas.default,
|
||||
"tab.unfocusedActiveBorder" : color.canvas.default,
|
||||
"tab.activeBorderTop" : color.underlinenav.borderActive,
|
||||
|
||||
"breadcrumb.foreground" : color.fg.muted,
|
||||
"breadcrumb.focusForeground" : color.fg.default,
|
||||
"breadcrumb.activeSelectionForeground": color.fg.muted,
|
||||
"breadcrumbPicker.background" : color.bg.overlay,
|
||||
"breadcrumbPicker.background" : color.canvas.overlay,
|
||||
|
||||
"editor.foreground" : color.fg.default,
|
||||
"editor.background" : color.bg.canvas,
|
||||
"editorWidget.background" : color.bg.overlay,
|
||||
"editor.background" : color.canvas.default,
|
||||
"editorWidget.background" : color.canvas.overlay,
|
||||
"editor.foldBackground" : chroma(scale.gray[4]).alpha(0.1).hex(), // needs opacity
|
||||
"editor.lineHighlightBackground" : color.codemirror.activelineBg,
|
||||
"editorLineNumber.foreground" : color.codemirror.linenumberText,
|
||||
"editorLineNumber.activeForeground" : color.fg.default,
|
||||
"editorIndentGuide.background" : color.border.muted,
|
||||
"editorIndentGuide.activeBackground": color.border.primary,
|
||||
"editorIndentGuide.activeBackground": color.border.default,
|
||||
"editorWhitespace.foreground" : themes({ light: scale.gray[3], dark: scale.gray[5], dimmed: scale.gray[5] }),
|
||||
"editorCursor.foreground" : themes({ light: scale.blue[7], dark: scale.blue[2], dimmed: scale.blue[2] }),
|
||||
|
||||
|
@ -177,11 +177,11 @@ function getTheme({ theme, name }) {
|
|||
"editorOverviewRuler.border" : themes({ light: scale.white, dark: scale.black, dimmed: scale.black }),
|
||||
|
||||
"panel.background" : color.canvas.inset,
|
||||
"panel.border" : color.border.primary,
|
||||
"panel.border" : color.border.default,
|
||||
"panelTitle.activeBorder" : color.underlinenav.borderActive,
|
||||
"panelTitle.activeForeground" : color.fg.default,
|
||||
"panelTitle.inactiveForeground": color.fg.muted,
|
||||
"panelInput.border" : color.border.primary,
|
||||
"panelInput.border" : color.border.default,
|
||||
|
||||
"terminal.foreground": color.fg.muted,
|
||||
'terminal.ansiBlack': color.ansi.black,
|
||||
|
@ -209,7 +209,7 @@ function getTheme({ theme, name }) {
|
|||
"gitDecoration.conflictingResourceForeground": color.text.warning,
|
||||
"gitDecoration.submoduleResourceForeground" : color.fg.muted,
|
||||
|
||||
"debugToolBar.background" : color.bg.overlay,
|
||||
"debugToolBar.background" : color.canvas.overlay,
|
||||
"editor.stackFrameHighlightBackground" : themes({ light: "#ffd33d33", dark: "#D2992225", dimmed: "#C6902625" }), // needs opacity (yellow)
|
||||
"editor.focusedStackFrameHighlightBackground": themes({ light: "#28a74525", dark: "#3FB95025", dimmed: "#2b6a3033" }), // needs opacity (green)
|
||||
|
||||
|
|
Loading…
Reference in a new issue