├── index.less ├── .gitignore ├── preview.jpg ├── styles ├── theme-colors.less ├── email-frame.less ├── variables.less ├── notifications.less ├── ui-variables.less ├── sidebar.less ├── threads.less └── controls.less ├── package.json ├── README.md └── LICENSE /index.less: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/noahbuscher/n1-taiga/HEAD/preview.jpg -------------------------------------------------------------------------------- /styles/theme-colors.less: -------------------------------------------------------------------------------- 1 | @component-active-color: #5dade1; 2 | @toolbar-background-color: #ddedf4; -------------------------------------------------------------------------------- /styles/email-frame.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | .ignore-in-parent-frame { 4 | body { 5 | color: @taiga-dark; 6 | } 7 | img { 8 | color: @taiga-dark; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /styles/variables.less: -------------------------------------------------------------------------------- 1 | /** 2 | * Colors 3 | */ 4 | @taiga-light: darken(#A3ACB1, 10%); 5 | @taiga-lighter: #F0F7FA; 6 | @taiga-dark: darken(#727C83, 4%); 7 | @taiga-accent: #5DADE1; 8 | @white: #ffffff; 9 | 10 | /** 11 | * Borders 12 | */ 13 | @base-border-radius: 4px; 14 | -------------------------------------------------------------------------------- /styles/notifications.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | .notifications-sticky, .notification-developer, .notifications-sticky-item, .notification-info { 4 | color: @white !important; 5 | background: @taiga-accent !important; 6 | 7 | .action { 8 | color: @white !important; 9 | background: darken(@taiga-accent, 20%) !important; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "N1-Taiga", 3 | "displayName": "Taiga", 4 | "theme": "Taiga", 5 | "version": "0.2.8", 6 | "description": "A clean, Mailbox-inspired theme for Nylas N1", 7 | "license": "GPL-3.0", 8 | "engines": { 9 | "nylas": "*" 10 | }, 11 | "styleSheets": ["controls", "email-frame", "sidebar", "threads", "notifications"], 12 | "private": true 13 | } 14 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Taiga 2 | 3 | _Deprecated: Taiga has since been added as a default N1 package._ 🤗 4 | 5 | Taiga is a clean, simple, Mailbox-inspired theme for N1 that allows you to focus on what matters most: your emails. 6 | 7 | ![](./preview.jpg) 8 | 9 | ## Installing 10 | 11 | 1. [Download](https://nylas.com/n1) Nylas N1 email client if you have not yet 12 | 2. [Grab](https://github.com/noahbuscher/N1-Taiga/releases) the latest release of Taiga 13 | 3. Open `N1>Preferences>General>Select theme` and select `Install new theme...` from the dropdown 14 | 15 | Profit! :money_with_wings: 16 | -------------------------------------------------------------------------------- /styles/ui-variables.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | @accent-primary: @taiga-light; 4 | @accent-primary-dark: darken(@taiga-light, 20%); 5 | 6 | @background-secondary: @white; 7 | @text-color: @taiga-dark; 8 | @text-color-subtle: lighten(@taiga-dark, 20%); 9 | @text-color-very-subtle: @taiga-light; 10 | @text-color-inverse: @taiga-light; 11 | @text-color-inverse-subtle: darken(@taiga-light, 30%); 12 | @text-color-inverse-very-subtle: darken(@taiga-light, 20%); 13 | 14 | @panel-background-color: @white; 15 | @toolbar-background-color: @white; 16 | 17 | @btn-default-bg-color: @white; 18 | @btn-default-text-color: @taiga-light; 19 | @background-gradient: none; 20 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Noah Buscher 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 | 23 | -------------------------------------------------------------------------------- /styles/sidebar.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | #account-switcher .primary-item .name { 4 | color: @taiga-dark; 5 | } 6 | 7 | .account-sidebar-sections { 8 | background-color: @white !important; 9 | 10 | section { 11 | .item-container { 12 | margin: 0 10px !important; 13 | 14 | .disclosure-triangle { 15 | display: none; 16 | } 17 | 18 | .item { 19 | padding: 0 10px !important; 20 | color: @taiga-light !important; 21 | cursor: pointer !important; 22 | 23 | .item-count-box { 24 | background: transparent !important; 25 | color: @taiga-light !important; 26 | box-shadow: 0 0.5px 0 @taiga-light, 0 -0.5px 0 @taiga-light, 0.5px 0 0 @taiga-light, -0.5px 0 0 @taiga-light !important; 27 | } 28 | 29 | &.selected { 30 | background: @taiga-accent !important; 31 | border-radius: @base-border-radius; 32 | color: @white !important; 33 | 34 | .item-count-box { 35 | background: transparent !important; 36 | color: @white !important; 37 | box-shadow: 0 0.5px 0 @white, 0 -0.5px 0 @white, 0.5px 0 0 @white, -0.5px 0 0 @white !important; 38 | } 39 | 40 | .icon { 41 | img { 42 | background: @white !important; 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /styles/threads.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | .list-tabular .list-column.list-column-Item { 4 | margin-left: -20px; 5 | padding-left: 30px; 6 | } 7 | 8 | .thread-list { 9 | .list-container { 10 | .list-item { 11 | &.focused:hover .list-column-HoverActions .inner { 12 | color: @taiga-dark !important; 13 | background-image: linear-gradient(90deg, fadeout(@taiga-lighter, 100%) 0%, darken(@taiga-lighter, 10%) 100%); 14 | 15 | .action { 16 | -webkit-filter: none; 17 | } 18 | .thread-icon { 19 | &:not(.thread-icon-star) { 20 | opacity: 0.7; 21 | } 22 | } 23 | } 24 | &.focused { 25 | .thread-icon, .mail-important-icon, .draft-icon { 26 | -webkit-filter: none; 27 | } 28 | } 29 | &:hover { 30 | .thread-icon { 31 | visibility: inherit; 32 | } 33 | } 34 | .list-column { 35 | border-bottom: 0 !important; 36 | } 37 | } 38 | .scroll-region-content { 39 | .scroll-region-content-inner { 40 | .list-rows { 41 | .list-item { 42 | cursor: pointer !important; 43 | box-sizing: border-box; 44 | border: 0 !important; 45 | background-color: @white !important; 46 | color: @taiga-dark !important; 47 | &.focused { 48 | color: @taiga-dark !important; 49 | background-color: darken(@taiga-lighter, 5%) !important; 50 | } 51 | &.selected { 52 | color: @taiga-dark !important; 53 | background-color: darken(@taiga-lighter, 5%) !important; 54 | } 55 | &.keyboard-cursor { 56 | .list-column-Item { 57 | border-left: 4px solid darken(@taiga-lighter, 50%) !important; 58 | } 59 | } 60 | } 61 | } 62 | } 63 | } 64 | } 65 | .thread-icon { 66 | background-image: url(../static/images/thread-list/icon-star-hover-@2x.png); 67 | 68 | &:not(.thread-icon-star) { 69 | visibility: hidden; 70 | } 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /styles/controls.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | 3 | .header-container { 4 | margin-right: 10px; 5 | } 6 | 7 | /** 8 | * Buttons 9 | */ 10 | .btn-toolbar, .token, .actions>.btn, .new-package>.btn, .appearance-mode-switch>.btn { 11 | box-shadow: none !important; 12 | background: @white !important; 13 | border: 1px solid @taiga-light !important; 14 | border-radius: @base-border-radius !important; 15 | cursor: pointer !important; 16 | } 17 | 18 | .composer-action-bar-content { 19 | .btn-toolbar { 20 | border: 0 !important; 21 | border-radius: 0 !important; 22 | background: transparent !important; 23 | } 24 | } 25 | 26 | body.platform-win32 { 27 | .sheet-toolbar-container { 28 | .btn-toolbar { 29 | border: 0 !important; 30 | } 31 | } 32 | } 33 | 34 | .btn.btn-emphasis { 35 | background-color: @taiga-accent !important; 36 | border-color: @taiga-accent !important; 37 | color: @white !important; 38 | 39 | img.content-mask { 40 | background-color: @white !important; 41 | } 42 | } 43 | 44 | .button-dropdown.bordered { 45 | .primary-item { 46 | cursor: pointer !important; 47 | box-shadow: none !important; 48 | background: @white !important; 49 | border: 1px solid @taiga-light !important; 50 | border-top-left-radius: @base-border-radius !important; 51 | border-bottom-left-radius: @base-border-radius !important; 52 | img { 53 | position: relative; 54 | top: -2px; 55 | } 56 | } 57 | 58 | .secondary-picker { 59 | cursor: pointer !important; 60 | box-shadow: none !important; 61 | background: @white !important; 62 | border: 1px solid @taiga-light !important; 63 | border-top-right-radius: @base-border-radius !important; 64 | border-bottom-right-radius: @base-border-radius !important; 65 | margin-left: -1px !important; 66 | } 67 | 68 | .secondary-items { 69 | .item { 70 | cursor: pointer; 71 | color: @taiga-light !important; 72 | background: @white !important; 73 | 74 | .button-dropdown { 75 | img { 76 | background: @taiga-light !important; 77 | } 78 | } 79 | } 80 | } 81 | } 82 | 83 | .sheet-toolbar .btn-toolbar { 84 | height: 2em !important; 85 | line-height: 1 !important; 86 | margin-top: 6px !important; 87 | } 88 | 89 | /** 90 | * Feedback button 91 | */ 92 | .btn-feedback { 93 | background: @taiga-accent !important; 94 | border: none !important; 95 | } 96 | 97 | /** 98 | * Search bar 99 | */ 100 | .content-container { 101 | .item.selected { 102 | background: @taiga-light !important; 103 | color: @white !important; 104 | } 105 | } 106 | 107 | /** 108 | * Dropdown 109 | */ 110 | .menu { 111 | .item.selected { 112 | background: @taiga-light !important; 113 | .primary { 114 | color: @white !important; 115 | } 116 | .secondary { 117 | color: @taiga-lighter !important; 118 | } 119 | } 120 | } 121 | 122 | /** 123 | * Plugin page 124 | */ 125 | .package { 126 | border-radius: @base-border-radius; 127 | } 128 | 129 | /** 130 | * Prefs page 131 | */ 132 | .appearance-mode { 133 | cursor: pointer; 134 | 135 | &.active { 136 | background-color: lighten(@taiga-light, 30%) !important; 137 | } 138 | } 139 | --------------------------------------------------------------------------------