Instantly share code, notes, and snippets.

@derickfay /day.less
Last active Oct 23, 2018

Embed
What would you like to do?
daytime TaskPaper 3 theme
// UI Scale
@base-font-size: 16;
@user-font-size: $USER_FONT_SIZE;
@ui-scale: @user-font-size / @base-font-size;
// UI Colors
@tint-color: darkblue;
@handle-color: white;
@collapsed-color: red;
@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(247, 247, 247);
@font-family: SFNS-Text;
@line-height-multiple: 1.1;
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;
caret-width: 2px;
caret-color: @tint-color;
drop-indicator-color: @tint-color;
invisibles-color: @invisibles-color;
selection-background-color: @selection-color;
// guide-line-color: mix(@tint-color, @background-color, 10%);
guide-line-color: @background-color;
message-color: mix(@text-color, @background-color, 50%);
}
sidebar {
search-item-prefix: ":: ";
}
item {
handle-color: mix(@handle-color, @background-color, 10%);
}
item[collapsed] {
handle-color: @collapsed-color;
}
item[data-type="note"] {
font-style: normal;
color: darkgreen;
handle-color: lightgrey;
}
item[empty] {
handle-color: none;
handle-border-color: none;
}
item[data-type="task"] {
font-style: normal;
}
item[data-type="project"] {
font-weight: bold;
}
item[depth="1"].item[data-type="project"] {
font-size: @user-font-size*2;
}
item[depth="2"].item[data-type="project"] {
font-size: @user-font-size*1.2;
}
item[data-done] {
> run[display] {
text-strikethrough: NSUnderlineStyleSingle;
text-strikethrough-color: @text-color;
}
}
item[data-inOmniFocus] {
> run[display] {
text-strikethrough: NSUnderlineStyleSingle;
text-strikethrough-color: @text-color;
}
}
run[link] {
cursor: pointer;
color: @tint-color;
}
run[link^="button"] {
color: @text-color;
}
run[link^="filter"] {
color: @text-color;
}
run[tag] {
font-size: @user-font-size;
font-style: normal;
font-weight: normal;
color: mix(@text-color, @background-color, 50%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment