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;
}
}
}