// See http://guide.taskpaper.com/creating_themes.html to get started.

// UI Scale
@base-font-size: 16;
@user-font-size: $USER_FONT_SIZE;
@ui-scale: @user-font-size / @base-font-size;

// UI Colors
@tint-color: mix(rgb(0, 160, 160), @background-color, 70%); 
@interface-color: @tint-color; // Link Colors
@selection-color: mix(@tint-color, @background-color, 30%); // rgb(148, 192, 255);
@invisibles-color: mix(@tint-color, @background-color, 70%); // rgb(67, 119, 211);

// Base text
@text-color: black;
@background-color: rgb(255, 248, 190);
@font-family: Source Sans Pro;
@line-height-multiple: 1.2;

editor {
  color: @text-color;
  font-size: @user-font-size;
  font-family: @font-family;
  background-color: @background-color;
  line-height-multiple: @line-height-multiple;

  item-indent: 20px * @ui-scale;
  drop-indicator-color: @tint-color;
  invisibles-color: @invisibles-color;
  selection-background-color: @selection-color;
  message-color: mix(@text-color, @background-color, 50%);
  
  handle-color: mix(rgb(0, 0, 0), @background-color, 25%); // dot handle
  guide-line-color: mix(rgb(0, 0, 0), @background-color, 5%);
  
  caret-width: 1px;
  caret-color: mix(@text-color, @background-color, 50%);
}

item[data-type="project"] {
  font-size: 14px;
  color:  mix(@text-color, @background-color, 80%);
}

item[data-type="task"] {
  font-style: normal;
  font-size: 14px;
  color:  mix(@text-color, @background-color, 50%);
}

item[data-type="note"] {
  font-style: italic;
  font-size: 12px;
  color:  mix(@text-color, @background-color, 28%);
}

item[data-done] {
  > run[display] {
    text-strikethrough: NSUnderlineStyleSingle;
    text-strikethrough-color: mix(@text-color, @background-color, 12%);
    color: mix(@text-color, @background-color, 12%);
  }
  > run[link^="button"] {color:  mix(@text-color, @background-color, 12%);} // hyphen
}

item[data-today] {color: mix(rgb(0,160,160), @background-color, 90%);}
item[data-highest] {color: mix(rgb(255,0,0), @background-color, 90%);}
item[data-high] {color: mix(rgb(255,100,0), @background-color, 90%);}
item[data-low] {color: mix(@text-color, @background-color, 12%);
  > run[link^="button"] {color:  mix(@text-color, @background-color, 15%);} // hyphen
}

run[link] {
  cursor: pointer;
  color: mix(rgb(0, 160, 160), @background-color, 70%);
}

run[link^="button"] {color:  mix(@text-color, @background-color, 50%);} // hyphen

run[link^="filter"] {color: @text-color;}

run[tag] {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: mix(@text-color, @background-color, 12%);
}