Changed hc-dark orange color to be AAA compliant with high contrast

上级 84be38fb
...@@ -59,5 +59,5 @@ ...@@ -59,5 +59,5 @@
} }
.hc-black .custom-checkbox.checked { .hc-black .custom-checkbox.checked {
border: 1px solid #DF740C; border: 1px solid #f38518;
} }
\ No newline at end of file
...@@ -45,14 +45,14 @@ ...@@ -45,14 +45,14 @@
/* Hover */ /* Hover */
.monaco-list-row:hover { background-color: #F0F0F0; } .monaco-list-row:hover { background-color: #F0F0F0; }
.vs-dark .monaco-list-row:hover { background-color: rgba(255, 255, 255, 0.08); } .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 */ /* Selection */
.monaco-list-row.selected { background-color: #4FA7FF; color: white; } .monaco-list-row.selected { background-color: #4FA7FF; color: white; }
.vs-dark .monaco-list-row.selected { background-color: #0E639C; 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 */ /* Focus */
.monaco-list-row.focused { background-color: #DCEBFC; } .monaco-list-row.focused { background-color: #DCEBFC; }
.vs-dark .monaco-list-row.focused { background-color: #073655; } .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; }
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
/* Context Menu */ /* 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"; font-family: "Segoe WPC", "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
outline: 0; outline: 0;
box-shadow: 0 2px 8px #A8A8A8; box-shadow: 0 2px 8px #A8A8A8;
...@@ -106,9 +106,9 @@ ...@@ -106,9 +106,9 @@
.ie.ie9 .context-view.monaco-menu-container { .ie.ie9 .context-view.monaco-menu-container {
box-shadow: 0 2px 8px 2px #A8A8A8; box-shadow: 0 2px 8px 2px #A8A8A8;
} }
.context-view.monaco-menu-container :focus { .context-view.monaco-menu-container :focus {
outline: 0; outline: 0;
} }
...@@ -121,14 +121,14 @@ ...@@ -121,14 +121,14 @@
background-color: #3A3A3A; background-color: #3A3A3A;
} }
.vs-dark .context-view.monaco-menu-container { .vs-dark .context-view.monaco-menu-container {
box-shadow: 0 2px 8px #000; box-shadow: 0 2px 8px #000;
color: #BBB; color: #BBB;
background-color: #2D2F31; background-color: #2D2F31;
} }
/* High Contrast Theming */ /* High Contrast Theming */
.hc-black .context-view.monaco-menu-container { .hc-black .context-view.monaco-menu-container {
border: 2px solid #6FC3DF; border: 2px solid #6FC3DF;
color: white; color: white;
background-color: #0C141F; background-color: #0C141F;
...@@ -137,10 +137,10 @@ ...@@ -137,10 +137,10 @@
.hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused { .hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused {
background: none; background: none;
border: 1px dotted #DF740C; border: 1px dotted #f38518;
} }
.hc-black .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) { .hc-black .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) {
background: none; background: none;
border: 1px dashed #DF740C; border: 1px dashed #f38518;
} }
\ No newline at end of file
...@@ -199,12 +199,12 @@ ...@@ -199,12 +199,12 @@
/* High Contrast Theming */ /* High Contrast Theming */
.hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row { background: none !important; } .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.focused:not(.highlighted) { border: 1px dotted #f38518; }
.hc-black .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid #DF740C; } .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 #DF740C; } .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 #DF740C; margin-top:-1px; margin-bottom:1px; margin-left:-1px; } .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-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 { .hc-black .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children > .content:before {
border: none; border: none;
......
...@@ -406,7 +406,7 @@ ...@@ -406,7 +406,7 @@
.monaco-editor.hc-black .findMatch { .monaco-editor.hc-black .findMatch {
background: none; background: none;
border: 1px dotted #DF740C; border: 1px dotted #f38518;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -414,14 +414,14 @@ ...@@ -414,14 +414,14 @@
.monaco-editor.hc-black .currentFindMatch { .monaco-editor.hc-black .currentFindMatch {
background: none; background: none;
padding: 1px; padding: 1px;
border: 2px solid #DF740C; border: 2px solid #f38518;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.monaco-editor.hc-black .findScope { .monaco-editor.hc-black .findScope {
background: none; background: none;
border: 1px dashed #DF740C; border: 1px dashed #f38518;
opacity: .4; opacity: .4;
} }
......
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
.monaco-editor.hc-black .reference-zone-widget .preview .reference-decoration { .monaco-editor.hc-black .reference-zone-widget .preview .reference-decoration {
background: none; background: none;
border: 2px solid #DF740C; border: 2px solid #f38518;
} }
.monaco-editor.hc-black .reference-zone-widget .tree { .monaco-editor.hc-black .reference-zone-widget .tree {
...@@ -194,5 +194,5 @@ ...@@ -194,5 +194,5 @@
.monaco-editor.hc-black .reference-zone-widget .tree .referenceMatch { .monaco-editor.hc-black .reference-zone-widget .tree .referenceMatch {
background: none; background: none;
border: 1px dotted #DF740C; border: 1px dotted #f38518;
} }
\ No newline at end of file
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
} }
.monaco-editor.hc-black.focused .current-line { .monaco-editor.hc-black.focused .current-line {
background: none; background: none;
border: 2px solid #DF740C; border: 2px solid #f38518;
box-sizing: border-box; box-sizing: border-box;
opacity: .5; opacity: .5;
} }
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
.monaco-editor.hc-black .selectionHighlight { .monaco-editor.hc-black .selectionHighlight {
background: none; background: none;
border: 1px dotted #DF740C; border: 1px dotted #f38518;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
......
...@@ -48,7 +48,7 @@ ...@@ -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 .badge:active:before,
.monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar .action-item .action-label:focus: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, .monaco-workbench > .activitybar.left > .content .monaco-action-bar .badge:active:before,
...@@ -153,7 +153,7 @@ ...@@ -153,7 +153,7 @@
} }
.monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar .action-item .action-label.active:before { .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 { .monaco-workbench.hc-black > .activitybar > .content .monaco-action-bar.global .action-item .action-label.active:before {
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
.monaco-shell.hc-black input[type="submit"]:focus, .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="text"]:focus, .monaco-shell.hc-black textarea:focus,
.monaco-shell.hc-black input[type="checkbox"]:focus { .monaco-shell.hc-black input[type="checkbox"]:focus {
outline: 2px solid #DF740C; outline: 2px solid #f38518;
outline-offset: -2px; outline-offset: -2px;
} }
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
} }
.monaco-shell.hc-black .monaco-tree.focused.no-focused-item:focus:before { .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; outline-offset: -2px;
} }
......
...@@ -369,7 +369,7 @@ ...@@ -369,7 +369,7 @@
} }
.monaco-shell.hc-black .feedback-form .sentiment.checked { .monaco-shell.hc-black .feedback-form .sentiment.checked {
border: 1px solid #DF740C; border: 1px solid #f38518;
} }
.monaco-shell.hc-black .feedback-form .sentiment:before { .monaco-shell.hc-black .feedback-form .sentiment:before {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册