☰

copilot.microsoft.com - Black Mode

Black mode theme for Microsoft Copilot

目前為 2024-12-25 提交的版本，檢視 最新版本。

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