Tabview Youtube Design Customization

Change some designs in Tabview Youtube

当前为 2023-07-02 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name Tabview Youtube Design Customization
  3. @version 0.1.2
  4. @namespace github.com/cyfung1031
  5. @license MIT
  6. @description Change some designs in Tabview Youtube
  7. @author CY Fung
  8. @supportURL https://github.com/cyfung1031/Tabview-Youtube/
  9. @preprocessor stylus
  10. @var checkbox no-rounded-button "No Rounded Button" 0
  11. @var checkbox no-tab-btn-text "No Tab Button Text" 0
  12. @var checkbox round-tab-container "Round Tab Container" 0
  13. @var checkbox round-live-chat-frame "Round Live Chat Frame" 0
  14. ==/UserStyle== */
  15.  
  16. @-moz-document url-prefix("https://www.youtube.com/watch?v=") {
  17.  
  18. if no-rounded-button {
  19. html .yt-spec-button-shape-next--size-m,
  20. html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start,
  21. html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
  22. border-radius:0;
  23. }
  24. }
  25.  
  26. if no-tab-btn-text {
  27. .tab-btn[tyt-tab-content="#tab-info"] span,
  28. .tab-btn[tyt-tab-content="#tab-videos"] span,
  29. .tab-btn[tyt-tab-content="#tab-playlist"] span {
  30. display: none;
  31. }
  32. }
  33. if round-tab-container {
  34. html body ytd-watch-flexy[class] #right-tabs {
  35. border-radius: 28px;
  36. contain: paint;
  37. }
  38. }
  39. if round-live-chat-frame {
  40. ytd-live-chat-frame#chat.ytd-watch-flexy{
  41. border-radius: 16px;
  42. }
  43. }
  44. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址