mirror of
https://github.com/Microsoft/vscode
synced 2024-09-15 00:15:06 +00:00
[theme] editor accessibility widget
This commit is contained in:
parent
6cbd653811
commit
b39d2ffc08
|
@ -6,20 +6,4 @@
|
|||
.monaco-editor .accessibilityHelpWidget {
|
||||
padding: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.monaco-editor .accessibilityHelpWidget {
|
||||
background-color: #EFEFF2;
|
||||
box-shadow: 0 2px 8px #A8A8A8;
|
||||
}
|
||||
|
||||
.monaco-editor.vs-dark .accessibilityHelpWidget {
|
||||
background-color: #2D2D30;
|
||||
box-shadow: 0 2px 8px #000;
|
||||
}
|
||||
|
||||
.monaco-editor.hc-black .accessibilityHelpWidget {
|
||||
background-color: #000;
|
||||
box-shadow: none;
|
||||
outline: 2px solid #6FC3DF;
|
||||
}
|
|
@ -24,6 +24,8 @@ import { editorAction, CommonEditorRegistry, EditorAction, EditorCommand, Comman
|
|||
import { ICodeEditor, IOverlayWidget, IOverlayWidgetPosition } from 'vs/editor/browser/editorBrowser';
|
||||
import { editorContribution } from 'vs/editor/browser/editorBrowserExtensions';
|
||||
import { ToggleTabFocusModeAction } from 'vs/editor/contrib/toggleTabFocusMode/common/toggleTabFocusMode';
|
||||
import { registerThemingParticipant } from "vs/platform/theme/common/themeService";
|
||||
import { editorWidgetBackground, editorWidgetShadow, highContrastBorder } from "vs/platform/theme/common/colorRegistry";
|
||||
|
||||
const CONTEXT_ACCESSIBILITY_WIDGET_VISIBLE = new RawContextKey<boolean>('accessibilityHelpWidgetVisible', false);
|
||||
const TOGGLE_EXPERIMENTAL_SCREEN_READER_SUPPORT_COMMAND_ID = 'toggleExperimentalScreenReaderSupport';
|
||||
|
@ -251,3 +253,20 @@ class ToggleExperimentalScreenReaderSupportCommand extends Command {
|
|||
}
|
||||
|
||||
CommonEditorRegistry.registerEditorCommand(new ToggleExperimentalScreenReaderSupportCommand());
|
||||
|
||||
registerThemingParticipant((theme, collector) => {
|
||||
let widgetBackground = theme.getColor(editorWidgetBackground);
|
||||
if (widgetBackground) {
|
||||
collector.addRule(`.monaco-editor.${theme.selector} .accessibilityHelpWidget { background-color: ${widgetBackground}; }`);
|
||||
}
|
||||
|
||||
let widgetShadow = theme.getColor(editorWidgetShadow);
|
||||
if (widgetShadow) {
|
||||
collector.addRule(`.monaco-editor.${theme.selector} .accessibilityHelpWidget { box-shadow: 0 2px 8px ${widgetShadow}; }`);
|
||||
}
|
||||
|
||||
let hcBorder = theme.getColor(highContrastBorder);
|
||||
if (hcBorder) {
|
||||
collector.addRule(`.monaco-editor.${theme.selector} .accessibilityHelpWidget { border: 2px solid ${hcBorder}; }`);
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue