diff --git a/src/vs/workbench/parts/webview/electron-browser/webview-pre.js b/src/vs/workbench/parts/webview/electron-browser/webview-pre.js index 282ec3d6876d3aff9a247c626972de2c0fff9464..6fb644ec64f2709aa507dc709a1f34ec53cbf556 100644 --- a/src/vs/workbench/parts/webview/electron-browser/webview-pre.js +++ b/src/vs/workbench/parts/webview/electron-browser/webview-pre.js @@ -240,6 +240,10 @@ color: var(--link-color); } + body a:hover { + color: var(--link-active-color); + } + a:focus, input:focus, select:focus, diff --git a/src/vs/workbench/parts/webview/electron-browser/webviewElement.ts b/src/vs/workbench/parts/webview/electron-browser/webviewElement.ts index 4ef6fe55b98377e05a468e70c3cea5bacd6cd078..d45ac5caa941f4dfc63b69c43515b3144b9a3e7e 100644 --- a/src/vs/workbench/parts/webview/electron-browser/webviewElement.ts +++ b/src/vs/workbench/parts/webview/electron-browser/webviewElement.ts @@ -14,7 +14,7 @@ import { IContextKey } from 'vs/platform/contextkey/common/contextkey'; import { IContextViewService } from 'vs/platform/contextview/browser/contextView'; import { IEnvironmentService } from 'vs/platform/environment/common/environment'; import { IFileService } from 'vs/platform/files/common/files'; -import { editorBackground, editorForeground, textLinkForeground } from 'vs/platform/theme/common/colorRegistry'; +import * as colorRegistry from 'vs/platform/theme/common/colorRegistry'; import { DARK, ITheme, IThemeService, LIGHT } from 'vs/platform/theme/common/themeService'; import { WebviewFindWidget } from './webviewFindWidget'; @@ -285,12 +285,13 @@ export class WebviewElement { const { fontFamily, fontWeight, fontSize } = window.getComputedStyle(this._styleElement); // TODO@theme avoid styleElement const styles = { - 'background-color': theme.getColor(editorBackground).toString(), - 'color': theme.getColor(editorForeground).toString(), + 'background-color': theme.getColor(colorRegistry.editorBackground).toString(), + 'color': theme.getColor(colorRegistry.editorForeground).toString(), 'font-family': fontFamily, 'font-weight': fontWeight, 'font-size': fontSize, - 'link-color': theme.getColor(textLinkForeground).toString() + 'link-color': theme.getColor(colorRegistry.textLinkForeground).toString(), + 'link-active-color': theme.getColor(colorRegistry.textLinkActiveForeground).toString() }; const activeTheme = ApiThemeClassName.fromTheme(theme);