You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

dark.css 5.2 kB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. /* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
  2. @import url('vs2015.css');
  3. html,
  4. body {
  5. background: #212121;
  6. color: #C0C0C0;
  7. }
  8. button,
  9. a {
  10. color: #64B5F6;
  11. }
  12. .sidenav{
  13. background-color: rgb(30, 30, 30);
  14. }
  15. button:hover,
  16. button:focus,
  17. a:hover,
  18. a:focus,
  19. .btn:focus,
  20. .btn:hover{
  21. color: #2196F3;
  22. }
  23. a.disable,
  24. a.disable:hover {
  25. color: #EEEEEE;
  26. }
  27. .divider {
  28. color: #37474F;
  29. }
  30. hr {
  31. border-color: #37474F;
  32. }
  33. .subnav {
  34. background: #383838
  35. }
  36. .inheritance h5,
  37. .inheritedMembers h5 {
  38. border-bottom: 1px solid #37474F;
  39. }
  40. article h4 {
  41. border-bottom: 1px solid #37474F;
  42. }
  43. .docs-search {
  44. background: #424242;
  45. }
  46. .search-results-group-heading {
  47. color: #424242;
  48. }
  49. .search-close {
  50. color: #424242;
  51. }
  52. .sidetoc {
  53. background-color: #1b1b1b;
  54. border-left: 0px solid #37474F;
  55. border-right: 0px solid #37474F;
  56. }
  57. .sideaffix {
  58. overflow: visible;
  59. }
  60. .sideaffix>div.contribution>ul>li>a.contribution-link:hover {
  61. background-color: #333333;
  62. }
  63. /* toc */
  64. .toc .nav>li>a {
  65. color: rgb(218, 218, 218);
  66. }
  67. .toc .nav>li>a:hover,
  68. .toc .nav>li>a:focus {
  69. color: #E0E0E0;
  70. }
  71. .toc .nav>li.active>a {
  72. color: #90CAF9;
  73. }
  74. .toc .nav>li.active>a:hover,
  75. .toc .nav>li.active>a:focus {
  76. background-color: #37474F;
  77. color: #4FC3F7;
  78. }
  79. .sidefilter {
  80. background-color: #1b1b1b;
  81. border-left: 0px solid #37474F;
  82. border-right: 0px solid #37474F;
  83. }
  84. .affix ul>li>a:hover {
  85. background: none;
  86. color: #EEEEEE;
  87. }
  88. .affix ul>li.active>a,
  89. .affix ul>li.active>a:before {
  90. color: #B3E5FC;
  91. }
  92. .affix ul>li>a {
  93. color: #EEEEEE;
  94. }
  95. .affix>ul>li.active>a,
  96. .affix>ul>li.active>a:before {
  97. color: #B3E5FC;
  98. }
  99. .tryspan {
  100. border-color: #37474F;
  101. }
  102. .footer {
  103. border-top: 1px solid #5F5F5F;
  104. background: #616161;
  105. }
  106. /* alert */
  107. .alert-info {
  108. color: #d9edf7;
  109. background: #004458;
  110. border-color: #005873;
  111. }
  112. .alert-warning {
  113. color: #fffaf2;
  114. background: #80551a;
  115. border-color: #99661f;
  116. }
  117. .alert-danger {
  118. color: #fff2f2;
  119. background: #4d0000;
  120. border-color: #660000;
  121. }
  122. /* For tabbed content */
  123. .tabGroup {
  124. margin-top: 1rem;
  125. }
  126. .tabGroup ul[role="tablist"] {
  127. margin: 0;
  128. padding: 0;
  129. list-style: none;
  130. }
  131. .tabGroup ul[role="tablist"]>li {
  132. list-style: none;
  133. display: inline-block;
  134. }
  135. .tabGroup a[role="tab"] {
  136. color: white;
  137. box-sizing: border-box;
  138. display: inline-block;
  139. padding: 5px 7.5px;
  140. text-decoration: none;
  141. border-bottom: 2px solid #fff;
  142. }
  143. .tabGroup a[role="tab"]:hover,
  144. .tabGroup a[role="tab"]:focus,
  145. .tabGroup a[role="tab"][aria-selected="true"] {
  146. border-bottom: 2px solid #607D8B;
  147. }
  148. .tabGroup a[role="tab"][aria-selected="true"] {
  149. color: #81D4FA;
  150. }
  151. .tabGroup a[role="tab"]:hover,
  152. .tabGroup a[role="tab"]:focus {
  153. color: #29B6F6;
  154. }
  155. .tabGroup a[role="tab"]:focus {
  156. outline: 1px solid #607D8B;
  157. outline-offset: -1px;
  158. }
  159. @media (min-width: 768px) {
  160. .tabGroup a[role="tab"] {
  161. padding: 5px 15px;
  162. }
  163. }
  164. .tabGroup section[role="tabpanel"] {
  165. border: 1px solid #607D8B;
  166. padding: 15px;
  167. margin: 0;
  168. overflow: hidden;
  169. }
  170. .tabGroup section[role="tabpanel"]>.codeHeader,
  171. .tabGroup section[role="tabpanel"]>pre {
  172. margin-left: -16px;
  173. margin-right: -16px;
  174. }
  175. .tabGroup section[role="tabpanel"]> :first-child {
  176. margin-top: 0;
  177. }
  178. .tabGroup section[role="tabpanel"]>pre:last-child {
  179. display: block;
  180. margin-bottom: -16px;
  181. }
  182. .mainContainer[dir='rtl'] main ul[role="tablist"] {
  183. margin: 0;
  184. }
  185. /* code */
  186. code {
  187. color: white;
  188. background-color: #4a4c52;
  189. border-radius: 4px;
  190. padding: 3px 7px;
  191. }
  192. pre {
  193. background-color: #282a36;
  194. }
  195. /* table */
  196. .table-striped>tbody>tr:nth-of-type(odd) {
  197. background-color: #333333;
  198. color: #d3d3d3
  199. }
  200. tbody>tr {
  201. background-color: #424242;
  202. color: #c0c0c0
  203. }
  204. .table>tbody+tbody {
  205. border-top: 2px solid rgb(173, 173, 173)
  206. }
  207. /* select */
  208. select {
  209. background-color: #3b3b3b;
  210. border-color: #2e2e2e;
  211. }
  212. /*
  213. Following code regarding collapse container are fetched
  214. or modified from the Materialize project.
  215. The MIT License (MIT)
  216. Copyright (c) 2014-2018 Materialize
  217. https://github.com/Dogfalo/materialize
  218. */
  219. /* all collapse container */
  220. .collapse-container.last-modified {
  221. -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
  222. box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
  223. border-top: 1px solid rgba(96, 96, 96, 0.7);
  224. border-right: 1px solid rgba(96, 96, 96, 0.7);
  225. border-left: 1px solid rgba(96, 96, 96, 0.7);
  226. }
  227. /* header */
  228. .collapse-container.last-modified>:nth-child(odd) {
  229. background-color: #3f3f3f;
  230. border-bottom: 1px solid rgba(96, 96, 96, 0.7);
  231. }
  232. /* body */
  233. .collapse-container.last-modified>:nth-child(even) {
  234. border-bottom: 1px solid rgba(96, 96, 96, 0.7);
  235. background-color: inherit;
  236. }
  237. span.arrow-d{
  238. border-top: 5px solid white
  239. }
  240. span.arrow-r{
  241. border-left: 5px solid white
  242. }