Merge branch 'release/0.1.0'

package.json

@@ -0,0 +1,14 @@
+{
+  "name": "qamar",
+  "title": "Qamar",
+  "displayName": "Qamar",
+  "theme": "ui",
+  "version": "0.0.1",
+  "description": "Qamar theme for N1.",
+  "license": "GPL-3.0",
+  "engines": {
+    "nylas": "*"
+  },
+  "styleSheets": ["account-sidebar", "composer", "mailbox", "main", "message", "sidebar", "toolbar"],
+  "private": true
+}

styles/account-sidebar.less

@@ -0,0 +1,59 @@
+@import "variables";
+
+.flexbox-handle-horizontal div {
+  border: none;
+}
+
+.column-RootSidebar {
+  min-width: 127px;
+}
+
+#account-switcher, .sidebar-activity {
+  color: rgba(200, 200, 200, 0.7);
+  border: none;
+  box-shadow: none;
+}
+
+.sidebar-activity .item {
+  border: none;
+}
+
+#account-switcher .item.selected, #account-sidebar .item.selected {
+  background: none;
+  color: #fff;
+  font-weight: 800;
+}
+
+#account-switcher .item, #account-sidebar .item {
+  color: rgba(200,200,200,0.7);
+  cursor: pointer;
+}
+
+#account-switcher .item-container, #account-sidebar .item-container {
+  cursor: pointer;
+}
+
+#account-switcher .heading, #account-sidebar .heading {
+  color: rgba(200,200,200,0.7);
+  font-size: 10px;
+  letter-spacing: 0.03em;
+}
+
+.sidebar-activity {
+  font-size: 11px;
+}
+
+.disclosure-triangle div {
+  border-left: 7px solid rgba(35, 31, 32, 0.2);
+}
+
+.nylas-outline-view .item-container {
+  padding-left: 5px;
+}
+
+.nylas-outline-view .item.selected {
+  color: @ac;
+  img.content-mask {
+    background-color: @ac;
+  }
+}

styles/composer.less

@@ -0,0 +1,15 @@
+@import "variables";
+
+.composer-content-wrap {
+  input[type="text"]:focus, input[type="email"]:focus {
+    border: 0px;
+  }
+}
+
+.composer-action-bar-content {
+  .btn.btn-emphasis, .button-dropdown.btn-emphasis .primary-item, .button-dropdown.btn-emphasis .secondary-picker, .button-dropdown.btn-emphasis .only-item {
+    background: none !important;
+    background-color: @ac !important;
+    border: none !important;
+  }
+}

styles/mailbox.less

@@ -0,0 +1,81 @@
+@import "variables";
+
+body.is-blurred {
+  .list-container .list-item.focused {
+    background: white;
+  }
+  .thread-list .list-column, .draft-list .list-column, .list-container .list-item.focused .list-column {
+    border-bottom: 1px solid rgba(221, 221, 221, 0.1);
+  }
+}
+
+.column-MessageList {
+  flex: 6 1 0% !important;
+}
+
+.list-tabular .list-column {
+  padding: 6px 0;
+  margin: 4px 12px;
+  cursor: pointer;
+  transition: all 0.2s ease-out;
+  animation: slideIn 0.6s ease-out;
+}
+
+.thread-list .list-item, .draft-list .list-item {
+  border-bottom: 1px solid rgba(221, 221, 221, 0.2);
+}
+
+.list-item .list-tabular-item {
+  border-bottom: 1px solid rgba(221, 221, 221, 0.1);
+}
+
+.thread-list .unread:not(.focused):not(.selected):not(.next-is-selected), .draft-list .unread:not(.focused):not(.selected):not(.next-is-selected) {
+  border-bottom: 1px solid rgba(221, 221, 221, 0.2) !important;
+}
+
+.list-container .list-item.focused {
+  border-bottom: none !important;
+}
+
+.list-container .list-item.selected {
+  border-bottom: 1px solid rgba(221, 221, 221, 0.1) !important;
+}
+
+.thread-list .list-column, .draft-list .list-column, .list-container .list-item.focused .list-column {
+  margin: 0 15px;
+  padding: 6px 0;
+}
+
+.thread-list-narrow .participants {
+  font-size: 13px;
+}
+
+.thread-list-narrow .snippet {
+  opacity: 0.3;
+}
+
+.list-container {
+  background: white;
+}
+
+.list-tabular-item.focused {
+  background: @ac !important;
+}
+
+.list-container .list-item.focused .list-column, .thread-list.handler-split .list-item.selected {
+  background: @ac;
+  color: white;
+  margin-left: 9px;
+}
+
+.thread-list .subject, .draft-list .subject {
+  padding: 0;
+}
+
+.mail-important-icon.enabled.active {
+  background-image: url(https://raw.githubusercontent.com/jackiehluo/n1-sunrise/master/images/Icon-Important-Active%402x.png) !important;
+}
+
+.column-DraftList .scroll-region-content {
+  padding-top: 50px;
+}

styles/main.less

@@ -0,0 +1,14 @@
+@import "variables";
+
+.mode-toggle.mode-false .content-mask {
+  background-color: @ac;
+}
+
+.scrollbar-track {
+  width: 10px;
+  background: none;
+  border: none;
+  .scrollbar-handle {
+    background: none;
+  }
+}

styles/message.less

@@ -0,0 +1,50 @@
+@import "variables";
+
+#message-list {
+  background: @bgc;
+  .messages-wrap {
+    animation: slideUp 0.6s ease-out;
+  }
+  .message-subject-wrap {
+    .mail-label.removable {
+      box-shadow: none !important;
+    }
+  }
+  .message-item-wrap .message-item-white-wrap.composer-outer-wrap.focused {
+    box-shadow: none;
+    outline: 1px solid @ac;
+  }
+  .messages-wrap {
+    animation: slideUp 0.6s ease-out;
+  }
+  .message-item-wrap .message-item-white-wrap {
+    box-shadow: none;
+  }
+}
+
+.column-MessageListSidebar {
+  background: @bgc;
+  border: none;
+}
+
+.email-color {
+  margin-top: 6px;
+}
+
+.list-item.list-tabular-item.keyboard-cursor {
+  background: white;
+}
+
+.list-tabular .list-tabular-item.keyboard-cursor .list-column:first-child {
+  border-left: none;
+  padding: inherit;
+}
+
+.list-container .list-item.selected {
+  background: white;
+  color: @ac;
+}
+
+.thread-list .list-column, .draft-list .list-column, .list-container .list-item.focused .list-column {
+  border-bottom-color: rgba(221, 221, 221, 0.3);
+}

