From 2292876035ea76dad30fa85aad2eaeba3b5b98aa Mon Sep 17 00:00:00 2001 From: "bgashler1@users.noreply.github.com" Date: Thu, 18 Feb 2016 20:59:14 -0800 Subject: [PATCH] Changed hc-dark orange color to be AAA compliant with high contrast --- src/vs/base/browser/ui/checkbox/checkbox.css | 2 +- src/vs/base/browser/ui/list/list.css | 6 +++--- src/vs/base/browser/ui/menu/menu.css | 16 ++++++++-------- src/vs/base/parts/tree/browser/tree.css | 10 +++++----- .../editor/contrib/find/browser/findWidget.css | 6 +++--- .../browser/referenceSearchWidget.css | 4 ++-- src/vs/editor/css/hc-black-theme.css | 4 ++-- .../parts/activitybar/media/activityaction.css | 4 ++-- .../workbench/electron-browser/media/shell.css | 4 ++-- .../parts/feedback/browser/media/feedback.css | 2 +- 10 files changed, 29 insertions(+), 29 deletions(-) diff --git a/src/vs/base/browser/ui/checkbox/checkbox.css b/src/vs/base/browser/ui/checkbox/checkbox.css index 92be50c8e20..936b3ffceb5 100644 --- a/src/vs/base/browser/ui/checkbox/checkbox.css +++ b/src/vs/base/browser/ui/checkbox/checkbox.css @@ -59,5 +59,5 @@ } .hc-black .custom-checkbox.checked { - border: 1px solid #DF740C; + border: 1px solid #f38518; } \ No newline at end of file diff --git a/src/vs/base/browser/ui/list/list.css b/src/vs/base/browser/ui/list/list.css index 3ce77e94e15..415dd8154ea 100644 --- a/src/vs/base/browser/ui/list/list.css +++ b/src/vs/base/browser/ui/list/list.css @@ -45,14 +45,14 @@ /* Hover */ .monaco-list-row:hover { background-color: #F0F0F0; } .vs-dark .monaco-list-row:hover { background-color: rgba(255, 255, 255, 0.08); } -.hc-black .monaco-list-row:hover { border: 1px dashed #DF740C; } +.hc-black .monaco-list-row:hover { border: 1px dashed #f38518; } /* Selection */ .monaco-list-row.selected { background-color: #4FA7FF; color: white; } .vs-dark .monaco-list-row.selected { background-color: #0E639C; color: white; } -.hc-black .monaco-list-row.selected { border: 1px solid #DF740C; } +.hc-black .monaco-list-row.selected { border: 1px solid #f38518; } /* Focus */ .monaco-list-row.focused { background-color: #DCEBFC; } .vs-dark .monaco-list-row.focused { background-color: #073655; } -.hc-black .monaco-list-row.focused { border: 1px dotted #DF740C; } +.hc-black .monaco-list-row.focused { border: 1px dotted #f38518; } diff --git a/src/vs/base/browser/ui/menu/menu.css b/src/vs/base/browser/ui/menu/menu.css index d467efa87b6..c8ca4a65e05 100644 --- a/src/vs/base/browser/ui/menu/menu.css +++ b/src/vs/base/browser/ui/menu/menu.css @@ -90,7 +90,7 @@ /* Context Menu */ -.context-view.monaco-menu-container { +.context-view.monaco-menu-container { font-family: "Segoe WPC", "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback"; outline: 0; box-shadow: 0 2px 8px #A8A8A8; @@ -106,9 +106,9 @@ .ie.ie9 .context-view.monaco-menu-container { box-shadow: 0 2px 8px 2px #A8A8A8; -} +} -.context-view.monaco-menu-container :focus { +.context-view.monaco-menu-container :focus { outline: 0; } @@ -121,14 +121,14 @@ background-color: #3A3A3A; } -.vs-dark .context-view.monaco-menu-container { +.vs-dark .context-view.monaco-menu-container { box-shadow: 0 2px 8px #000; color: #BBB; - background-color: #2D2F31; + background-color: #2D2F31; } /* High Contrast Theming */ -.hc-black .context-view.monaco-menu-container { +.hc-black .context-view.monaco-menu-container { border: 2px solid #6FC3DF; color: white; background-color: #0C141F; @@ -137,10 +137,10 @@ .hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused { background: none; - border: 1px dotted #DF740C; + border: 1px dotted #f38518; } .hc-black .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) { background: none; - border: 1px dashed #DF740C; + border: 1px dashed #f38518; } \ No newline at end of file diff --git a/src/vs/base/parts/tree/browser/tree.css b/src/vs/base/parts/tree/browser/tree.css index d4ad4e181b6..e61799d06e1 100644 --- a/src/vs/base/parts/tree/browser/tree.css +++ b/src/vs/base/parts/tree/browser/tree.css @@ -199,12 +199,12 @@ /* High Contrast Theming */ .hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row { background: none !important; } -.hc-black .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) { border: 1px dotted #DF740C; } -.hc-black .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid #DF740C; } -.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid #DF740C; } -.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) { border: 1px dashed #DF740C; margin-top:-1px; margin-bottom:1px; margin-left:-1px; } +.hc-black .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) { border: 1px dotted #f38518; } +.hc-black .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid #f38518; } +.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid #f38518; } +.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) { border: 1px dashed #f38518; margin-top:-1px; margin-bottom:1px; margin-left:-1px; } .hc-black .monaco-tree .monaco-tree-wrapper.drop-target, -.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.drop-target { background: none !important; border: 1px dashed #DF740C; } +.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.drop-target { background: none !important; border: 1px dashed #f38518; } .hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children > .content:before { border: none; diff --git a/src/vs/editor/contrib/find/browser/findWidget.css b/src/vs/editor/contrib/find/browser/findWidget.css index fe1be6abfae..c954f1f95df 100644 --- a/src/vs/editor/contrib/find/browser/findWidget.css +++ b/src/vs/editor/contrib/find/browser/findWidget.css @@ -406,7 +406,7 @@ .monaco-editor.hc-black .findMatch { background: none; - border: 1px dotted #DF740C; + border: 1px dotted #f38518; -moz-box-sizing: border-box; box-sizing: border-box; } @@ -414,14 +414,14 @@ .monaco-editor.hc-black .currentFindMatch { background: none; padding: 1px; - border: 2px solid #DF740C; + border: 2px solid #f38518; -moz-box-sizing: border-box; box-sizing: border-box; } .monaco-editor.hc-black .findScope { background: none; - border: 1px dashed #DF740C; + border: 1px dashed #f38518; opacity: .4; } diff --git a/src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css b/src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css index c7a6882bc88..953dcf26e97 100644 --- a/src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css +++ b/src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css @@ -169,7 +169,7 @@ .monaco-editor.hc-black .reference-zone-widget .preview .reference-decoration { background: none; - border: 2px solid #DF740C; + border: 2px solid #f38518; } .monaco-editor.hc-black .reference-zone-widget .tree { @@ -194,5 +194,5 @@ .monaco-editor.hc-black .reference-zone-widget .tree .referenceMatch { background: none; - border: 1px dotted #DF740C; + border: 1px dotted #f38518; } \ No newline at end of file diff --git a/src/vs/editor/css/hc-black-theme.css b/src/vs/editor/css/hc-black-theme.css index 6efcda1137e..c5acdc49a6a 100644 --- a/src/vs/editor/css/hc-black-theme.css +++ b/src/vs/editor/css/hc-black-theme.css @@ -34,7 +34,7 @@ } .monaco-editor.hc-black.focused .current-line { background: none; - border: 2px solid #DF740C; + border: 2px solid #f38518; box-sizing: border-box; opacity: .5; } @@ -69,7 +69,7 @@ .monaco-editor.hc-black .selectionHighlight { background: none; - border: 1px dotted #DF740C; + border: 1px dotted #f38518; -moz-box-sizing: border-box; box-sizing: border-box; } diff --git a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css index 165cbbcfd67..e8f7fcba5b0 100644 --- a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css +++ b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css @@ -48,7 +48,7 @@ .monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar .badge:active:before, .monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar .action-item .action-label:focus:before { - border-left-color: #DF740C; + border-left-color: #f38518; } .monaco-workbench > .activitybar.left > .content .monaco-action-bar .badge:active:before, @@ -153,7 +153,7 @@ } .monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar .action-item .action-label.active:before { - border: 1px solid #DF740C; + border: 1px solid #f38518; } .monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar.global .action-item .action-label.active:before { diff --git a/src/vs/workbench/electron-browser/media/shell.css b/src/vs/workbench/electron-browser/media/shell.css index 8d5f27d5f89..bbf2f615979 100644 --- a/src/vs/workbench/electron-browser/media/shell.css +++ b/src/vs/workbench/electron-browser/media/shell.css @@ -80,7 +80,7 @@ .monaco-shell.hc-black input[type="submit"]:focus, .monaco-shell.hc-black input[type="text"]:focus, .monaco-shell.hc-black textarea:focus, .monaco-shell.hc-black input[type="checkbox"]:focus { - outline: 2px solid #DF740C; + outline: 2px solid #f38518; outline-offset: -2px; } @@ -114,7 +114,7 @@ } .monaco-shell.hc-black .monaco-tree.focused.no-focused-item:focus:before { - outline: 2px solid #DF740C; /* we still need to handle the empty tree or no focus item case */ + outline: 2px solid #f38518; /* we still need to handle the empty tree or no focus item case */ outline-offset: -2px; } diff --git a/src/vs/workbench/parts/feedback/browser/media/feedback.css b/src/vs/workbench/parts/feedback/browser/media/feedback.css index 11e4edfd130..efd58797e96 100644 --- a/src/vs/workbench/parts/feedback/browser/media/feedback.css +++ b/src/vs/workbench/parts/feedback/browser/media/feedback.css @@ -369,7 +369,7 @@ } .monaco-shell.hc-black .feedback-form .sentiment.checked { - border: 1px solid #DF740C; + border: 1px solid #f38518; } .monaco-shell.hc-black .feedback-form .sentiment:before { -- GitLab