├── LICENSE ├── Notes First.less ├── Notes over tasks.taskpaper ├── README.md ├── preview-dark.png └── preview.png /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Pascal Laliberte 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Notes First.less: -------------------------------------------------------------------------------- 1 | // // See http://guide.taskpaper.com/creating_themes.html to get started. 2 | // 3 | 4 | // Appearance 5 | @appearance: $APPEARANCE; 6 | 7 | @tint-color: rgb(0, 122, 255); 8 | 9 | // Light Appearance Colors 10 | @light-text-color: black; 11 | @light-background-color: rgb(247, 247, 247); 12 | @light-note-text-color-percent: 40%; 13 | @light-done-color-percent: 15%; 14 | @light-guide-line-color-percent: 0%; 15 | @light-handle-expanded-color-percent: 15%; 16 | @light-handle-collapsed-color-percent: 80%; 17 | @light-selection-color-percent: 30%; 18 | @light-searchbar-background-color: rgb(20%, 20%, 20%); 19 | 20 | // Dark Appearance Colors 21 | @dark-text-color: #ffffff; 22 | @dark-background-color: #1E2022; 23 | @dark-note-text-color-percent: 60%; 24 | @dark-done-color-percent: 30%; 25 | @dark-guide-line-color-percent: 0%; 26 | @dark-handle-expanded-color-percent: 10%; 27 | @dark-handle-collapsed-color-percent: 80%; 28 | @dark-selection-color-percent: 30%; 29 | @dark-searchbar-background-color: #2D2F35; 30 | 31 | // Current Appearance Colors 32 | @current-appearance-text-color: "@{appearance}-text-color"; 33 | @current-appearance-background-color: "@{appearance}-background-color"; 34 | @current-note-text-color-percent: "@{appearance}-note-text-color-percent"; 35 | @current-done-color-percent: "@{appearance}-done-color-percent"; 36 | @current-guide-line-color-percent: "@{appearance}-guide-line-color-percent"; 37 | @current-handle-color-percent: "@{appearance}-handle-color-percent"; 38 | @current-handle-expanded-color-percent: "@{appearance}-handle-expanded-color-percent"; 39 | @current-handle-collapsed-color-percent: "@{appearance}-handle-collapsed-color-percent"; 40 | @current-selection-color-percent: "@{appearance}-selection-color-percent"; 41 | @current-searchbar-background-color: "@{appearance}-searchbar-background-color"; 42 | 43 | // UI 44 | @text-color: @@current-appearance-text-color; 45 | @background-color: @@current-appearance-background-color; 46 | @interface-color: @tint-color; 47 | @selection-color: mix(@tint-color, @background-color, @@current-selection-color-percent); 48 | @invisibles-color: mix(@tint-color, @background-color, 70%); 49 | 50 | // Base text 51 | @font-family: Source Sans Pro; 52 | @font-size: $USER_FONT_SIZE * 1.1; 53 | @line-height-multiple: 0.9; 54 | 55 | editor { 56 | color: @text-color; 57 | background-color: @background-color; 58 | font-size: @font-size; 59 | font-family: @font-family; 60 | line-height-multiple: @line-height-multiple; 61 | 62 | item-indent: 20px; 63 | caret-width: 2px; 64 | caret-color: @tint-color; 65 | item-handle-size: floor(7 * @ui-scale); 66 | drop-indicator-color: @tint-color; 67 | invisibles-color: @invisibles-color; 68 | selection-background-color: @selection-color; 69 | guide-line-color: rgba(255,255,255,0); 70 | message-color: mix(@text-color, @background-color, 50%); 71 | } 72 | 73 | item { 74 | handle-color: mix(@text-color, @background-color, @@current-handle-expanded-color-percent); 75 | paragraph-spacing-before: $USER_FONT_SIZE * 0.3; 76 | handle-border-color: mix(@text-color, @background-color, @@current-handle-expanded-color-percent); 77 | handle-border-width: 1; 78 | } 79 | 80 | item[leaf] { 81 | handle-color: none; 82 | handle-border-color: none; 83 | } 84 | 85 | item[empty] { 86 | handle-color: none; 87 | } 88 | 89 | item[collapsed] { 90 | handle-color: mix(@text-color, @background-color, @@current-handle-collapsed-color-percent); 91 | handle-size: floor(8 * @ui-scale); 92 | } 93 | 94 | item[expanded] { 95 | handle-border-color: none; 96 | } 97 | 98 | item[data-type="note"] { 99 | font-style: normal; 100 | color: mix(@text-color, @background-color, @@current-note-text-color-percent); 101 | } 102 | 103 | item[data-type="task"] { 104 | font-style: normal; 105 | } 106 | 107 | item[data-type="project"] { 108 | font-weight: bold; 109 | line-height-multiple: @line-height-multiple; 110 | font-size: @font-size; 111 | } 112 | 113 | item[depth=1].item[data-type=project] { 114 | paragraph-spacing-before: $USER_FONT_SIZE * 0.5; 115 | } 116 | 117 | item[data-done] { 118 | > run[content] { 119 | color: mix(@text-color, @background-color, @@current-done-color-percent); 120 | text-strikethrough: NSUnderlineStyleSingle; 121 | text-strikethrough-color: mix(@text-color, @background-color, @@current-done-color-percent); 122 | } 123 | > run[tag] { 124 | color: mix(@text-color, @background-color, @@current-done-color-percent); 125 | } 126 | } 127 | 128 | run[link] { 129 | cursor: pointer; 130 | color: mix(@text-color, @background-color, 40%); 131 | text-decoration: underline; 132 | text-underline-color: mix(@text-color, @background-color, 15%); 133 | } 134 | 135 | run[link^="button"] { 136 | color: @text-color; 137 | text-expansion: 1; 138 | text-decoration: none; 139 | } 140 | 141 | run[link^="filter"] { 142 | color: @text-color; 143 | } 144 | 145 | run[tag] { 146 | font-size: @font-size; 147 | font-style: normal; 148 | font-weight: normal; 149 | color: mix(@text-color, @background-color, 20%); 150 | } 151 | -------------------------------------------------------------------------------- /Notes over tasks.taskpaper: -------------------------------------------------------------------------------- 1 | theme-notes-first: 2 | This StyleSheet is for those who use notes more than tasks 3 | Who like to indent items 4 | Who use Taskpaper as an outliner 5 | And only rarely will use a dashed (task) item 6 | - Except as a highlighted line like this, to make it stand out 7 | Features: 8 | The handle (that little circle to the left of items) is... 9 | only visible when there are sub items (like this one) 10 | When sub-items are hidden, the item is said to be "collapsed", and you can tell because the handle is dark (like on this item) and a little bigger, making it stand out and looking heavy 11 | This sub item is hidden 12 | This sub item is hidden 13 | URLs (clickable links) are discrete but still look clickable 14 | https://pascallaliberte.me/uses-taskpaper/ 15 | Tags are also clickable and they look @likethis 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # A Notes-First StyleSheet for TaskPaper 3.8 and up 2 | 3 | ![Preview of a TaskPaper with the Light StyleSheet applied](preview.png) 4 | 5 | This StyleSheet for [TaskPaper 3.8 and up](http://www.taskpaper.com) is great if you: 6 | 7 | * Use *notes* items a lot, and tasks (dashed items) just a little 8 | * Find the handle (the circle next to the lines) handy mostly to collapse indented items 9 | * Prefer URLs to appear discreetly, but still look clickable 10 | * Prefer to use the keyboard to cut-paste items to re-order them over using draggable handles to re-order items (on the Mac anyway) 11 | * Want a Style Sheet that's compatible with macOS Dark Mode 12 | 13 | ## Dark Mode! 14 | 15 | ![Preview of a TaskPaper with the Dark StyleSheet applied](preview-dark.png) 16 | 17 | Dark Mode Requires macOS 10.14 Mojave or later and TaskPaper 3.8 or later 18 | 19 | ## Here's how to install the StyleSheet 20 | 21 | 1. [Download the zip][download] and open the zip folder 22 | 2. `Window` menu > `StyleSheet` > `Open StyleSheet Folder` *<-- from within TaskPaper* 23 | 3. Copy `Notes First.less` from the zip folder to the `StyleSheet` Folder 24 | 4. `Window` menu > `StyleSheet` > `Notes First.less` *<-- also from within TaskPaper* 25 | 26 | [download]: https://github.com/pascallaliberte/theme-notes-first/archive/master.zip 27 | 28 | ## Get notified of updates 29 | 30 | Updates don't come up very often, but to be sure you're using the right StyleSheet for new versions of TaskPaper, [subscribe to be notified by email](http://pascallaliberte.me/uses-taskpaper/). I'll also share on how I use TaskPaper (centered on objectives). 31 | 32 | ## 💙 TaskPaper 33 | 34 | Thank you [Jesse Grosjean](http://www.hogbaysoftware.com/about) for TaskPaper. -------------------------------------------------------------------------------- /preview-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pascallaliberte/theme-notes-first/28b35737e706d3b99743e1e812d7caf4959a9d33/preview-dark.png -------------------------------------------------------------------------------- /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pascallaliberte/theme-notes-first/28b35737e706d3b99743e1e812d7caf4959a9d33/preview.png --------------------------------------------------------------------------------