zwiftinsider.com - Dark Mode

Dark Theme for ZwiftInsider

目前為 2025-01-15 提交的版本,檢視 最新版本

  1. /* ==UserStyle==
  2. @name zwiftinsider.com - Dark Mode
  3. @namespace typpi.online
  4. @version 1.1.3
  5. @description Dark Theme for ZwiftInsider
  6. @author Nick2bad4u
  7. @license UnLicense
  8. @homepageURL https://github.com/Nick2bad4u/UserStyles
  9.  
  10. @var color background-color "Background Color" #ffffff
  11. @var color text-color "Text Color" #000000
  12. @var color gradient-start "Gradient Start" #ffffff00
  13. @var color gradient-middle "Gradient Middle" #ffffff00
  14. @var color gradient-end "Gradient End" #ffffffb0
  15. @var color gradient-final "Gradient Final" #000000cc
  16. ==/UserStyle== */
  17. @-moz-document domain("zwiftinsider.com") {
  18. :root {
  19. --background-color: var(background-color);
  20. --text-color: var(text-color);
  21. --gradient-start: var(gradient-start);
  22. --gradient-middle: var(gradient-middle);
  23. --gradient-end: var(gradient-end);
  24. --gradient-final: var(gradient-final);
  25. }
  26.  
  27. /* Invert colors except images and videos */
  28. :is(
  29. html:not([stylus-iframe]),
  30. iframe,
  31. img,
  32. svg,
  33. video,
  34. .tdb_single_bg_featured_image,
  35. body.td-animation-stack-type0
  36. .post
  37. img:not(
  38. .woocommerce-product-gallery img,
  39. .rs-pzimg
  40. ),
  41. body.td-animation-stack-type0
  42. .td-animation-stack
  43. .td-lazy-img,
  44. .tdi_59,
  45. .wp-block-toolset-blocks-container.tb-container,
  46. #tdi_82,
  47. .tdi_56,
  48. .td-image-wrap,
  49. .tdi_98,
  50. .tdm-title,
  51. .tds-title,
  52. .tdi_23 .tdb-menu > li > a .tdb-sub-menu-icon,
  53. .tdi_23
  54. .td-subcat-more
  55. .tdb-menu-more-subicon,
  56. .tdb_loop .td-load-more-wrap,
  57. .tdb_loop .td-next-prev-wrap,
  58. .tdb-featured-image-bg,
  59. .ql-snow,
  60. #wpdcom .wpd-form-row .wpd-field
  61. ) {
  62. filter: invert(1) hue-rotate(180deg);
  63. }
  64.  
  65. .tdb_single_bg_featured_image::after {
  66. background: linear-gradient(
  67. 180deg,
  68. var(--gradient-start),
  69. var(--gradient-middle) 0%,
  70. var(--gradient-end) 100%,
  71. var(--gradient-final)
  72. );
  73. }
  74.  
  75. body {
  76. background: var(--background-color) !important;
  77. color: var(--text-color) !important;
  78. }
  79.  
  80. .td_module_flex_1 .td-thumb-css,
  81. .td_module_flex_3 .td-thumb-css,
  82. .td_module_flex_4 .td-thumb-css,
  83. .td_module_flex_5 .td-thumb-css,
  84. .tdi_110 .td-image-wrap,
  85. .td_block_template_1 {
  86. filter: unset !important;
  87. }
  88.  
  89. .tdi_43 .tdb-title-text,
  90. .tdi_59 .tdm-descr,
  91. .tdb_header_menu
  92. .tdb-menu
  93. > li
  94. > a
  95. .tdb-menu-item-text,
  96. .tdb_header_menu .tdb-menu > li > a span {
  97. color: var(--text-color);
  98. }
  99.  
  100. .td-big-grid-flex .td-module-title a {
  101. color: var(--text-color) !important;
  102. }
  103. }