crystalmathlabs.com - Black Mode

CrystalMathLabs Black mode theme

目前为 2025-01-15 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name crystalmathlabs.com - Black Mode
  3. @namespace typpi.online
  4. @version 1.0.4
  5. @description CrystalMathLabs Black mode theme
  6. @author Nick2bad4u
  7. @license UnLicense
  8. @homepageURL https://github.com/Nick2bad4u/UserStyles
  9.  
  10. @var color background-black "Background Black" #000000
  11. @var color background-dark "Background Dark" #252323
  12. @var color color-green "Green" #32cd32
  13. @var color background-banner "Banner Background" #006400
  14. @var color color-white "White" #ffffff
  15. @var color color-pink "Pink" #ff69b4
  16. ==/UserStyle== */
  17. @-moz-document domain("crystalmathlabs.com") {
  18. :root {
  19. --background-black: var(background-black);
  20. --background-dark: var(background-dark);
  21. --color-green: var(color-green);
  22. --background-banner: var(background-banner);
  23. --color-white: var(color-white);
  24. --color-pink: var(color-pink);
  25. }
  26.  
  27. /* Invert colors except images and videos */
  28. html,
  29. body,
  30. #wrap,
  31. #contentwrap,
  32. .news,
  33. .menubar ul li ul.dropdown {
  34. background: var(
  35. --background-black
  36. ) !important;
  37. background-color: var(
  38. --background-black
  39. ) !important;
  40. }
  41.  
  42. .menubar,
  43. .hint,
  44. .xp-table > div:first-child,
  45. #footer {
  46. border-radius: 20px;
  47. background: var(--background-dark) !important;
  48. background-color: var(
  49. --background-dark
  50. ) !important;
  51. padding-right: 10px;
  52. padding-left: 10px;
  53. }
  54.  
  55. #menu
  56. > ul
  57. > li:nth-child(n)
  58. > ul
  59. > li:nth-child(n)
  60. > a:hover {
  61. border-radius: 20px;
  62. background: var(--background-dark) !important;
  63. background-color: var(
  64. --background-dark
  65. ) !important;
  66. padding-left: 20px;
  67. color: var(--color-green);
  68. }
  69.  
  70. #global-banner {
  71. background: var(--background-banner);
  72. color: var(--color-white);
  73. }
  74.  
  75. #global-banner a {
  76. color: var(--color-pink);
  77. }
  78.  
  79. input:nth-child(1),
  80. input:nth-child(2),
  81. input[type='text' i],
  82. #xp-calc-form button {
  83. background: var(
  84. --background-black
  85. ) !important;
  86. background-color: var(
  87. --background-black
  88. ) !important;
  89. color: var(--color-white);
  90. }
  91. }