4be4f094c4563a9aa620649c002396dcd5461484e8d12e60b761c34dd6a0add500d43c65186f3459a531719a969f086a812cdd605c2f709f4813c935be597f 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. /* Default standalone editor fonts */
  6. .monaco-editor {
  7. font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
  8. --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
  9. }
  10. .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
  11. stroke-width: 1.2px;
  12. }
  13. .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
  14. .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
  15. .monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
  16. stroke-width: 1.2px;
  17. }
  18. .monaco-hover p {
  19. margin: 0;
  20. }
  21. /* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
  22. .monaco-aria-container {
  23. position: absolute !important;
  24. top: 0; /* avoid being placed underneath a sibling element */
  25. height: 1px;
  26. width: 1px;
  27. margin: -1px;
  28. overflow: hidden;
  29. padding: 0;
  30. clip: rect(1px, 1px, 1px, 1px);
  31. clip-path: inset(50%);
  32. }
  33. /* The hc-black theme is already high contrast optimized */
  34. .monaco-editor.hc-black,
  35. .monaco-editor.hc-light {
  36. -ms-high-contrast-adjust: none;
  37. }
  38. /* In case the browser goes into high contrast mode and the editor is not configured with the hc-black theme */
  39. @media screen and (-ms-high-contrast:active) {
  40. /* current line highlight */
  41. .monaco-editor.vs .view-overlays .current-line,
  42. .monaco-editor.vs-dark .view-overlays .current-line {
  43. border-color: windowtext !important;
  44. border-left: 0;
  45. border-right: 0;
  46. }
  47. /* view cursors */
  48. .monaco-editor.vs .cursor,
  49. .monaco-editor.vs-dark .cursor {
  50. background-color: windowtext !important;
  51. }
  52. /* dnd target */
  53. .monaco-editor.vs .dnd-target,
  54. .monaco-editor.vs-dark .dnd-target {
  55. border-color: windowtext !important;
  56. }
  57. /* selected text background */
  58. .monaco-editor.vs .selected-text,
  59. .monaco-editor.vs-dark .selected-text {
  60. background-color: highlight !important;
  61. }
  62. /* allow the text to have a transparent background. */
  63. .monaco-editor.vs .view-line,
  64. .monaco-editor.vs-dark .view-line {
  65. -ms-high-contrast-adjust: none;
  66. }
  67. /* text color */
  68. .monaco-editor.vs .view-line span,
  69. .monaco-editor.vs-dark .view-line span {
  70. color: windowtext !important;
  71. }
  72. /* selected text color */
  73. .monaco-editor.vs .view-line span.inline-selected-text,
  74. .monaco-editor.vs-dark .view-line span.inline-selected-text {
  75. color: highlighttext !important;
  76. }
  77. /* allow decorations */
  78. .monaco-editor.vs .view-overlays,
  79. .monaco-editor.vs-dark .view-overlays {
  80. -ms-high-contrast-adjust: none;
  81. }
  82. /* various decorations */
  83. .monaco-editor.vs .selectionHighlight,
  84. .monaco-editor.vs-dark .selectionHighlight,
  85. .monaco-editor.vs .wordHighlight,
  86. .monaco-editor.vs-dark .wordHighlight,
  87. .monaco-editor.vs .wordHighlightStrong,
  88. .monaco-editor.vs-dark .wordHighlightStrong,
  89. .monaco-editor.vs .reference-decoration,
  90. .monaco-editor.vs-dark .reference-decoration {
  91. border: 2px dotted highlight !important;
  92. background: transparent !important;
  93. box-sizing: border-box;
  94. }
  95. .monaco-editor.vs .rangeHighlight,
  96. .monaco-editor.vs-dark .rangeHighlight {
  97. background: transparent !important;
  98. border: 1px dotted activeborder !important;
  99. box-sizing: border-box;
  100. }
  101. .monaco-editor.vs .bracket-match,
  102. .monaco-editor.vs-dark .bracket-match {
  103. border-color: windowtext !important;
  104. background: transparent !important;
  105. }
  106. /* find widget */
  107. .monaco-editor.vs .findMatch,
  108. .monaco-editor.vs-dark .findMatch,
  109. .monaco-editor.vs .currentFindMatch,
  110. .monaco-editor.vs-dark .currentFindMatch {
  111. border: 2px dotted activeborder !important;
  112. background: transparent !important;
  113. box-sizing: border-box;
  114. }
  115. .monaco-editor.vs .find-widget,
  116. .monaco-editor.vs-dark .find-widget {
  117. border: 1px solid windowtext;
  118. }
  119. /* list - used by suggest widget */
  120. .monaco-editor.vs .monaco-list .monaco-list-row,
  121. .monaco-editor.vs-dark .monaco-list .monaco-list-row {
  122. -ms-high-contrast-adjust: none;
  123. color: windowtext !important;
  124. }
  125. .monaco-editor.vs .monaco-list .monaco-list-row.focused,
  126. .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused {
  127. color: highlighttext !important;
  128. background-color: highlight !important;
  129. }
  130. .monaco-editor.vs .monaco-list .monaco-list-row:hover,
  131. .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover {
  132. background: transparent !important;
  133. border: 1px solid highlight;
  134. box-sizing: border-box;
  135. }
  136. /* scrollbars */
  137. .monaco-editor.vs .monaco-scrollable-element > .scrollbar,
  138. .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar {
  139. -ms-high-contrast-adjust: none;
  140. background: background !important;
  141. border: 1px solid windowtext;
  142. box-sizing: border-box;
  143. }
  144. .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider,
  145. .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
  146. background: windowtext !important;
  147. }
  148. .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover,
  149. .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover {
  150. background: highlight !important;
  151. }
  152. .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active,
  153. .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
  154. background: highlight !important;
  155. }
  156. /* overview ruler */
  157. .monaco-editor.vs .decorationsOverviewRuler,
  158. .monaco-editor.vs-dark .decorationsOverviewRuler {
  159. opacity: 0;
  160. }
  161. /* minimap */
  162. .monaco-editor.vs .minimap,
  163. .monaco-editor.vs-dark .minimap {
  164. display: none;
  165. }
  166. /* squiggles */
  167. .monaco-editor.vs .squiggly-d-error,
  168. .monaco-editor.vs-dark .squiggly-d-error {
  169. background: transparent !important;
  170. border-bottom: 4px double #E47777;
  171. }
  172. .monaco-editor.vs .squiggly-c-warning,
  173. .monaco-editor.vs-dark .squiggly-c-warning {
  174. border-bottom: 4px double #71B771;
  175. }
  176. .monaco-editor.vs .squiggly-b-info,
  177. .monaco-editor.vs-dark .squiggly-b-info {
  178. border-bottom: 4px double #71B771;
  179. }
  180. .monaco-editor.vs .squiggly-a-hint,
  181. .monaco-editor.vs-dark .squiggly-a-hint {
  182. border-bottom: 4px double #6c6c6c;
  183. }
  184. /* contextmenu */
  185. .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
  186. .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
  187. -ms-high-contrast-adjust: none;
  188. color: highlighttext !important;
  189. background-color: highlight !important;
  190. }
  191. .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label,
  192. .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label {
  193. -ms-high-contrast-adjust: none;
  194. background: transparent !important;
  195. border: 1px solid highlight;
  196. box-sizing: border-box;
  197. }
  198. /* diff editor */
  199. .monaco-diff-editor.vs .diffOverviewRuler,
  200. .monaco-diff-editor.vs-dark .diffOverviewRuler {
  201. display: none;
  202. }
  203. .monaco-editor.vs .line-insert,
  204. .monaco-editor.vs-dark .line-insert,
  205. .monaco-editor.vs .line-delete,
  206. .monaco-editor.vs-dark .line-delete {
  207. background: transparent !important;
  208. border: 1px solid highlight !important;
  209. box-sizing: border-box;
  210. }
  211. .monaco-editor.vs .char-insert,
  212. .monaco-editor.vs-dark .char-insert,
  213. .monaco-editor.vs .char-delete,
  214. .monaco-editor.vs-dark .char-delete {
  215. background: transparent !important;
  216. }
  217. }
  218. /*.monaco-editor.vs [tabindex="0"]:focus {
  219. outline: 1px solid rgba(0, 122, 204, 0.4);
  220. outline-offset: -1px;
  221. opacity: 1 !important;
  222. }
  223. .monaco-editor.vs-dark [tabindex="0"]:focus {
  224. outline: 1px solid rgba(14, 99, 156, 0.6);
  225. outline-offset: -1px;
  226. opacity: 1 !important;
  227. }*/