habitica-self-host/styles/app/tasks.styl

.color-worst
  background-color: rgb(230, 184, 175)
.color-worse
  background-color: rgb(244, 204, 204)
.color-bad
  background-color: rgb(252, 229, 205)
.color-neutral
  background-color: rgb(255, 242, 204)
.color-good
  background-color: rgb(217, 234, 211)
.color-better
  background-color: rgb(208, 224, 227)
.color-best
  background-color: rgb(201, 218, 248)
.completed
  background-color: rgb(217, 217, 217)
  color: rgb(153, 153, 153)
.reward
  background-color: white

label.checkbox.inline{
    width: 40px
}

.todos
  .nav-pills > .active > a, .nav-pills > .active > a:hover
    color: #005580
    background-color: #DEE5F2

.dailys
  .repeat-days > .btn:not(.active)
    background-color: #aaa;
    background-image: -moz-linear-gradient(top, #eee, #aaa);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa));
    background-image: -webkit-linear-gradient(top, #eee, #aaa);
    background-image: -o-linear-gradient(top, #eee, #aaa);
    background-image: linear-gradient(to bottom, #eee, #aaa);
    background-repeat: repeat-x;

.context-enabled
  .display-context-dependant,
  .task-list li
    display: none

  &.context-completed
    .show-for-completed, .completed
      display: block

  &.context-uncompleted
    .show-for-uncompleted, .uncompleted
      display: block

.help-icon
  float:right;

.task:hover
  cursor: move

li:hover .task-meta-controls .hover-show
  display: inline

.task
  list-style:none

  pre
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    font-size: 13px
    line-height: 18px
    color: black
    word-break: normal

  .task-meta-controls
    float:right
    i
      margin-left:5px

  .task-controls,.task-text
    display:inline
    margin: 0 10px 0 0

    input
      margin-top: 0

  .task-meta-controls .hover-show
    display: none;

.vote-up, .vote-down
    text-decoration:none;

.new-task-form
  margin-bottom:5px;


// begin rewrite css 2013-03-04

.task-column
  padding: 1.5em
  background: #f5f5f5
  border: 1px solid #bbb
  border-radius: 0.25em
  font-family: 'Lato', sans-serif
  h2
    margin: 0 0 0.5em
    padding: 0

.task
  clear: both
  padding: 0.5em
  margin-bottom: 0.75em
  border: 1px solid rgba(0, 0, 0, 0.2)
  border-radius: 0.25em
  &:last-child
    margin-bottom: 0

.addtask-form
  margin-bottom: 0.75em
  .addtask-field
    max-width: 70%
  .addtask-btn
    float: right
    font-family: 'Lato', sans-serif

.todo-status-toggler
  margin-top: 0.75em