☰

copilot.microsoft.com - Black Mode

Black mode theme for Microsoft Copilot

  1. /* ==UserStyle==
  2. @name           copilot.microsoft.com - Black Mode
  3. @namespace      typpi.online
  4. @version        1.3.1
  5. @description    Black mode theme for Microsoft Copilot
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9. @supportURL     https://github.com/Nick2bad4u/UserStyles/issues
  10. ==/UserStyle== */
  11. @-moz-document domain("copilot.microsoft.com") {
  12. 	/* Invert colors except images and videos */
  13. 	:is([data-theme='dark'] *) {
  14. 		/*Box model stuff*/
  15. 		background-color: var(--color-black) !important;
  16. 		color: var(--color-white);
  17. 	}
  18. 	.backdrop-saturate-200 {
  19. 		/*Box model stuff*/
  20. 		border: outset;
  21. 		border-radius: 5px !important;
  22. 	}
  23. 	.inset-0 {
  24. 		top: 0;
  25. 		right: 0;
  26. 		/*Positioning stuff*/
  27. 		left: 0;
  28. 		/*Miscellaneous*/
  29. 		/* bottom: 0; */
  30. 	}
  31. 	.rounded-full {
  32. 		/*Box model stuff*/
  33. 		border-radius: 0;
  34. 	}
  35.  
  36. 	.relative.max-w-full > * {
  37. 		background: var(--color-transparent) !important;
  38. 	}
  39.  
  40. 	:root {
  41. 		--color-inherit: inherit;
  42. 		--color-transparent: transparent;
  43. 		--color-black: #000;
  44. 		--color-white: #fff;
  45. 		--color-background-100: var(--color-background-100);
  46. 		--color-background-150: var(--color-background-150);
  47. 		--color-background-200: var(--color-background-200);
  48. 		--color-background-250: var(--color-background-250);
  49. 		--color-background-300: var(--color-background-300);
  50. 		--color-background-350: var(--color-background-350);
  51. 		--color-background-400: var(--color-background-400);
  52. 		--color-background-450: var(--color-background-450);
  53. 		--color-background-550: var(--color-background-550);
  54. 		--color-background-600: var(--color-background-600);
  55. 		--color-background-650: var(--color-background-650);
  56. 		--color-background-700: var(--color-background-700);
  57. 		--color-background-750: var(--color-background-750);
  58. 		--color-background-800: var(--color-background-800);
  59. 		--color-background-850: var(--color-background-850);
  60. 		--color-background-900: var(--color-background-900);
  61. 		--color-background-static-100: var(
  62. 			--color-background-static-100
  63. 		);
  64. 		--color-background-static-150: var(
  65. 			--color-background-static-150
  66. 		);
  67. 		--color-background-static-200: var(
  68. 			--color-background-static-200
  69. 		);
  70. 		--color-background-static-250: var(
  71. 			--color-background-static-250
  72. 		);
  73. 		--color-background-static-300: var(
  74. 			--color-background-static-300
  75. 		);
  76. 		--color-background-static-350: var(
  77. 			--color-background-static-350
  78. 		);
  79. 		--color-background-static-400: var(
  80. 			--color-background-static-400
  81. 		);
  82. 		--color-background-static-450: var(
  83. 			--color-background-static-450
  84. 		);
  85. 		--color-background-static-550: var(
  86. 			--color-background-static-550
  87. 		);
  88. 		--color-background-static-600: var(
  89. 			--color-background-static-600
  90. 		);
  91. 		--color-background-static-650: var(
  92. 			--color-background-static-650
  93. 		);
  94. 		--color-background-static-700: var(
  95. 			--color-background-static-700
  96. 		);
  97. 		--color-background-static-750: var(
  98. 			--color-background-static-750
  99. 		);
  100. 		--color-background-static-800: var(
  101. 			--color-background-static-800
  102. 		);
  103. 		--color-background-static-850: var(
  104. 			--color-background-static-850
  105. 		);
  106. 		--color-background-static-900: var(
  107. 			--color-background-static-900
  108. 		);
  109. 		--color-foreground-100: var(--color-foreground-100);
  110. 		--color-foreground-150: var(--color-foreground-150);
  111. 		--color-foreground-200: var(--color-foreground-200);
  112. 		--color-foreground-250: var(--color-foreground-250);
  113. 		--color-foreground-300: var(--color-foreground-300);
  114. 		--color-foreground-350: var(--color-foreground-350);
  115. 		--color-foreground-400: var(--color-foreground-400);
  116. 		--color-foreground-450: var(--color-foreground-450);
  117. 		--color-foreground-550: var(--color-foreground-550);
  118. 		--color-foreground-600: var(--color-foreground-600);
  119. 		--color-foreground-650: var(--color-foreground-650);
  120. 		--color-foreground-700: var(--color-foreground-700);
  121. 		--color-foreground-750: var(--color-foreground-750);
  122. 		--color-foreground-800: var(--color-foreground-800);
  123. 		--color-foreground-850: var(--color-foreground-850);
  124. 		--color-foreground-900: var(--color-foreground-900);
  125. 		--color-foreground-static-100: var(
  126. 			--color-foreground-static-100
  127. 		);
  128. 		--color-foreground-static-150: var(
  129. 			--color-foreground-static-150
  130. 		);
  131. 		--color-foreground-static-200: var(
  132. 			--color-foreground-static-200
  133. 		);
  134. 		--color-foreground-static-250: var(
  135. 			--color-foreground-static-250
  136. 		);
  137. 		--color-foreground-static-300: var(
  138. 			--color-foreground-static-300
  139. 		);
  140. 		--color-foreground-static-350: var(
  141. 			--color-foreground-static-350
  142. 		);
  143. 		--color-foreground-static-400: var(
  144. 			--color-foreground-static-400
  145. 		);
  146. 		--color-foreground-static-450: var(
  147. 			--color-foreground-static-450
  148. 		);
  149. 		--color-foreground-static-550: var(
  150. 			--color-foreground-static-550
  151. 		);
  152. 		--color-foreground-static-600: var(
  153. 			--color-foreground-static-600
  154. 		);
  155. 		--color-foreground-static-650: var(
  156. 			--color-foreground-static-650
  157. 		);
  158. 		--color-foreground-static-700: var(
  159. 			--color-foreground-static-700
  160. 		);
  161. 		--color-foreground-static-750: var(
  162. 			--color-foreground-static-750
  163. 		);
  164. 		--color-foreground-static-800: var(
  165. 			--color-foreground-static-800
  166. 		);
  167. 		--color-foreground-static-850: var(
  168. 			--color-foreground-static-850
  169. 		);
  170. 		--color-foreground-static-900: var(
  171. 			--color-foreground-static-900
  172. 		);
  173. 		--color-stroke-100: var(--color-stroke-100);
  174. 		--color-stroke-150: var(--color-stroke-150);
  175. 		--color-stroke-200: var(--color-stroke-200);
  176. 		--color-stroke-250: var(--color-stroke-250);
  177. 		--color-stroke-300: var(--color-stroke-300);
  178. 		--color-stroke-350: var(--color-stroke-350);
  179. 		--color-stroke-400: var(--color-stroke-400);
  180. 		--color-stroke-450: var(--color-stroke-450);
  181. 		--color-stroke-550: var(--color-stroke-550);
  182. 		--color-stroke-600: var(--color-stroke-600);
  183. 		--color-stroke-650: var(--color-stroke-650);
  184. 		--color-stroke-700: var(--color-stroke-700);
  185. 		--color-stroke-750: var(--color-stroke-750);
  186. 		--color-stroke-800: var(--color-stroke-800);
  187. 		--color-stroke-850: var(--color-stroke-850);
  188. 		--color-stroke-900: var(--color-stroke-900);
  189. 		--color-stroke-static-100: var(
  190. 			--color-stroke-static-100
  191. 		);
  192. 		--color-stroke-static-150: var(
  193. 			--color-stroke-static-150
  194. 		);
  195. 		--color-stroke-static-200: var(
  196. 			--color-stroke-static-200
  197. 		);
  198. 		--color-stroke-static-250: var(
  199. 			--color-stroke-static-250
  200. 		);
  201. 		--color-stroke-static-300: var(
  202. 			--color-stroke-static-300
  203. 		);
  204. 		--color-stroke-static-350: var(
  205. 			--color-stroke-static-350
  206. 		);
  207. 		--color-stroke-static-400: var(
  208. 			--color-stroke-static-400
  209. 		);
  210. 		--color-stroke-static-450: var(
  211. 			--color-stroke-static-450
  212. 		);
  213. 		--color-stroke-static-550: var(
  214. 			--color-stroke-static-550
  215. 		);
  216. 		--color-stroke-static-600: var(
  217. 			--color-stroke-static-600
  218. 		);
  219. 		--color-stroke-static-650: var(
  220. 			--color-stroke-static-650
  221. 		);
  222. 		--color-stroke-static-700: var(
  223. 			--color-stroke-static-700
  224. 		);
  225. 		--color-stroke-static-750: var(
  226. 			--color-stroke-static-750
  227. 		);
  228. 		--color-stroke-static-800: var(
  229. 			--color-stroke-static-800
  230. 		);
  231. 		--color-stroke-static-850: var(
  232. 			--color-stroke-static-850
  233. 		);
  234. 		--color-stroke-static-900: var(
  235. 			--color-stroke-static-900
  236. 		);
  237. 		--color-neutral-50: #ffffff;
  238. 		--color-neutral-100: #fcfcfc;
  239. 		--color-neutral-150: #fcfcfc;
  240. 		--color-neutral-200: #f1f1f1;
  241. 		--color-neutral-250: #e2e2e2;
  242. 		--color-neutral-300: #c6c6c6;
  243. 		--color-neutral-350: #ababab;
  244. 		--color-neutral-400: #909090;
  245. 		--color-neutral-450: #767676;
  246. 		--color-neutral-550: #5f5f5f;
  247. 		--color-neutral-600: #535353;
  248. 		--color-neutral-650: #474747;
  249. 		--color-neutral-700: #3b3b3b;
  250. 		--color-neutral-750: #303030;
  251. 		--color-neutral-800: #262626;
  252. 		--color-neutral-850: #1b1b1b;
  253. 		--color-neutral-900: #111111;
  254. 		--color-neutral-950: #000000;
  255. 		--color-midnight-100: #f8fcff;
  256. 		--color-midnight-150: #f5f7ff;
  257. 		--color-midnight-200: #e8ecff;
  258. 		--color-midnight-250: #cfdeff;
  259. 		--color-midnight-300: #b8c3f5;
  260. 		--color-midnight-350: #9da8d9;
  261. 		--color-midnight-400: #7f8dc4;
  262. 		--color-midnight-450: #6777af;
  263. 		--color-midnight-550: #4b5c92;
  264. 		--color-midnight-600: #3e5189;
  265. 		--color-midnight-650: #2c3a63;
  266. 		--color-midnight-700: #242f50;
  267. 		--color-midnight-750: #1d2439;
  268. 		--color-midnight-800: #171e32;
  269. 		--color-midnight-850: #101524;
  270. 		--color-midnight-900: #0c101c;
  271. 		--color-saddle-100: #fffdfb;
  272. 		--color-saddle-150: #fff9f4;
  273. 		--color-saddle-200: #ffedde;
  274. 		--color-saddle-250: #f2ddcc;
  275. 		--color-saddle-300: #e3cbbc;
  276. 		--color-saddle-350: #bba5a0;
  277. 		--color-saddle-400: #a2898c;
  278. 		--color-saddle-450: #867073;
  279. 		--color-saddle-550: #6d585b;
  280. 		--color-saddle-600: #604d4f;
  281. 		--color-saddle-650: #524144;
  282. 		--color-saddle-700: #463739;
  283. 		--color-saddle-750: #392d2e;
  284. 		--color-saddle-800: #2d2224;
  285. 		--color-saddle-850: #21191a;
  286. 		--color-saddle-900: #150f10;
  287. 		--color-salmon-100: #fefcfb;
  288. 		--color-salmon-150: #fdf8f6;
  289. 		--color-salmon-200: #fbede8;
  290. 		--color-salmon-250: #f7dbd1;
  291. 		--color-salmon-300: #efb7a1;
  292. 		--color-salmon-350: #e59472;
  293. 		--color-salmon-400: #c67a5b;
  294. 		--color-salmon-450: #ad6446;
  295. 		--color-salmon-550: #8a4b30;
  296. 		--color-salmon-600: #7c4026;
  297. 		--color-salmon-650: #6a3620;
  298. 		--color-salmon-700: #5a2d1a;
  299. 		--color-salmon-750: #4b2414;
  300. 		--color-salmon-800: #3b1c0e;
  301. 		--color-salmon-850: #2d1308;
  302. 		--color-salmon-900: #1e0b04;
  303. 		--color-slate-100: #f3f5f7;
  304. 		--color-slate-150: #f0f1f5;
  305. 		--color-slate-200: #e4e6f1;
  306. 		--color-slate-250: #cfd8ec;
  307. 		--color-slate-300: #b8bfdd;
  308. 		--color-slate-350: #9ea5c2;
  309. 		--color-slate-400: #828bac;
  310. 		--color-slate-450: #6b7597;
  311. 		--color-slate-550: #505b7b;
  312. 		--color-slate-600: #455172;
  313. 		--color-slate-650: #313a52;
  314. 		--color-slate-700: #282f42;
  315. 		--color-slate-750: #1f2330;
  316. 		--color-slate-800: #191d29;
  317. 		--color-slate-850: #11151d;
  318. 		--color-slate-900: #0d1017;
  319. 		--color-stone-100: #fefcfb;
  320. 		--color-stone-150: #f8f4f2;
  321. 		--color-stone-200: #f4efed;
  322. 		--color-stone-250: #e8e0dc;
  323. 		--color-stone-300: #ccc4c0;
  324. 		--color-stone-350: #b1aaa6;
  325. 		--color-stone-400: #968f8c;
  326. 		--color-stone-450: #7b7572;
  327. 		--color-stone-550: #635d5a;
  328. 		--color-stone-600: #57514f;
  329. 		--color-stone-650: #4a4543;
  330. 		--color-stone-700: #3e3a38;
  331. 		--color-stone-750: #33302e;
  332. 		--color-stone-800: #282523;
  333. 		--color-stone-850: #1d1b1a;
  334. 		--color-stone-900: #131110;
  335. 		--color-green-400: #4ba849;
  336. 		--color-blue-250: #cfeaf5;
  337. 		--color-blue-300: #b9e3f3;
  338. 		--color-blue-450: #0f92c6;
  339. 		--color-green-150: #f7fde5;
  340. 		--color-green-300: #94dc7f;
  341. 		--color-orange-300: #ffb352;
  342. 		--color-peach-100: #fcf7f2;
  343. 		--color-peach-150: #fdedde;
  344. 		--color-peach-200: #fee5ce;
  345. 		--color-peach-250: #fee0c3;
  346. 		--color-peach-300: #ffd2a7;
  347. 		--color-peach-350: #e3b388;
  348. 		--color-acrylic-default-fallback-light: #fefbf8;
  349. 		--color-acrylic-default-fallback-dark: #1c2437;
  350. 		--color-acrylic-thin-fallback-light: #fffdfb;
  351. 		--color-acrylic-thin-fallback-dark: #1a1e2d;
  352. 		--color-code-text: #fcfaf7;
  353. 		--color-code-comment: #aa9c87;
  354. 		--color-code-yellow: #ffc42f;
  355. 		--color-code-blue: #67abf1;
  356. 		--color-code-green: #00b360;
  357. 		--color-code-orange: #f96c00;
  358. 		--color-code-purple: #e3b5fa;
  359. 		--color-audio-blue: #b4d7ff;
  360. 		--color-audio-cyan: #b9fced;
  361. 		--color-link-350: #4d8dfa;
  362. 		--color-link-550: #235ccf;
  363. 		--color-weather-blue: #1695df;
  364. 		--color-green-350: #6fc366;
  365. 		--color-green-550: #127323;
  366. 		--color-red-350: #fa818b;
  367. 		--color-red-550: #993a45;
  368. 	}
  369. }