☰

Color Options for Habitica To Do's

Color options for your to do's on Habitica!

  1. /* ==UserStyle==
  2. @name           Color Options for Habitica To Do's
  3. @namespace      https://gf.qytechs.cn/users/662334
  4. @version        1.0.1
  5. @description    Color options for your to do's on Habitica!
  6. @author         citrusella
  7. @license        CC-BY-NC-ND-4.0
  8. @supportURL     https://habitica.com/profile/2d6ef231-50b4-4a22-90e7-45eb97147a2c
  9. @preprocessor   stylus
  10. @var select theme "Theme" ["yell:All-Yellow To-Dos", "due:Grey (like undue dailies), darkest is worst", "rainbow:Rainbow, purple worst, red best", "reverseRain:Rainbow, red worst, purple best", "stress:Shades of red, darkest is worst", "oldestred:All to-dos yellow, but turn light red when really old", "oldestorange:All to-dos green, but turn orange when really old"]
  11. ==/UserStyle== */
  12.  
  13. @-moz-document domain("habitica.com") {
  14.   if theme == yell {
  15.   .tasks-column.todo [class$="-control-bg"] {
  16. 	  background: #FFBE5D !important;
  17.   }
  18.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  19. 	background: hsla(0,0%,100%,.5) !important;
  20.   }
  21.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  22. 	background: hsla(0,0%,100%,.75) !important;
  23.   }
  24.   .tasks-column.todo [class$="-control-checkbox"] {
  25.       color: #794b00 !important;
  26.   }
  27. } if theme == due {
  28.   .tasks-column.todo [class$="-control-checkbox"] {
  29.       color: black !important;
  30.   }
  31.   .tasks-column.todo .task-worst-control-bg {
  32.       background: #34313A !important;
  33.   }
  34.   .tasks-column.todo .task-worse-control-bg {
  35.       background: #4E4A57 !important;
  36.   }
  37.   .tasks-column.todo .task-bad-control-bg {
  38.       background: #686274 !important;
  39.   }
  40.   .tasks-column.todo .task-neutral-control-bg {
  41.       background: #878190 !important;
  42.   }
  43.   .tasks-column.todo .task-good-control-bg {
  44.       background: #A5A1AC !important;
  45.   }
  46.   .tasks-column.todo .task-better-control-bg {
  47.       background: #C3C0C7 !important;
  48.   }
  49.   .tasks-column.todo .task-best-control-bg {
  50.       background: #E1E0E3 !important;
  51.   }
  52.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  53. 	background: hsla(0,0%,100%,.5) !important;
  54.   }
  55.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  56. 	background: hsla(0,0%,100%,.75) !important;
  57.   }
  58. } if theme == rainbow {
  59.   .tasks-column.todo [class$="-control-checkbox"] {
  60.       color: black !important;
  61.   }
  62.   .tasks-column.todo .task-worst-control-bg {
  63.       background: #432874 !important;
  64.   }
  65.   .tasks-column.todo .task-worse-control-bg {
  66.       background: #365FA1 !important;
  67.   }
  68.   .tasks-column.todo .task-bad-control-bg {
  69.       background: #2995CD !important;
  70.   }
  71.   .tasks-column.todo .task-neutral-control-bg {
  72.       background: #005737 !important;
  73.   }
  74.   .tasks-column.todo .task-good-control-bg {
  75.       background: #FFA624 !important;
  76.   }
  77.   .tasks-column.todo .task-better-control-bg {
  78.       background: #F47825 !important;
  79.   }
  80.   .tasks-column.todo .task-best-control-bg {
  81.       background: #F23035 !important;
  82.   }
  83.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  84. 	background: hsla(0,0%,100%,.5) !important;
  85.   }
  86.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  87. 	background: hsla(0,0%,100%,.75) !important;
  88.   }
  89. } if theme == reverseRain {
  90.   .tasks-column.todo [class$="-control-checkbox"] {
  91.       color: black !important;
  92.   }
  93.   .tasks-column.todo .task-worst-control-bg {
  94.       background: #F23035 !important;
  95.   }
  96.   .tasks-column.todo .task-worse-control-bg {
  97.       background: #F47825 !important;
  98.   }
  99.   .tasks-column.todo .task-bad-control-bg {
  100.       background: #FFA624 !important;
  101.   }
  102.   .tasks-column.todo .task-neutral-control-bg {
  103.       background: #005737 !important;
  104.   }
  105.   .tasks-column.todo .task-good-control-bg {
  106.       background: #2995CD !important;
  107.   }
  108.   .tasks-column.todo .task-better-control-bg {
  109.       background: #365FA1 !important;
  110.   }
  111.   .tasks-column.todo .task-best-control-bg {
  112.       background: #432874 !important;
  113.   }
  114.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  115. 	background: hsla(0,0%,100%,.5) !important;
  116.   }
  117.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  118. 	background: hsla(0,0%,100%,.75) !important;
  119.   }
  120. } if theme == stress {
  121.   .tasks-column.todo [class$="-control-checkbox"] {
  122.       color: black !important;
  123.   }
  124.   .tasks-column.todo .task-worst-control-bg {
  125.       background: #6C0406 !important;
  126.   }
  127.   .tasks-column.todo .task-worse-control-bg {
  128.       background: #801515 !important;
  129.   }
  130.   .tasks-column.todo .task-bad-control-bg {
  131.       background: #C92B2B !important;
  132.   }
  133.   .tasks-column.todo .task-neutral-control-bg {
  134.       background: #DE3F3F !important;
  135.   }
  136.   .tasks-column.todo .task-good-control-bg {
  137.       background: #F23035 !important;
  138.   }
  139.   .tasks-column.todo .task-better-control-bg {
  140.       background: #FF6165 !important;
  141.   }
  142.   .tasks-column.todo .task-best-control-bg {
  143.       background: #FFB6B8 !important;
  144.   }
  145.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  146. 	background: hsla(0,0%,100%,.5) !important;
  147.   }
  148.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  149. 	background: hsla(0,0%,100%,.75) !important;
  150.   }
  151. } if theme == oldestred {
  152.   .tasks-column.todo .task-worst-control-checkbox {
  153.       color: #6C0406 !important;
  154.   }
  155.   .tasks-column.todo .task-worse-control-checkbox, .tasks-column.todo .task-bad-control-checkbox, .tasks-column.todo .task-neutral-control-checkbox, .tasks-column.todo .task-good-control-checkbox, .tasks-column.todo .task-better-control-checkbox, .tasks-column.todo .task-best-control-checkbox {
  156.       color: #794b00 !important;
  157.   }
  158.   .tasks-column.todo .task-worst-control-bg {
  159.       background: #FF6165 !important;
  160.   }
  161.   .tasks-column.todo .task-worse-control-bg,.tasks-column.todo .task-bad-control-bg,.tasks-column.todo .task-neutral-control-bg,.tasks-column.todo .task-good-control-bg,.tasks-column.todo .task-better-control-bg,.tasks-column.todo .task-best-control-bg {
  162.       background: #FFBE5D !important;
  163.   }
  164.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  165. 	background: hsla(0,0%,100%,.5) !important;
  166.   }
  167.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  168. 	background: hsla(0,0%,100%,.75) !important;
  169.   }
  170. } else if theme == oldestorange {
  171.   .tasks-column.todo .task-worst-control-checkbox {
  172.       color: #7F3300 !important;
  173.   }
  174.   .tasks-column.todo .task-worse-control-checkbox, .tasks-column.todo .task-bad-control-checkbox, .tasks-column.todo .task-neutral-control-checkbox, .tasks-column.todo .task-good-control-checkbox, .tasks-column.todo .task-better-control-checkbox, .tasks-column.todo .task-best-control-checkbox {
  175.       color: #005737 !important;
  176.   }
  177.   .tasks-column.todo .task-worst-control-bg {
  178.       background: #FF944C !important;
  179.   }
  180.   .tasks-column.todo .task-worse-control-bg,.tasks-column.todo .task-bad-control-bg,.tasks-column.todo .task-neutral-control-bg,.tasks-column.todo .task-good-control-bg,.tasks-column.todo .task-better-control-bg,.tasks-column.todo .task-best-control-bg {
  181.       background: #24CC8F !important;
  182.   }
  183.   .tasks-column.todo [class$="control-bg"] .daily-todo-control {
  184. 	background: hsla(0,0%,100%,.5) !important;
  185.   }
  186.   .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
  187. 	background: hsla(0,0%,100%,.75) !important;
  188.   }
  189. }
  190. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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