Greasy Fork is available in English.

Color Options for Habitica To Do's

Color options for your to do's on Habitica!

/* ==UserStyle==
@name           Color Options for Habitica To Do's
@namespace      https://greasyfork.org/users/662334
@version        1.0.1
@description    Color options for your to do's on Habitica!
@author         citrusella
@license        CC-BY-NC-ND-4.0
@supportURL     https://habitica.com/profile/2d6ef231-50b4-4a22-90e7-45eb97147a2c
@preprocessor   stylus
@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"]
==/UserStyle== */

@-moz-document domain("habitica.com") {
  if theme == yell {
  .tasks-column.todo [class$="-control-bg"] {
	  background: #FFBE5D !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
  .tasks-column.todo [class$="-control-checkbox"] {
      color: #794b00 !important;
  }
} if theme == due {
  .tasks-column.todo [class$="-control-checkbox"] {
      color: black !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #34313A !important;
  }
  .tasks-column.todo .task-worse-control-bg {
      background: #4E4A57 !important;
  }
  .tasks-column.todo .task-bad-control-bg {
      background: #686274 !important;
  }
  .tasks-column.todo .task-neutral-control-bg {
      background: #878190 !important;
  }
  .tasks-column.todo .task-good-control-bg {
      background: #A5A1AC !important;
  }
  .tasks-column.todo .task-better-control-bg {
      background: #C3C0C7 !important;
  }
  .tasks-column.todo .task-best-control-bg {
      background: #E1E0E3 !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
} if theme == rainbow {
  .tasks-column.todo [class$="-control-checkbox"] {
      color: black !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #432874 !important;
  }
  .tasks-column.todo .task-worse-control-bg {
      background: #365FA1 !important;
  }
  .tasks-column.todo .task-bad-control-bg {
      background: #2995CD !important;
  }
  .tasks-column.todo .task-neutral-control-bg {
      background: #005737 !important;
  }
  .tasks-column.todo .task-good-control-bg {
      background: #FFA624 !important;
  }
  .tasks-column.todo .task-better-control-bg {
      background: #F47825 !important;
  }
  .tasks-column.todo .task-best-control-bg {
      background: #F23035 !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
} if theme == reverseRain {
  .tasks-column.todo [class$="-control-checkbox"] {
      color: black !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #F23035 !important;
  }
  .tasks-column.todo .task-worse-control-bg {
      background: #F47825 !important;
  }
  .tasks-column.todo .task-bad-control-bg {
      background: #FFA624 !important;
  }
  .tasks-column.todo .task-neutral-control-bg {
      background: #005737 !important;
  }
  .tasks-column.todo .task-good-control-bg {
      background: #2995CD !important;
  }
  .tasks-column.todo .task-better-control-bg {
      background: #365FA1 !important;
  }
  .tasks-column.todo .task-best-control-bg {
      background: #432874 !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
} if theme == stress {
  .tasks-column.todo [class$="-control-checkbox"] {
      color: black !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #6C0406 !important;
  }
  .tasks-column.todo .task-worse-control-bg {
      background: #801515 !important;
  }
  .tasks-column.todo .task-bad-control-bg {
      background: #C92B2B !important;
  }
  .tasks-column.todo .task-neutral-control-bg {
      background: #DE3F3F !important;
  }
  .tasks-column.todo .task-good-control-bg {
      background: #F23035 !important;
  }
  .tasks-column.todo .task-better-control-bg {
      background: #FF6165 !important;
  }
  .tasks-column.todo .task-best-control-bg {
      background: #FFB6B8 !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
} if theme == oldestred {
  .tasks-column.todo .task-worst-control-checkbox {
      color: #6C0406 !important;
  }
  .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 {
      color: #794b00 !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #FF6165 !important;
  }
  .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 {
      background: #FFBE5D !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
} else if theme == oldestorange {
  .tasks-column.todo .task-worst-control-checkbox {
      color: #7F3300 !important;
  }
  .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 {
      color: #005737 !important;
  }
  .tasks-column.todo .task-worst-control-bg {
      background: #FF944C !important;
  }
  .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 {
      background: #24CC8F !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control {
	background: hsla(0,0%,100%,.5) !important;
  }
  .tasks-column.todo [class$="control-bg"] .daily-todo-control:hover {
	background: hsla(0,0%,100%,.75) !important;
  }
}
}