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 4.1 kB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  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 .nav>li>a {
  64. color: rgb(218, 218, 218);
  65. }
  66. .toc .nav>li>a:hover,
  67. .toc .nav>li>a:focus {
  68. color: #E0E0E0;
  69. }
  70. .toc .nav>li.active>a {
  71. color: #90CAF9;
  72. }
  73. .toc .nav>li.active>a:hover,
  74. .toc .nav>li.active>a:focus {
  75. background-color: #37474F;
  76. color: #4FC3F7;
  77. }
  78. .sidefilter {
  79. background-color: #1b1b1b;
  80. border-left: 0px solid #37474F;
  81. border-right: 0px solid #37474F;
  82. }
  83. .affix ul>li>a:hover {
  84. background: none;
  85. color: #EEEEEE;
  86. }
  87. .affix ul>li.active>a,
  88. .affix ul>li.active>a:before {
  89. color: #B3E5FC;
  90. }
  91. .affix ul>li>a {
  92. color: #EEEEEE;
  93. }
  94. .affix>ul>li.active>a,
  95. .affix>ul>li.active>a:before {
  96. color: #B3E5FC;
  97. }
  98. .tryspan {
  99. border-color: #37474F;
  100. }
  101. .footer {
  102. border-top: 1px solid #5F5F5F;
  103. background: #616161;
  104. }
  105. .alert-info {
  106. color: #d9edf7;
  107. background: #004458;
  108. border-color: #005873
  109. }
  110. .alert-warning {
  111. color: #fffaf2;
  112. background: #80551a;
  113. border-color: #99661f
  114. }
  115. .alert-danger {
  116. color: #fff2f2;
  117. background: #4d0000;
  118. border-color: #660000
  119. }
  120. /* For tabbed content */
  121. .tabGroup {
  122. margin-top: 1rem;
  123. }
  124. .tabGroup ul[role="tablist"] {
  125. margin: 0;
  126. padding: 0;
  127. list-style: none;
  128. }
  129. .tabGroup ul[role="tablist"]>li {
  130. list-style: none;
  131. display: inline-block;
  132. }
  133. .tabGroup a[role="tab"] {
  134. color: white;
  135. box-sizing: border-box;
  136. display: inline-block;
  137. padding: 5px 7.5px;
  138. text-decoration: none;
  139. border-bottom: 2px solid #fff;
  140. }
  141. .tabGroup a[role="tab"]:hover,
  142. .tabGroup a[role="tab"]:focus,
  143. .tabGroup a[role="tab"][aria-selected="true"] {
  144. border-bottom: 2px solid #607D8B;
  145. }
  146. .tabGroup a[role="tab"][aria-selected="true"] {
  147. color: #81D4FA;
  148. }
  149. .tabGroup a[role="tab"]:hover,
  150. .tabGroup a[role="tab"]:focus {
  151. color: #29B6F6;
  152. }
  153. .tabGroup a[role="tab"]:focus {
  154. outline: 1px solid #607D8B;
  155. outline-offset: -1px;
  156. }
  157. @media (min-width: 768px) {
  158. .tabGroup a[role="tab"] {
  159. padding: 5px 15px;
  160. }
  161. }
  162. .tabGroup section[role="tabpanel"] {
  163. border: 1px solid #607D8B;
  164. padding: 15px;
  165. margin: 0;
  166. overflow: hidden;
  167. }
  168. .tabGroup section[role="tabpanel"]>.codeHeader,
  169. .tabGroup section[role="tabpanel"]>pre {
  170. margin-left: -16px;
  171. margin-right: -16px;
  172. }
  173. .tabGroup section[role="tabpanel"]> :first-child {
  174. margin-top: 0;
  175. }
  176. .tabGroup section[role="tabpanel"]>pre:last-child {
  177. display: block;
  178. margin-bottom: -16px;
  179. }
  180. .mainContainer[dir='rtl'] main ul[role="tablist"] {
  181. margin: 0;
  182. }
  183. /* code */
  184. code {
  185. color: white;
  186. background-color: #4a4c52;
  187. border-radius: 4px;
  188. padding: 3px 7px;
  189. }
  190. pre {
  191. background-color: #282a36;
  192. }
  193. /* table */
  194. .table-striped>tbody>tr:nth-of-type(odd) {
  195. background-color: #333333;
  196. color: #d3d3d3
  197. }
  198. tbody>tr {
  199. background-color: #424242;
  200. color: #c0c0c0
  201. }
  202. .table>tbody+tbody {
  203. border-top: 2px solid rgb(173, 173, 173)
  204. }
  205. /* select */
  206. select {
  207. background-color: #3b3b3b;
  208. border-color: #2e2e2e;
  209. }