standalone-tokens.css 7.8 KB

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