styles/sidebar.less

@@ -0,0 +1,38 @@
+@import "variables";
+
+.column-MessageListSidebar {
+  background: #fafafa;
+}
+
+.sidebar-section.visible {
+  animation: slideLeft 0.3s ease-out;
+}
+
+.btn-feedback {
+  display: none;
+}
+
+.composer-inner-wrap .composer-centered {
+  background: #fafafa;
+}
+
+.related-threads {
+  background-color: rgba(200, 200, 200, 0.2);
+  .subject, .timestamp {
+    color: @text-color-very-subtle;
+  }
+  .toggle {
+    color: @ac;
+  }
+  .related-thread:hover {
+    background-color: lighten(rgba(200, 200, 200, 0.4), 40%);
+  }
+}
+
+.sidebar-no-info {
+  display: none;
+}
+
+.sidebar-section h2 {
+  border: none;
+}

styles/theme-colors.less

@@ -0,0 +1 @@
+@panel-background-color: #ffffff;

styles/toolbar.less

@@ -0,0 +1,49 @@
+@import "variables";
+
+.sheet-toolbar {
+  border: none;
+  .sheet-toolbar-container{
+    background-color: rgba(255, 255, 255, 0);
+    color: #434648;
+  }
+}
+
+.btn-toolbar {
+  border-radius: 1200px;
+  height: 40px;
+}
+
+.btn-toolbar, .sheet-toolbar .btn-toolbar {
+  &:not(.btn-emphasis) {
+    position: relative;
+    box-shadow: none;
+    background: #fff;
+    cursor: pointer;
+    &:hover {
+      background: #eaeaea;
+      &:before {
+        opacity: 1;
+        bottom: -5px;
+      }
+      &:after {
+        opacity: 1;
+        bottom: -5px;
+      }
+      .content-mask {
+        transform: translate3d(0, -2px, 0);
+      }
+    }
+    .content-mask {
+      transition: transform 0.2s ease-out;
+    }
+  }
+}
+
+input[type="text"].input-bordered, input[type="email"].input-bordered, input[type="date"].input-bordered, input[type="datetime"].input-bordered, input[type="datetime-local"].input-bordered, input[type="month"].input-bordered, input[type="number"].input-bordered, input[type="password"].input-bordered, input[type="range"].input-bordered, input[type="search"].input-bordered, input[type="tel"].input-bordered, input[type="time"].input-bordered, input[type="url"].input-bordered, input.empty {
+  border: 0px !important;
+}
+
+textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
+  border: 1px solid @ac;
+  box-shadow: 0 0 1.5px @ac;
+}

styles/ui-variables.less

@@ -0,0 +1,4 @@
+@import "variables";
+
+@component-active-color: @ac;
+@toolbar-background-color: #f4f4f4;

styles/variables.less

@@ -0,0 +1,17 @@
+@bgc: #ffffff;
+@ac: #258fe1;
+
+@keyframes slideIn {
+  0% { transform: translate3d(-20px, 0, 0); opacity: 0; }
+  100% { transform: translate3d(0, 0, 0); opacity: 1; }
+};
+
+@keyframes slideUp {
+  0% { transform: translate3d(0, 30px, 0); opacity: 0; }
+  100% { transform: translate3d(0, 0, 0); opacity: 1; }
+};
+
+@keyframes slideLeft {
+  0% { transform: translate3d(13px, 0, 0); opacity: 0; }
+  100% { transform: translate3d(0, 0, 0); opacity: 1; }
+};