Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix all high contrast issues in sqlops #1115

Merged
merged 1 commit into from
Apr 11, 2018
Merged

Conversation

AbbiePetcht
Copy link
Contributor

@AbbiePetcht AbbiePetcht commented Apr 10, 2018

image

image

image

image

image

Accessibility bugs:
11475139 Defect A11Y_SQLOpsStudio_RestoreDatabaseGeneral_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the table headers contents in "High Contrast" theme.

11475167 Defect A11Y_SQLOpsStudio_ServerDashboard_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the Tasks,Server Dashboard and Backup Status pane in "High Contrast" theme.

11475169 Defect A11y_SQLOpsStudio_Task_ColorContrast : Color Contrast ratio is less than 4.5:1 for the content under "Task History" in "Light SQLOpsStudio (default light)" theme.

11475456 Defect A11Y_SQLOpsStudio_ServerDashboard_ColorContrast: Color Contrast Ratio is less than 4.5:1 for some of the contents in Server Dashboard screen when "Default Light" theme is applied.

11511837 Defect A11Y_SQLOpsStudio_AccessibilityOptions_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the 4 Links present on the screen

11688190 Defect A11Y_SQLOpsStudio_RestoreDatabaseFiles_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the table headers contents in "High Contrast" theme.

11688194 Defect A11Y_SQLOpsStudio_ShowDetails(Insights)_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the table headers contents in "High Contrast" theme.

11688199 Defect A11Y_SQLOpsStudio_NewQueryExplainTopOperations_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the table headers contents in "High Contrast" theme.

11688348 Defect A11Y_SQLOpsStudio_NewQueryExplainTopOperations_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the non-selected tab items in "Kimbie Dark" theme.

11688349 Defect A11Y_SQLOpsStudio_NewQueryExplainChartViewer_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the non-selected tab items in "Kimbie Dark" theme.

11688353 Defect A11Y_SQLOpsStudio_NewQueryExplainQueryPlan_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the non-selected tab items in "Kimbie Dark" theme.

11688354 Defect A11Y_SQLOpsStudio_NewQueryExplainResults_ColorContrast: Color Contrast Ratio is less than 4.5:1 for the non-selected tab items in "Kimbie Dark" theme.

@@ -56,7 +56,7 @@
"tab.activeBackground": "#212121",
"tab.activeForeground": "#ffffff",
"tab.inactiveBackground": "#444444",
"tab.inactiveForeground": "#888888",
"tab.inactiveForeground": "#b6b6b6",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

where did the new colors come from?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kburtram I worked with Smitha yesterday

@@ -150,7 +150,9 @@ export const descriptionForeground = registerColor('descriptionForeground', { li

export const focusBorder = registerColor('focusBorder', { dark: Color.fromHex('#0E639C').transparent(0.6), light: Color.fromHex('#007ACC').transparent(0.4), hc: '#F38518' }, nls.localize('focusBorder', "Overall border color for focused elements. This color is only used if not overridden by a component."));

export const contrastBorder = registerColor('contrastBorder', { light: null, dark: null, hc: '#6FC3DF' }, nls.localize('contrastBorder', "An extra border around elements to separate them from others for greater contrast."));
// {{SQL CARBON EDIT}} -- Update contrastBorder color for HC
export const contrastBorder = registerColor('contrastBorder', { light: null, dark: null, hc: '#2b56f2' }, nls.localize('contrastBorder', "An extra border around elements to separate them from others for greater contrast."));
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we know this isn't a problem for vs code? in other words, should this be fixed upstream?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kburtram I worked with Smitha yesterday. We used the boarder color in HC as the widget header background. That's the only color available when it is in HC theme.

@AbbiePetcht AbbiePetcht merged commit 495b4ee into master Apr 11, 2018
@AbbiePetcht AbbiePetcht deleted the bug/highConstrastIssues branch April 11, 2018 19:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants