Merge pull request #1327 from BoostIO/feature-v0-8-19

v0.8.19
2025-12-14 10:16:26 +00:00 · 2017-12-23 12:51:13 +09:00 · 2017-12-23 12:03:28 +09:00 · 2017-12-20 18:56:31 +09:00 · 2017-12-20 18:50:53 +09:00 · 2017-12-20 18:27:24 +09:00
91 changed files with 1635 additions and 369 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,5 @@ node_modules/*
 /compiled
 /secret
 *.log
+.vscode
+.idea
--- a/browser/components/CodeEditor.js
+++ b/browser/components/CodeEditor.js
@@ -59,6 +59,7 @@ export default class CodeEditor extends React.Component {
      tabSize: this.props.indentSize,
      indentWithTabs: this.props.indentType !== 'space',
      keyMap: this.props.keyMap,
+      scrollPastEnd: this.props.scrollPastEnd,
      inputStyle: 'textarea',
      dragDrop: false,
      extraKeys: {
@@ -153,6 +154,10 @@ export default class CodeEditor extends React.Component {
      this.editor.setOption('indentWithTabs', this.props.indentType !== 'space')
    }

+    if (prevProps.scrollPastEnd !== this.props.scrollPastEnd) {
+      this.editor.setOption('scrollPastEnd', this.props.scrollPastEnd)
+    }
+
    if (needRefresh) {
      this.editor.refresh()
    }
--- a/browser/components/MarkdownEditor.js
+++ b/browser/components/MarkdownEditor.js
@@ -242,6 +242,7 @@ class MarkdownEditor extends React.Component {
          fontSize={editorFontSize}
          indentType={config.editor.indentType}
          indentSize={editorIndentSize}
+          scrollPastEnd={config.editor.scrollPastEnd}
          storageKey={storageKey}
          onChange={(e) => this.handleChange(e)}
          onBlur={(e) => this.handleBlur(e)}
@@ -259,6 +260,7 @@ class MarkdownEditor extends React.Component {
          codeBlockFontFamily={config.editor.fontFamily}
          lineNumber={config.preview.lineNumber}
          indentSize={editorIndentSize}
+          scrollPastEnd={config.editor.scrollPastEnd}
          ref='preview'
          onContextMenu={(e) => this.handleContextMenu(e)}
          tabIndex='0'
--- a/browser/components/MarkdownPreview.js
+++ b/browser/components/MarkdownPreview.js
@@ -49,12 +49,12 @@ body {
  font-size: ${fontSize}px;
 }
 code {
-  font-family: ${codeBlockFontFamily.join(', ')};
+  font-family: '${codeBlockFontFamily.join("','")}';
  background-color: rgba(0,0,0,0.04);
 }
 .lineNumber {
  ${lineNumber && 'display: block !important;'}
-  font-family: ${codeBlockFontFamily.join(', ')};
+  font-family: '${codeBlockFontFamily.join("','")}';
 }

 .clipboardButton {
@@ -144,10 +144,12 @@ export default class MarkdownPreview extends React.Component {
  }

  handleContextMenu (e) {
+    if (!this.props.onContextMenu) return
    this.props.onContextMenu(e)
  }

  handleMouseDown (e) {
+    if (!this.props.onMouseDown) return
    if (e.target != null) {
      switch (e.target.tagName) {
        case 'A':
@@ -159,6 +161,7 @@ export default class MarkdownPreview extends React.Component {
  }

  handleMouseUp (e) {
+    if (!this.props.onMouseUp) return
    if (e.target != null && e.target.tagName === 'A') {
      return null
    }
@@ -255,10 +258,10 @@ export default class MarkdownPreview extends React.Component {
    const { fontSize, lineNumber, codeBlockTheme } = this.props
    let { fontFamily, codeBlockFontFamily } = this.props
    fontFamily = _.isString(fontFamily) && fontFamily.trim().length > 0
-      ? [fontFamily].concat(defaultFontFamily)
+      ? fontFamily.split(',').map(fontName => fontName.trim()).concat(defaultFontFamily)
      : defaultFontFamily
    codeBlockFontFamily = _.isString(codeBlockFontFamily) && codeBlockFontFamily.trim().length > 0
-      ? [codeBlockFontFamily].concat(defaultCodeBlockFontFamily)
+      ? codeBlockFontFamily.split(',').map(fontName => fontName.trim()).concat(defaultCodeBlockFontFamily)
      : defaultCodeBlockFontFamily

    this.setCodeTheme(codeBlockTheme)
--- a/browser/components/MarkdownSplitEditor.js
+++ b/browser/components/MarkdownSplitEditor.js
@@ -0,0 +1,87 @@
+import React from 'react'
+import CodeEditor from 'browser/components/CodeEditor'
+import MarkdownPreview from 'browser/components/MarkdownPreview'
+import { findStorage } from 'browser/lib/findStorage'
+
+import styles from './MarkdownSplitEditor.styl'
+import CSSModules from 'browser/lib/CSSModules'
+
+class MarkdownSplitEditor extends React.Component {
+  constructor (props) {
+    super(props)
+    this.value = props.value
+    this.focus = () => this.refs.code.focus()
+    this.reload = () => this.refs.code.reload()
+  }
+
+  handleOnChange () {
+    this.value = this.refs.code.value
+    this.props.onChange()
+  }
+
+  handleCheckboxClick (e) {
+    e.preventDefault()
+    e.stopPropagation()
+    const idMatch = /checkbox-([0-9]+)/
+    const checkedMatch = /\[x\]/i
+    const uncheckedMatch = /\[ \]/
+    if (idMatch.test(e.target.getAttribute('id'))) {
+      const lineIndex = parseInt(e.target.getAttribute('id').match(idMatch)[1], 10) - 1
+      const lines = this.refs.code.value
+        .split('\n')
+
+      const targetLine = lines[lineIndex]
+
+      if (targetLine.match(checkedMatch)) {
+        lines[lineIndex] = targetLine.replace(checkedMatch, '[ ]')
+      }
+      if (targetLine.match(uncheckedMatch)) {
+        lines[lineIndex] = targetLine.replace(uncheckedMatch, '[x]')
+      }
+      this.refs.code.setValue(lines.join('\n'))
+    }
+  }
+
+  render () {
+    const { config, value, storageKey } = this.props
+    const storage = findStorage(storageKey)
+    const previewStyle = {}
+    if (this.props.ignorePreviewPointerEvents) previewStyle.pointerEvents = 'none'
+    return (
+      <div styleName='root'>
+        <CodeEditor
+          styleName='codeEditor'
+          ref='code'
+          mode='GitHub Flavored Markdown'
+          value={value}
+          theme={config.editor.theme}
+          keyMap={config.editor.keyMap}
+          fontFamily={config.editor.fontFamily}
+          indentType={config.editor.indentType}
+          scrollPastEnd={config.editor.scrollPastEnd}
+          storageKey={storageKey}
+          onChange={this.handleOnChange.bind(this)}
+       />
+        <MarkdownPreview
+          style={previewStyle}
+          styleName='preview'
+          theme={config.ui.theme}
+          keyMap={config.editor.keyMap}
+          fontSize={config.preview.fontSize}
+          fontFamily={config.preview.fontFamily}
+          codeBlockTheme={config.preview.codeBlockTheme}
+          codeBlockFontFamily={config.editor.fontFamily}
+          lineNumber={config.preview.lineNumber}
+          ref='preview'
+          tabInde='0'
+          value={value}
+          onCheckboxClick={(e) => this.handleCheckboxClick(e)}
+          showCopyNotification={config.ui.showCopyNotification}
+          storagePath={storage.path}
+       />
+      </div>
+    )
+  }
+}
+
+export default CSSModules(MarkdownSplitEditor, styles)
--- a/browser/components/MarkdownSplitEditor.styl
+++ b/browser/components/MarkdownSplitEditor.styl
@@ -0,0 +1,9 @@
+.root
+  width 100%
+  height 100%
+  font-size 30px
+  display flex
+  .codeEditor
+    width 50%
+  .preview
+    width 50%
--- a/browser/components/NavToggleButton.styl
+++ b/browser/components/NavToggleButton.styl
@@ -9,6 +9,10 @@
  width 34px
  line-height 32px
  padding 0
+  &:hover
+    border: 1px solid #1EC38B;
+    background-color: alpha(#1EC38B, 30%)
+    border-radius: 50%;

 body[data-theme="white"]
  navWhiteButtonColor()
--- a/browser/components/NoteItem.styl
+++ b/browser/components/NoteItem.styl
@@ -231,3 +231,77 @@ body[data-theme="dark"]
  .item-bottom-tagList-empty
    color $ui-inactive-text-color
    vertical-align middle
+
+
+body[data-theme="solarized-dark"]
+  .root
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .item
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteList-backgroundColor
+    &:hover
+      transition 0.15s
+      // background-color alpha($ui-solarized-dark-noteList-backgroundColor, 20%)
+      color $ui-solarized-dark-text-color
+      .item-title
+      .item-title-icon
+      .item-bottom-time
+        transition 0.15s
+        color $ui-solarized-dark-text-color
+      .item-bottom-tagList-item
+        transition 0.15s
+        background-color alpha($ui-solarized-dark-noteList-backgroundColor, 20%)
+        color $ui-solarized-dark-text-color
+    &:active
+      transition 0.15s
+      background-color $ui-solarized-dark-noteList-backgroundColor
+      color $ui-solarized-dark-text-color
+      .item-title
+      .item-title-icon
+      .item-bottom-time
+        transition 0.15s
+        color $ui-solarized-dark-text-color
+      .item-bottom-tagList-item
+        transition 0.15s
+        background-color alpha($ui-solarized-dark-noteList-backgroundColor, 10%)
+        color $ui-solarized-dark-text-color  
+
+  .item-wrapper
+    border-color alpha($ui-solarized-dark-button--active-backgroundColor, 60%)
+
+  .item--active
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-button-backgroundColor
+    .item-wrapper
+      border-color transparent
+    .item-title
+    .item-title-icon
+    .item-bottom-time
+      color $ui-solarized-dark-text-color
+    .item-bottom-tagList-item
+      background-color alpha(white, 10%)
+      color $ui-solarized-dark-text-color
+    &:hover
+      // background-color alpha($ui-solarized-dark-button--active-backgroundColor, 60%)
+      color #c0392b
+      .item-bottom-tagList-item
+        background-color alpha(#fff, 20%)
+
+  .item-title
+    color $ui-inactive-text-color
+
+  .item-title-icon
+    color $ui-inactive-text-color
+
+  .item-title-empty
+    color $ui-inactive-text-color
+
+  .item-bottom-tagList-item
+    background-color alpha($ui-dark-button--active-backgroundColor, 40%)
+    color $ui-inactive-text-color
+
+  .item-bottom-tagList-empty
+    color $ui-inactive-text-color
+    vertical-align middle
--- a/browser/components/NoteItemSimple.js
+++ b/browser/components/NoteItemSimple.js
@@ -14,7 +14,7 @@ import styles from './NoteItemSimple.styl'
 * @param {Function} handleNoteContextMenu
 * @param {Function} handleDragStart
 */
-const NoteItemSimple = ({ isActive, note, handleNoteClick, handleNoteContextMenu, handleDragStart }) => (
+const NoteItemSimple = ({ isActive, note, handleNoteClick, handleNoteContextMenu, handleDragStart, pathname }) => (
  <div styleName={isActive
      ? 'item-simple--active'
      : 'item-simple'
@@ -30,6 +30,10 @@ const NoteItemSimple = ({ isActive, note, handleNoteClick, handleNoteContextMenu
        ? <i styleName='item-simple-title-icon' className='fa fa-fw fa-code' />
        : <i styleName='item-simple-title-icon' className='fa fa-fw fa-file-text-o' />
      }
+      {note.isPinned && !pathname.match(/\/home|\/starred|\/trash/)
+        ? <i styleName='item-pin' className='fa fa-thumb-tack' />
+        : ''
+      }
      {note.title.trim().length > 0
        ? note.title
        : <span styleName='item-simple-title-empty'>Empty</span>
--- a/browser/components/NoteItemSimple.styl
+++ b/browser/components/NoteItemSimple.styl
@@ -50,6 +50,7 @@ $control-height = 30px
 .item-simple-title
  font-size 13px
  height 40px
+  padding-right 20px
  box-sizing border-box
  line-height 24px
  padding-top 8px
@@ -67,6 +68,15 @@ $control-height = 30px
  font-weight normal
  color $ui-inactive-text-color

+.item-pin
+  position absolute
+  right 0px
+  top 12px
+  color #E54D42
+  font-size 14px
+  padding 0
+  border-radius 17px
+
 body[data-theme="white"]
  .item-simple
    background-color $ui-white-noteList-backgroundColor
@@ -143,3 +153,57 @@ body[data-theme="dark"]

  .item-simple-title-empty
    color $ui-dark-inactive-text-color
+
+
+body[data-theme="solarized-dark"]
+  .root
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .item-simple
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteList-backgroundColor
+    &:hover
+      transition 0.15s
+      // background-color alpha($ui-dark-button--active-backgroundColor, 20%)
+      color $ui-solarized-dark-text-color
+      .item-simple-title
+      .item-simple-title-icon
+      .item-simple-bottom-time
+        transition 0.15s
+        color $ui-solarized-dark-text-color
+      .item-simple-bottom-tagList-item
+        transition 0.15s
+        background-color alpha(#fff, 20%)
+        color $ui-solarized-dark-text-color
+    &:active
+      transition 0.15s
+      background-color $ui-solarized-dark-button--active-backgroundColor
+      color $ui-solarized-dark-text-color
+      .item-simple-title
+      .item-simple-title-icon
+      .item-simple-bottom-time
+        transition 0.15s
+        color $ui-solarized-dark-text-color
+      .item-simple-bottom-tagList-item
+        transition 0.15s
+        background-color alpha(white, 10%)
+        color $ui-solarized-dark-text-color  
+
+  .item-simple--active
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-button--active-backgroundColor
+    .item-simple-wrapper
+      border-color transparent
+    .item-simple-title
+    .item-simple-title-icon
+    .item-simple-bottom-time
+      color $ui-solarized-dark-text-color
+    .item-simple-bottom-tagList-item
+      background-color alpha(white, 10%)
+      color $ui-solarized-dark-text-color
+    &:hover
+      // background-color alpha($ui-dark-button--active-backgroundColor, 60%)
+      color #c0392b
+      .item-simple-bottom-tagList-item
+        background-color alpha(#fff, 20%)
--- a/browser/components/RealtimeNotification.styl
+++ b/browser/components/RealtimeNotification.styl
@@ -29,3 +29,15 @@ body[data-theme="dark"]
    transition 0.2s
    &:hover
      color #5CB85C
+
+
+body[data-theme="solarized-dark"]
+  .notification-area
+    background-color none
+
+  .notification-link
+    color $ui-solarized-dark-text-color
+    border none
+    background-color $ui-solarized-dark-button-backgroundColor
+    &:hover
+      color #5CB85C
--- a/browser/components/SideNavFilter.js
+++ b/browser/components/SideNavFilter.js
@@ -41,7 +41,7 @@ const SideNavFilter = ({
      <div styleName='iconWrap'>
        <img src={isStarredActive
            ? '../resources/icon/icon-star-active.svg'
-            : '../resources/icon/icon-star.svg'
+            : '../resources/icon/icon-star-sidenav.svg'
          }
        />
      </div>
@@ -55,7 +55,7 @@ const SideNavFilter = ({
      <div styleName='iconWrap'>
        <img src={isTrashedActive
            ? '../resources/icon/icon-trash-active.svg'
-            : '../resources/icon/icon-trash.svg'
+            : '../resources/icon/icon-trash-sidenav.svg'
          }
        />
      </div>
--- a/browser/components/SideNavFilter.styl
+++ b/browser/components/SideNavFilter.styl
@@ -55,7 +55,7 @@

 .menu--folded
  @extend .menu
-  .menu-button, .menu-button--active
+  .menu-button, .menu-button--active, .menu-button-star--active, .menu-button-trash--active
    text-align center
    padding 0 12px
    &:hover .menu-button-label
@@ -183,3 +183,46 @@ body[data-theme="dark"]
      color #5D9E36
      .menu-button-label
        color $ui-dark-text-color
+
+
+body[data-theme="solarized-dark"]
+  .menu-button
+    &:active
+      background-color $ui-solarized-dark-noteList-backgroundColor
+      color $ui-solarized-dark-text-color
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+      color $ui-solarized-dark-text-color
+
+  .menu-button--active
+    color $ui-solarized-dark-text-color
+    background-color $ui-solarized-dark-button-backgroundColor
+    .menu-button-label
+      color $ui-solarized-dark-text-color
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+      color $ui-solarized-dark-text-color
+      .menu-button-label
+        color $ui-solarized-dark-text-color
+
+  .menu-button-star--active
+    color $ui-solarized-dark-text-color
+    background-color $ui-solarized-dark-button-backgroundColor
+    .menu-button-label
+      color $ui-solarized-dark-text-color
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+      color $ui-solarized-dark-text-color
+      .menu-button-label
+        color $ui-solarized-dark-text-color
+
+  .menu-button-trash--active
+    color $ui-solarized-dark-text-color
+    background-color $ui-solarized-dark-button-backgroundColor
+    .menu-button-label
+      color $ui-solarized-dark-text-color
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+      color $ui-solarized-dark-text-color
+      .menu-button-label
+        color $ui-solarized-dark-text-color
--- a/browser/components/SnippetTab.js
+++ b/browser/components/SnippetTab.js
@@ -85,6 +85,15 @@ class SnippetTab extends React.Component {
    })
  }

+  handleDragStart (e) {
+    e.dataTransfer.dropEffect = 'move'
+    this.props.onDragStart(e)
+  }
+
+  handleDrop (e) {
+    this.props.onDrop(e)
+  }
+
  render () {
    const { isActive, snippet, isDeletable } = this.props
    return (
@@ -98,6 +107,9 @@ class SnippetTab extends React.Component {
            onClick={(e) => this.handleClick(e)}
            onDoubleClick={(e) => this.handleRenameClick(e)}
            onContextMenu={(e) => this.handleContextMenu(e)}
+            onDragStart={(e) => this.handleDragStart(e)}
+            onDrop={(e) => this.handleDrop(e)}
+            draggable='true'
          >
            {snippet.name.trim().length > 0
              ? snippet.name
@@ -127,6 +139,7 @@ class SnippetTab extends React.Component {
 }

 SnippetTab.propTypes = {
+
 }

 export default CSSModules(SnippetTab, styles)
--- a/browser/components/SnippetTab.styl
+++ b/browser/components/SnippetTab.styl
@@ -38,7 +38,7 @@
  text-align center
  border none
  padding 0
-  color transparent
+  color $ui-inactive-text-color
  background-color transparent
  border-radius 2px

@@ -89,3 +89,50 @@ body[data-theme="dark"]
  .input
    background-color $ui-dark-button--hover-backgroundColor
    color $ui-dark-text-color
+
+  .deleteButton
+    color alpha($ui-dark-text-color, 30%)
+
+body[data-theme="solarized-dark"]
+  .root
+    color $ui-solarized-dark-text-color
+    border-color $ui-dark-borderColor
+    &:hover
+      background-color $ui-solarized-dark-noteDetail-backgroundColor
+      .deleteButton
+        color $ui-solarized-dark-text-color
+        &:hover
+          background-color darken($ui-solarized-dark-noteDetail-backgroundColor, 15%)
+        &:active
+          color $ui-solarized-dark-text-color
+          background-color $ui-dark-button--active-backgroundColor
+
+  .root--active
+    color $ui-solarized-dark-text-color
+    border-color $ui-solarized-dark-borderColor
+    &:hover
+      background-color $ui-solarized-dark-noteDetail-backgroundColor
+      .deleteButton
+        color $ui-solarized-dark-text-color
+        &:hover
+          background-color darken($ui-solarized-dark-noteDetail-backgroundColor, 15%)
+        &:active
+          color $ui-solarized-dark-text-color
+          background-color $ui-dark-button--active-backgroundColor
+
+  .button
+    border none
+    color $ui-solarized-dark-text-color
+    background-color transparent
+    transition color background-color 0.15s
+    border-left 4px solid transparent
+    &:hover
+      color $ui-solarized-dark-text-color
+      background-color $ui-solarized-dark-noteDetail-backgroundColor
+
+  .input
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+    color $ui-solarized-dark-text-color
+
+  .deleteButton
+    color alpha($ui-solarized-dark-text-color, 30%)
--- a/browser/components/StorageItem.styl
+++ b/browser/components/StorageItem.styl
@@ -109,3 +109,22 @@ body[data-theme="dark"]
    &:hover
      color $ui-dark-text-color
      background-color alpha($ui-dark-button--active-backgroundColor, 50%)
+
+body[data-theme="solarized-dark"]
+  .folderList-item
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+      color $ui-solarized-dark-text-color
+    &:active
+      color $ui-solarized-dark-text-color
+      background-color $ui-solarized-dark-button-backgroundColor
+
+  .folderList-item--active
+    @extend .folderList-item
+    color $ui-solarized-dark-text-color
+    background-color $ui-solarized-dark-button-backgroundColor
+    &:active
+      background-color $ui-solarized-dark-button-backgroundColor
+    &:hover
+      color $ui-solarized-dark-text-color
+      background-color $ui-solarized-dark-button-backgroundColor
--- a/browser/components/TodoListPercentage.js
+++ b/browser/components/TodoListPercentage.js
@@ -16,9 +16,11 @@ const TodoListPercentage = ({
 }) => (
  <div styleName='percentageBar' style={{display: isNaN(percentageOfTodo) ? 'none' : ''}}>
    <div styleName='progressBar' style={{width: `${percentageOfTodo}%`}}>
+      <div styleName='progressBarInner'>
        <p styleName='percentageText'>{percentageOfTodo}%</p>
      </div>
    </div>
+  </div>
 )

 TodoListPercentage.propTypes = {
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -16,17 +16,36 @@
  border-radius 2px
  transition 0.4s cubic-bezier(0.4, 0.4, 0, 1)

+.progressBarInner
+  padding 0 10px
+  min-width 1px
+  height 100%
+  display -webkit-box
+  display box
+  justify-content center
+  align-items center
+
+
 .percentageText
  color #f4f4f4
-  padding: 2px 43%
  font-weight 600

 body[data-theme="dark"]
  .percentageBar
-    background-color #363A3D
+    background-color #444444

  .progressBar
-    background-color: alpha(#939395, 50%)
+    background-color: #1EC38B

  .percentageText
    color $ui-dark-text-color
+    
+body[data-theme="solarized-dark"]
+  .percentageBar
+    background-color #002b36
+
+  .progressBar
+    background-color: #2aa198
+
+  .percentageText
+    color #fdf6e3
--- a/browser/components/markdown.styl
+++ b/browser/components/markdown.styl
@@ -77,6 +77,9 @@ body
 li
  label.taskListItem
    margin-left -2em
+    &.checked
+      text-decoration line-through
+      opacity 0.5
 div.math-rendered
  text-align center
 .math-failed
@@ -117,6 +120,7 @@ hr
  margin 15px 0
 h1, h2, h3, h4, h5, h6
  font-weight bold
+  word-wrap break-word
 h1
  font-size 2.55em
  padding-bottom 0.3em
@@ -154,6 +158,7 @@ p
  line-height 1.6em
  margin 0 0 1em
  white-space pre-line
+  word-wrap break-word
 img
  max-width 100%
 strong, b
@@ -330,3 +335,9 @@ body[data-theme="dark"]
  kbd
    background-color themeDarkBorder
    color themeDarkText
+
+
+body[data-theme="solarized-dark"]
+  color $ui-solarized-dark-text-color
+  border-color themeDarkBorder
+  background-color $ui-solarized-dark-noteDetail-backgroundColor
--- a/browser/finder/FinderMain.styl
+++ b/browser/finder/FinderMain.styl
@@ -116,3 +116,41 @@ body[data-theme="dark"]
    absolute top bottom right
    left $nav-width + $list-width
    background-color $ui-dark-noteDetail-backgroundColor
+
+
+
+body[data-theme="solarized-dark"]
+  .root
+    background-color $ui-solarized-dark-backgroundColor
+  .search
+    border-color $ui-solarized-dark-borderColor
+  .search-input
+    color $ui-dark-text-color
+
+  .result
+    background-color $ui-solarized-dark-backgroundColor
+
+  .result-nav
+    background-color $ui-solarized-dark-backgroundColor
+    label
+      color $ui-dark-text-color
+
+  .result-nav-menu
+    navDarkButtonColor()
+
+  .result-nav-menu--active
+    background-color $ui-solarized-dark-button-backgroundColor
+    color $ui-dark-button--active-color
+    &:hover
+      background-color $ui-dark-button--active-backgroundColor
+
+  .result-list
+    border-color $ui-solarized-dark-borderColor
+    box-shadow none
+    top 0
+
+  .result-detail
+    absolute top bottom right
+    left $nav-width + $list-width
+    background-color $ui-solarized-dark-backgroundColor
+
--- a/browser/finder/NoteDetail.js
+++ b/browser/finder/NoteDetail.js
@@ -157,6 +157,7 @@ class NoteDetail extends React.Component {
              indentType={config.editor.indentType}
              indentSize={editorIndentSize}
              keyMap={config.editor.keyMap}
+              scrollPastEnd={config.editor.scrollPastEnd}
              readOnly
              ref={'code-' + index}
            />
--- a/browser/finder/NoteDetail.styl
+++ b/browser/finder/NoteDetail.styl
@@ -95,3 +95,35 @@ body[data-theme="dark"]
    &:hover
      color white
      background-color $ui-dark-button--hover-backgroundColor
+  
+
+body[data-theme="solarized-dark"]
+  .root
+    background-color $ui-solarized-dark-backgroundColor
+
+  .description
+    border-color $ui-dark-borderColor
+    background-color $ui-solarized-dark-backgroundColor
+
+  .description-textarea
+    background-color $ui-solarized-dark-backgroundColor
+    color white
+
+  .tabList
+    background-color $ui-solarized-dark-backgroundColor
+
+  .tabList-item
+    border-color $ui-dark-borderColor
+    &:hover
+      background-color $ui-dark-button--hover-backgroundColor
+
+  .tabList-item-button
+    border none
+    color $ui-dark-text-color
+    background-color transparent
+    transition color background-color 0.15s
+    border-left 4px solid transparent
+    &:hover
+      color white
+      background-color $ui-dark-button--hover-backgroundColor
+
--- a/browser/finder/ipcClient.js
+++ b/browser/finder/ipcClient.js
@@ -86,6 +86,8 @@ nodeIpc.connectTo(
        document.body.setAttribute('data-theme', 'dark')
      } else if (config.ui.theme === 'white') {
        document.body.setAttribute('data-theme', 'white')
+      } else if (config.ui.theme === 'solarized-dark') {
+        document.body.setAttribute('data-theme', 'solarized-dark')
      } else {
        document.body.setAttribute('data-theme', 'default')
      }
--- a/browser/lib/getTodoStatus.js
+++ b/browser/lib/getTodoStatus.js
@@ -5,7 +5,7 @@ export function getTodoStatus (content) {

  splitted.forEach((line) => {
    const trimmedLine = line.trim()
-    if (trimmedLine.match(/^[\+\-\*] \[\s|x\] ./)) {
+    if (trimmedLine.match(/^[\+\-\*] \[(\s|x)\] ./)) {
      numberOfTodo++
    }
    if (trimmedLine.match(/^[\+\-\*] \[x\] ./)) {
--- a/browser/lib/markdown.js
+++ b/browser/lib/markdown.js
@@ -2,9 +2,11 @@ import markdownit from 'markdown-it'
 import emoji from 'markdown-it-emoji'
 import math from '@rokt33r/markdown-it-math'
 import _ from 'lodash'
+import ConfigManager from 'browser/main/lib/ConfigManager'

 // FIXME We should not depend on global variable.
 const katex = window.katex
+const config = ConfigManager.get()

 function createGutter (str) {
  const lc = (str.match(/\n/g) || []).length
@@ -39,6 +41,10 @@ md.use(emoji, {
  shortcuts: {}
 })
 md.use(math, {
+  inlineOpen: config.preview.latexInlineOpen,
+  inlineClose: config.preview.latexInlineClose,
+  blockOpen: config.preview.latexBlockOpen,
+  blockClose: config.preview.latexBlockClose,
  inlineRenderer: function (str) {
    let output = ''
    try {
@@ -109,7 +115,7 @@ md.block.ruler.at('paragraph', function (state, startLine/*, endLine */) {
  if (state.parentType === 'list') {
    const match = content.match(/^\[( |x)\] ?(.+)/i)
    if (match) {
-      content = `<label class='taskListItem' for='checkbox-${startLine + 1}'><input type='checkbox'${match[1] !== ' ' ? ' checked' : ''} id='checkbox-${startLine + 1}'/> ${content.substring(4, content.length)}</label>`
+      content = `<label class='taskListItem${match[1] !== ' ' ? ' checked' : ''}' for='checkbox-${startLine + 1}'><input type='checkbox'${match[1] !== ' ' ? ' checked' : ''} id='checkbox-${startLine + 1}'/> ${content.substring(4, content.length)}</label>`
    }
  }

--- a/browser/main/Detail/Detail.styl
+++ b/browser/main/Detail/Detail.styl
@@ -22,3 +22,9 @@ body[data-theme="dark"]
    background-color $ui-dark-backgroundColor
  .empty-message
    color $ui-dark-inactive-text-color
+    
+body[data-theme="solarized-dark"]
+  .root
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+  .empty-message
+    color $ui-solarized-dark-text-color
--- a/browser/main/Detail/InfoButton.styl
+++ b/browser/main/Detail/InfoButton.styl
@@ -1,7 +1,6 @@
 .control-infoButton
  top 10px
-  margin-bottom 10px
-  topBarButtonLight()
+  topBarButtonRight()

 .infoButton
  padding 0px
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -3,6 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './MarkdownNoteDetail.styl'
 import MarkdownEditor from 'browser/components/MarkdownEditor'
+import MarkdownSplitEditor from 'browser/components/MarkdownSplitEditor'
 import TodoListPercentage from 'browser/components/TodoListPercentage'
 import StarButton from './StarButton'
 import TagSelect from './TagSelect'
@@ -15,6 +16,7 @@ import StatusBar from '../StatusBar'
 import _ from 'lodash'
 import { findNoteTitle } from 'browser/lib/findNoteTitle'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
+import ConfigManager from 'browser/main/lib/ConfigManager'
 import TrashButton from './TrashButton'
 import PermanentDeleteButton from './PermanentDeleteButton'
 import InfoButton from './InfoButton'
@@ -39,7 +41,8 @@ class MarkdownNoteDetail extends React.Component {
        content: ''
      }, props.note),
      isLockButtonShown: false,
-      isLocked: false
+      isLocked: false,
+      editorType: props.config.editor.type
    }
    this.dispatchTimer = null

@@ -233,7 +236,7 @@ class MarkdownNoteDetail extends React.Component {
  }

  getToggleLockButton () {
-    return this.state.isLocked ? '../resources/icon/icon-lock.svg' : '../resources/icon/icon-unlock.svg'
+    return this.state.isLocked ? '../resources/icon/icon-previewoff-on.svg' : '../resources/icon/icon-previewoff-off.svg'
  }

  handleDeleteKeyDown (e) {
@@ -262,9 +265,42 @@ class MarkdownNoteDetail extends React.Component {
    ee.emit('print')
  }

-  render () {
-    const { data, config, location } = this.props
+  handleSwitchMode (type) {
+    this.setState({ editorType: type }, () => {
+      const newConfig = Object.assign({}, this.props.config)
+      newConfig.editor.type = type
+      ConfigManager.set(newConfig)
+    })
+  }
+
+  renderEditor () {
+    const { config, ignorePreviewPointerEvents } = this.props
    const { note } = this.state
+    if (this.state.editorType === 'EDITOR_PREVIEW') {
+      return <MarkdownEditor
+        ref='content'
+        styleName='body-noteEditor'
+        config={config}
+        value={note.content}
+        storageKey={note.storage}
+        onChange={(e) => this.handleChange(e)}
+        ignorePreviewPointerEvents={ignorePreviewPointerEvents}
+      />
+    } else {
+      return <MarkdownSplitEditor
+        ref='content'
+        config={config}
+        value={note.content}
+        storageKey={note.storage}
+        onChange={(e) => this.handleChange(e)}
+        ignorePreviewPointerEvents={ignorePreviewPointerEvents}
+      />
+    }
+  }
+
+  render () {
+    const { data, location } = this.props
+    const { note, editorType } = this.state
    const storageKey = note.storage
    const folderKey = note.folder

@@ -318,6 +354,16 @@ class MarkdownNoteDetail extends React.Component {
          value={this.state.note.tags}
          onChange={(e) => this.handleChange(e)}
        />
+
+        <div styleName='mode-tab'>
+          <div styleName={editorType === 'SPLIT' ? 'active' : 'non-active'} onClick={() => this.handleSwitchMode('SPLIT')}>
+            <img styleName='item-star' src={editorType === 'EDITOR_PREVIEW' ? '../resources/icon/icon-mode-split-on.svg' : '../resources/icon/icon-mode-split-on-active.svg'} />
+          </div>
+          <div styleName={editorType === 'EDITOR_PREVIEW' ? 'active' : 'non-active'} onClick={() => this.handleSwitchMode('EDITOR_PREVIEW')}>
+            <img styleName='item-star' src={editorType === 'EDITOR_PREVIEW' ? '../resources/icon/icon-mode-markdown-off-active.svg' : '../resources/icon/icon-mode-markdown-off.svg'} />
+          </div>
+        </div>
+
        <TodoListPercentage
          percentageOfTodo={getTodoPercentageOfCompleted(note.content)}
        />
@@ -350,7 +396,7 @@ class MarkdownNoteDetail extends React.Component {
        <button styleName='control-fullScreenButton'
          onMouseDown={(e) => this.handleFullScreenButton(e)}
        >
-          <img styleName='iconInfo' src='../resources/icon/icon-sidebar.svg' />
+          <img styleName='iconInfo' src='../resources/icon/icon-full.svg' />
        </button>

        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
@@ -380,15 +426,7 @@ class MarkdownNoteDetail extends React.Component {
        {location.pathname === '/trashed' ? trashTopBar : detailTopBar}

        <div styleName='body'>
-          <MarkdownEditor
-            ref='content'
-            styleName='body-noteEditor'
-            config={config}
-            value={this.state.note.content}
-            storageKey={this.state.note.storage}
-            onChange={(e) => this.handleChange(e)}
-            ignorePreviewPointerEvents={this.props.ignorePreviewPointerEvents}
-          />
+          {this.renderEditor()}
        </div>

        <StatusBar
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/browser/main/Detail/MarkdownNoteDetail.styl
@@ -12,9 +12,8 @@
  padding-bottom 3px

 .control-lockButton
-  top 160px
-  margin-bottom 10px
-  topBarButtonLight()
+  top 150px
+  topBarButtonRight()

 .trashed-infopanel
  top 40px
@@ -22,7 +21,7 @@

 .control-fullScreenButton
  top 80px
-  topBarButtonLight()
+  topBarButtonRight()

 .body
  absolute left right
@@ -34,6 +33,26 @@
 .body-noteEditor
  absolute top bottom left right

+.mode-tab
+  border 1px solid #eee
+  height 34px
+  display flex
+  align-items center
+  div
+    width 40px
+    height 100%
+    background-color #f9f9f9
+    display flex
+    align-items center
+    justify-content center
+    cursor pointer
+    &:first-child
+      border-right 1px solid #eee
+  .active
+    background-color #fff
+    box-shadow 2px 0px 7px #eee
+    z-index 1
+  
 body[data-theme="white"]
  .root
    box-shadow $note-detail-box-shadow
@@ -43,7 +62,7 @@ body[data-theme="dark"]
  .root
    background-color $ui-dark-noteDetail-backgroundColor
    box-shadow none
-    border none
+    border-left 1px solid $ui-dark-borderColor

  .control-lockButton
    topBarButtonDark()
@@ -53,3 +72,28 @@ body[data-theme="dark"]

  .control-fullScreenButton
    topBarButtonDark()
+
+  .mode-tab
+    border 1px solid #444444
+    div
+      background-color $ui-dark-noteDetail-backgroundColor
+      &:first-child
+        border-right 1px solid #444444
+    .active
+      background-color #3A404C
+      box-shadow 2px 0px 7px #444444
+
+body[data-theme="solarized-dark"]
+  .root
+    border-left 1px solid $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+
+  .mode-tab
+    border 1px solid #586E75
+    div
+      background-color $ui-solarized-dark-noteDetail-backgroundColor
+      &:first-child
+        border-right 1px solid #586E75
+    .active
+      background-color #002B36
+      box-shadow 2px 0px 7px #222222
--- a/browser/main/Detail/NoteDetailInfo.styl
+++ b/browser/main/Detail/NoteDetailInfo.styl
@@ -96,3 +96,9 @@ body[data-theme="dark"]

  .undo-button
    topBarButtonDark()
+
+body[data-theme="solarized-dark"]
+  .info
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+    
--- a/browser/main/Detail/SnippetNoteDetail.js
+++ b/browser/main/Detail/SnippetNoteDetail.js
@@ -236,6 +236,27 @@ class SnippetNoteDetail extends React.Component {
    })
  }

+  handleTabDragStart (e, index) {
+    e.dataTransfer.setData('text/plain', index)
+  }
+
+  handleTabDrop (e, index) {
+    const oldIndex = parseInt(e.dataTransfer.getData('text'))
+
+    const snippets = this.state.note.snippets.slice()
+    const draggedSnippet = snippets[oldIndex]
+    snippets[oldIndex] = snippets[index]
+    snippets[index] = draggedSnippet
+    const snippetIndex = index
+
+    const note = Object.assign({}, this.state.note, {snippets})
+    this.setState({ note, snippetIndex }, () => {
+      this.save()
+      this.refs['code-' + index].reload()
+      this.refs['code-' + oldIndex].reload()
+    })
+  }
+
  handleTabDeleteButtonClick (e, index) {
    if (this.state.note.snippets.length > 1) {
      if (this.state.note.snippets[index].content.trim().length > 0) {
@@ -511,6 +532,8 @@ class SnippetNoteDetail extends React.Component {
        onDelete={(e) => this.handleTabDeleteButtonClick(e, index)}
        onRename={(name) => this.renameSnippetByIndex(index, name)}
        isDeletable={note.snippets.length > 1}
+        onDragStart={(e) => this.handleTabDragStart(e, index)}
+        onDrop={(e) => this.handleTabDrop(e, index)}
      />
    })

@@ -542,6 +565,7 @@ class SnippetNoteDetail extends React.Component {
            indentType={config.editor.indentType}
            indentSize={editorIndentSize}
            keyMap={config.editor.keyMap}
+            scrollPastEnd={config.editor.scrollPastEnd}
            onChange={(e) => this.handleCodeChange(index)(e)}
            ref={'code-' + index}
          />
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -69,7 +69,7 @@
 .control-fullScreenButton
  top 80px
  margin-bottom 10px
-  topBarButtonLight()
+  topBarButtonRight()

 body[data-theme="white"]
  .root
@@ -78,7 +78,7 @@ body[data-theme="white"]

 body[data-theme="dark"]
  .root
-    border none
+    border-left 1px solid $ui-dark-borderColor
    background-color $ui-dark-noteDetail-backgroundColor
    box-shadow none

@@ -109,3 +109,20 @@ body[data-theme="dark"]

  .control-fullScreenButton
    topBarButtonDark()
+
+body[data-theme="solarized-dark"]
+  .root
+    border-left 1px solid $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+
+  .body
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+
+  .body .description textarea
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+    color $ui-solarized-dark-text-color
+    border 1px solid $ui-solarized-dark-borderColor
+
+  .tabList
+    background-color $ui-solarized-dark-noteDetail-backgroundColor
+    color $ui-solarized-dark-text-color
--- a/browser/main/Detail/StarButton.styl
+++ b/browser/main/Detail/StarButton.styl
@@ -1,6 +1,6 @@
 .root
  top 45px
-  topBarButtonLight()
+  topBarButtonRight()
  &:hover
    transition 0.2s
    color alpha($ui-favorite-star-button-color, 0.6)
--- a/browser/main/Detail/TagSelect.styl
+++ b/browser/main/Detail/TagSelect.styl
@@ -6,6 +6,7 @@
  width 100%
  overflow-x scroll
  white-space nowrap
+  margin-right 10px

 .root::-webkit-scrollbar
  display none
@@ -64,3 +65,19 @@ body[data-theme="dark"]
    border-color none
    background-color transparent
    color $ui-dark-text-color
+    
+body[data-theme="solarized-dark"]
+  .tag
+    background-color $ui-solarized-dark-tag-backgroundColor
+
+  .tag-removeButton
+    border-color $ui-button--focus-borderColor
+    background-color transparent
+
+  .tag-label
+    color $ui-solarized-dark-text-color
+
+  .newTag
+    border-color none
+    background-color transparent
+    color $ui-solarized-dark-text-color
--- a/browser/main/Detail/TrashButton.styl
+++ b/browser/main/Detail/TrashButton.styl
@@ -1,11 +1,10 @@
 .control-trashButton
-  top 120px
-  margin-bottom 10px
-  topBarButtonLight()
+  top 115px
+  topBarButtonRight()

 .control-trashButton--in-trash
  top 60px
-  topBarButtonLight()
+  topBarButtonRight()

 .trashButton
  padding 0px
--- a/browser/main/Main.js
+++ b/browser/main/Main.js
@@ -55,6 +55,8 @@ class Main extends React.Component {
      document.body.setAttribute('data-theme', 'dark')
    } else if (config.ui.theme === 'white') {
      document.body.setAttribute('data-theme', 'white')
+    } else if (config.ui.theme === 'solarized-dark') {
+      document.body.setAttribute('data-theme', 'solarized-dark')
    } else {
      document.body.setAttribute('data-theme', 'default')
    }
--- a/browser/main/NewNoteButton/NewNoteButton.styl
+++ b/browser/main/NewNoteButton/NewNoteButton.styl
@@ -71,3 +71,7 @@ body[data-theme="dark"]

  .control-newNoteButton-tooltip
    darkTooltip()
+
+body[data-theme="solarized-dark"]
+  .root, .root--expanded
+    background-color $ui-solarized-dark-noteList-backgroundColor
--- a/browser/main/NoteList/NoteList.styl
+++ b/browser/main/NoteList/NoteList.styl
@@ -89,3 +89,28 @@ body[data-theme="dark"]
    color $ui-dark-text-color
    &:active
      color $ui-dark-text-color
+
+
+body[data-theme="solarized-dark"]
+  .root
+    border-color $ui-solarized-dark-borderColor
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .control
+    background-color $ui-solarized-dark-noteList-backgroundColor
+    border-color $ui-solarized-dark-borderColor
+
+  .control-sortBy-select
+    &:hover
+      transition 0.2s
+      color $ui-solarized-dark-text-color
+
+  .control-button
+    color $ui-solarized-dark-inactive-text-color
+    &:hover
+      color $ui-solarized-dark-text-color
+  
+  .control-button--active
+    color $ui-solarized-dark-text-color
+    &:active
+      color $ui-solarized-dark-text-color
--- a/browser/main/NoteList/index.js
+++ b/browser/main/NoteList/index.js
@@ -12,7 +12,7 @@ import NoteItemSimple from 'browser/components/NoteItemSimple'
 import searchFromNotes from 'browser/lib/search'
 import fs from 'fs'
 import { hashHistory } from 'react-router'
-import markdown from 'browser/lib/markdown'
+import markdown from 'browser/lib/markdownTextHelper'
 import { findNoteTitle } from 'browser/lib/findNoteTitle'
 import store from 'browser/main/store'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
@@ -584,12 +584,18 @@ class NoteList extends React.Component {
    filepaths.forEach((filepath) => {
      fs.readFile(filepath, (err, data) => {
        if (err) throw Error('File reading error: ', err)
+
+        fs.stat(filepath, (err, {mtime, birthtime}) => {
+          if (err) throw Error('File stat reading error: ', err)
+
          const content = data.toString()
          const newNote = {
            content: content,
            folder: folder.key,
            title: markdown.strip(findNoteTitle(content)),
-          type: 'MARKDOWN_NOTE'
+            type: 'MARKDOWN_NOTE',
+            createdAt: birthtime,
+            updatedAt: mtime
          }
          dataApi.createNote(storage.key, newNote)
          .then((note) => {
@@ -604,6 +610,7 @@ class NoteList extends React.Component {
          })
        })
      })
+    })
  }

  getTargetIndex () {
@@ -717,6 +724,7 @@ class NoteList extends React.Component {
            handleNoteContextMenu={this.handleNoteContextMenu.bind(this)}
            handleNoteClick={this.handleNoteClick.bind(this)}
            handleDragStart={this.handleDragStart.bind(this)}
+            pathname={location.pathname}
          />
        )
      })
--- a/browser/main/SideNav/SideNav.styl
+++ b/browser/main/SideNav/SideNav.styl
@@ -138,7 +138,7 @@ body[data-theme="white"]

 body[data-theme="dark"]
  .root, .root--folded
-    border-color $ui-dark-borderColor
+    border-right 1px solid $ui-dark-borderColor
    background-color $ui-dark-backgroundColor
    color $ui-dark-text-color

@@ -163,3 +163,8 @@ body[data-theme="dark"]
  .tag-title
    p
      color alpha($ui-dark-text-color, 60%)
+
+body[data-theme="solarized-dark"]
+  .root, .root--folded
+    background-color $ui-solarized-dark-backgroundColor
+    border-right 1px solid $ui-solarized-dark-borderColor
--- a/browser/main/SideNav/StorageItem.styl
+++ b/browser/main/SideNav/StorageItem.styl
@@ -180,3 +180,7 @@ body[data-theme="dark"]
    &:active, &:active:hover
      color $ui-dark-text-color
      background-color $ui-dark-button--active-backgroundColor
+      
+
+
+
--- a/browser/main/TopBar/TopBar.styl
+++ b/browser/main/TopBar/TopBar.styl
@@ -185,3 +185,26 @@ body[data-theme="dark"]

  .control-newPostButton-tooltip
    darkTooltip()
+
+
+body[data-theme="solarized-dark"]
+  .root, .root--expanded
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .control
+    border-color $ui-solarized-dark-borderColor
+  .control-search
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .control-search-icon
+    absolute top bottom left
+    line-height 32px
+    width 35px
+    color $ui-solarized-dark-inactive-text-color
+    background-color $ui-solarized-dark-noteList-backgroundColor
+
+  .control-search-input
+    background-color $ui-solarized-dark-noteList-backgroundColor
+    input
+      background-color $ui-solarized-dark-noteList-backgroundColor
+      color $ui-solarized-dark-text-color
--- a/browser/main/global.styl
+++ b/browser/main/global.styl
@@ -1,4 +1,5 @@
 global-reset()
+@import '../styles/vars.styl'

 DEFAULT_FONTS = 'OpenSans', helvetica, arial, sans-serif

@@ -84,10 +85,14 @@ modalBackColor = white
    absolute top left bottom right
    background-color modalBackColor
    z-index modalZIndex + 1
+    
+
 body[data-theme="dark"]
  .ModalBase
    .modalBack
      background-color $ui-dark-backgroundColor
+  .sortableItemHelper
+    color: $ui-dark-text-color

 .CodeMirror
  font-family inherit !important
@@ -107,6 +112,11 @@ body[data-theme="dark"]
 .sortableItemHelper
  z-index modalZIndex + 5

-body[data-theme="dark"]
+body[data-theme="solarized-dark"]
+  .ModalBase
+    .modalBack
+      background-color $ui-solarized-dark-backgroundColor
  .sortableItemHelper
-    color: $ui-dark-text-color
+    color: $ui-solarized-dark-text-color
+
+
--- a/browser/main/lib/AwsMobileAnalyticsConfig.js
+++ b/browser/main/lib/AwsMobileAnalyticsConfig.js
@@ -7,7 +7,7 @@ const os = require('os')
 let mobileAnalyticsClient

 AWS.config.region = 'us-east-1'
-if (process.env.NODE_ENV === 'production' && ConfigManager.default.get().amaEnabled) {
+if (!getSendEventCond()) {
  AWS.config.credentials = new AWS.CognitoIdentityCredentials({
    IdentityPoolId: 'us-east-1:xxxxxxxxxxxxxxxxxxxxxxxxx'
  })
@@ -34,8 +34,15 @@ function convertPlatformName (platformName) {
  }
 }

+function getSendEventCond () {
+  const isDev = process.env.NODE_ENV !== 'production'
+  const isDisable = !ConfigManager.default.get().amaEnabled
+  const isOffline = !window.navigator.onLine
+  return isDev || isDisable || isOffline
+}
+
 function initAwsMobileAnalytics () {
-  if (process.env.NODE_ENV !== 'production' || !ConfigManager.default.get().amaEnabled) return
+  if (getSendEventCond()) return
  AWS.config.credentials.get((err) => {
    if (!err) {
      console.log('Cognito Identity ID: ' + AWS.config.credentials.identityId)
@@ -46,7 +53,7 @@ function initAwsMobileAnalytics () {
 }

 function recordDynamicCustomEvent (type, options = {}) {
-  if (process.env.NODE_ENV !== 'production' || !ConfigManager.default.get().amaEnabled) return
+  if (getSendEventCond()) return
  try {
    mobileAnalyticsClient.recordEvent(type, options)
  } catch (analyticsError) {
@@ -57,7 +64,7 @@ function recordDynamicCustomEvent (type, options = {}) {
 }

 function recordStaticCustomEvent () {
-  if (process.env.NODE_ENV !== 'production' || !ConfigManager.default.get().amaEnabled) return
+  if (getSendEventCond()) return
  try {
    mobileAnalyticsClient.recordEvent('UI_COLOR_THEME', {
      uiColorTheme: ConfigManager.default.get().ui.theme
--- a/browser/main/lib/ConfigManager.js
+++ b/browser/main/lib/ConfigManager.js
@@ -34,13 +34,19 @@ export const DEFAULT_CONFIG = {
    fontFamily: win ? 'Segoe UI' : 'Monaco, Consolas',
    indentType: 'space',
    indentSize: '2',
-    switchPreview: 'BLUR' // Available value: RIGHTCLICK, BLUR
+    switchPreview: 'BLUR', // Available value: RIGHTCLICK, BLUR
+    scrollPastEnd: false,
+    type: 'SPLIT'
  },
  preview: {
    fontSize: '14',
    fontFamily: win ? 'Segoe UI' : 'Lato',
    codeBlockTheme: 'dracula',
-    lineNumber: true
+    lineNumber: true,
+    latexInlineOpen: '$',
+    latexInlineClose: '$',
+    latexBlockOpen: '$$',
+    latexBlockClose: '$$'
  }
 }

@@ -110,6 +116,8 @@ function set (updates) {
    document.body.setAttribute('data-theme', 'dark')
  } else if (newConfig.ui.theme === 'white') {
    document.body.setAttribute('data-theme', 'white')
+  } else if (newConfig.ui.theme === 'solarized-dark') {
+    document.body.setAttribute('data-theme', 'solarized-dark')
  } else {
    document.body.setAttribute('data-theme', 'default')
  }
--- a/browser/main/lib/dataApi/createNote.js
+++ b/browser/main/lib/dataApi/createNote.js
@@ -66,10 +66,14 @@ function createNote (storageKey, input) {
          }
        }
      }
-      const noteData = Object.assign({}, input, {
-        key,
+      const noteData = Object.assign({},
+        {
          createdAt: new Date(),
-        updatedAt: new Date(),
+          updatedAt: new Date()
+        },
+        input, // input may contain more accurate dates
+        {
+          key,
          storage: storageKey
        })

--- a/browser/main/modals/NewNoteModal.styl
+++ b/browser/main/modals/NewNoteModal.styl
@@ -64,3 +64,20 @@ body[data-theme="dark"]
  .description
    color $ui-inactive-text-color

+body[data-theme="solarized-dark"]
+  .root
+    background-color transparent
+
+  .header
+    color $ui-solarized-dark-text-color
+
+  .control-button
+    border-color $ui-solarized-dark-borderColor
+    color $ui-solarized-dark-text-color
+    background-color transparent
+    &:focus
+      colorDarkPrimaryButton()
+
+  .description
+    color $ui-solarized-dark-text-color
+
--- a/browser/main/modals/PreferencesModal/ConfigTab.styl
+++ b/browser/main/modals/PreferencesModal/ConfigTab.styl
@@ -128,6 +128,12 @@ colorDarkControl()
  background-color $ui-dark-backgroundColor
  color $ui-dark-text-color
  
+colorSolarizedDarkControl()
+  border none
+  background-color $ui-solarized-dark-button-backgroundColor
+  color $ui-solarized-dark-text-color
+
+
 body[data-theme="dark"]
  .root
    color $ui-dark-text-color
@@ -154,3 +160,33 @@ body[data-theme="dark"]
  .group-section-control
    select, .group-section-control-input
      colorDarkControl()
+     
+      
+body[data-theme="solarized-dark"]
+  .root
+    color $ui-solarized-dark-text-color
+
+  .group-header
+    color $ui-solarized-dark-text-color
+    border-color $ui-solarized-dark-borderColor 
+
+  .group-header2
+    color $ui-solarized-dark-text-color
+
+  .group-section-control-input
+    border-color $ui-solarized-dark-borderColor 
+
+  .group-control
+    border-color $ui-solarized-dark-borderColor 
+  .group-control-leftButton
+    colorDarkDefaultButton()
+    border-color $ui-solarized-dark-borderColor 
+  .group-control-rightButton
+    colorSolarizedDarkPrimaryButton()
+  .group-hint
+    colorSolarizedDarkControl()
+  .group-section-control
+    select, .group-section-control-input
+      colorSolarizedDarkControl()
+
+
--- a/browser/main/modals/PreferencesModal/Crowdfunding.styl
+++ b/browser/main/modals/PreferencesModal/Crowdfunding.styl
@@ -28,3 +28,9 @@ p
 body[data-theme="dark"]
  p
    color $ui-dark-text-color
+    
+body[data-theme="solarized-dark"]
+  .root
+    color $ui-solarized-dark-text-color
+  p
+    color $ui-solarized-dark-text-color
--- a/browser/main/modals/PreferencesModal/FolderItem.styl
+++ b/browser/main/modals/PreferencesModal/FolderItem.styl
@@ -101,3 +101,28 @@ body[data-theme="dark"]

  .folderItem-right-dangerButton
    colorDarkDangerButton()
+
+
+
+body[data-theme="solarized-dark"]
+  .folderItem
+    &:hover
+      background-color $ui-solarized-dark-button-backgroundColor
+
+  .folderItem-left-danger
+    color $danger-color
+
+  .folderItem-left-key
+    color $ui-dark-inactive-text-color
+
+  .folderItem-left-colorButton
+    colorSolarizedDarkPrimaryButton()
+
+  .folderItem-right-button
+    colorSolarizedDarkPrimaryButton()
+
+  .folderItem-right-confirmButton
+    colorSolarizedDarkPrimaryButton()
+
+  .folderItem-right-dangerButton
+    colorSolarizedDarkPrimaryButton()
--- a/browser/main/modals/PreferencesModal/InfoTab.styl
+++ b/browser/main/modals/PreferencesModal/InfoTab.styl
@@ -60,3 +60,11 @@
 body[data-theme="dark"]
  .root
    color alpha($tab--dark-text-color, 80%)
+    
+
+body[data-theme="solarized-dark"]
+  .root
+    color $ui-solarized-dark-text-color
+.list
+  a
+    color $ui-solarized-dark-active-color
--- a/browser/main/modals/PreferencesModal/PreferencesModal.styl
+++ b/browser/main/modals/PreferencesModal/PreferencesModal.styl
@@ -86,3 +86,29 @@ body[data-theme="dark"]
    background-color $dark-primary-button-background--active
    &:hover
      color white
+      
+
+body[data-theme="solarized-dark"]
+  .root
+    background-color transparent
+  .top-bar
+    background-color transparent
+    border-color $ui-solarized-dark-borderColor
+    p
+      color $ui-solarized-dark-text-color
+  .nav
+    background-color transparent
+    border-color $ui-solarized-dark-borderColor
+  .nav-button
+    background-color transparent
+    color $ui-solarized-dark-text-color
+    &:hover
+      color $ui-solarized-dark-text-color
+
+  .nav-button--active
+    @extend .nav-button
+    color $ui-solarized-dark-button--active-color
+    background-color $ui-solarized-dark-button--active-backgroundColor
+    &:hover
+      color white
+
--- a/browser/main/modals/PreferencesModal/StoragesTab.js
+++ b/browser/main/modals/PreferencesModal/StoragesTab.js
@@ -168,9 +168,9 @@ class StoragesTab extends React.Component {
              </select>
              <div styleName='addStorage-body-section-type-description'>
                3rd party cloud integration:
-                <a href='https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing'
+                <a href='https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup'
                  onClick={(e) => this.handleLinkClick(e)}
-                >Cloud-Syncing</a>
+                >Cloud-Syncing-and-Backup</a>
              </div>
            </div>
          </div>
--- a/browser/main/modals/PreferencesModal/StoragesTab.styl
+++ b/browser/main/modals/PreferencesModal/StoragesTab.styl
@@ -158,3 +158,44 @@ body[data-theme="dark"]
  .addStorage-body-control-cancelButton
    colorDarkDefaultButton()
    border-color $ui-dark-borderColor
+    
+
+
+body[data-theme="solarized-dark"]
+  .root
+    color $ui-solarized-dark-text-color
+
+  .folderList-item
+    border-bottom $ui-solarized-dark-borderColor
+
+  .folderList-empty
+    color $ui-solarized-dark-text-color
+
+  .list-empty
+    color $ui-solarized-dark-text-color
+  .list-control-addStorageButton
+    border-color $ui-solarized-dark-button-backgroundColor
+    background-color $ui-solarized-dark-button-backgroundColor
+    color $ui-solarized-dark-text-color
+
+  .addStorage-header
+    color $ui-solarized-dark-text-color
+    border-color $ui-solarized-dark-borderColor
+
+  .addStorage-body-section-name-input
+    border-color $$ui-solarized-dark-borderColor
+
+  .addStorage-body-section-type-description
+    color $ui-solarized-dark-text-color
+
+  .addStorage-body-section-path-button
+    colorPrimaryButton()
+  .addStorage-body-control
+    border-color $ui-solarized-dark-borderColor
+
+  .addStorage-body-control-createButton
+    colorDarkPrimaryButton()
+  .addStorage-body-control-cancelButton
+    colorDarkDefaultButton()
+    border-color $ui-solarized-dark-borderColor
+
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -73,13 +73,18 @@ class UiTab extends React.Component {
        indentType: this.refs.editorIndentType.value,
        indentSize: this.refs.editorIndentSize.value,
        switchPreview: this.refs.editorSwitchPreview.value,
-        keyMap: this.refs.editorKeyMap.value
+        keyMap: this.refs.editorKeyMap.value,
+        scrollPastEnd: this.refs.scrollPastEnd.checked
      },
      preview: {
        fontSize: this.refs.previewFontSize.value,
        fontFamily: this.refs.previewFontFamily.value,
        codeBlockTheme: this.refs.previewCodeBlockTheme.value,
-        lineNumber: this.refs.previewLineNumber.checked
+        lineNumber: this.refs.previewLineNumber.checked,
+        latexInlineOpen: this.refs.previewLatexInlineOpen.value,
+        latexInlineClose: this.refs.previewLatexInlineClose.value,
+        latexBlockOpen: this.refs.previewLatexBlockOpen.value,
+        latexBlockClose: this.refs.previewLatexBlockClose.value
      }
    }

@@ -141,6 +146,7 @@ class UiTab extends React.Component {
              >
                <option value='default'>Default</option>
                <option value='white'>White</option>
+                <option value='solarized-dark'>Solarized Dark</option>
                <option value='dark'>Dark</option>
              </select>
            </div>
@@ -274,6 +280,17 @@ class UiTab extends React.Component {
            </div>
          </div>

+          <div styleName='group-checkBoxSection'>
+            <label>
+              <input onChange={(e) => this.handleUIChange(e)}
+                checked={this.state.config.editor.scrollPastEnd}
+                ref='scrollPastEnd'
+                type='checkbox'
+              />&nbsp;
+              Allow editor to scroll past the last line
+            </label>
+          </div>
+
          <div styleName='group-header2'>Preview</div>
          <div styleName='group-section'>
            <div styleName='group-section-label'>
@@ -326,6 +343,58 @@ class UiTab extends React.Component {
              Show line numbers for preview code blocks
            </label>
          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              LaTeX Inline Open Delimiter
+            </div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='previewLatexInlineOpen'
+                value={config.preview.latexInlineOpen}
+                onChange={(e) => this.handleUIChange(e)}
+                type='text'
+              />
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              LaTeX Inline Close Delimiter
+            </div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='previewLatexInlineClose'
+                value={config.preview.latexInlineClose}
+                onChange={(e) => this.handleUIChange(e)}
+                type='text'
+              />
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              LaTeX Block Open Delimiter
+            </div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='previewLatexBlockOpen'
+                value={config.preview.latexBlockOpen}
+                onChange={(e) => this.handleUIChange(e)}
+                type='text'
+              />
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              LaTeX Block Close Delimiter
+            </div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='previewLatexBlockClose'
+                value={config.preview.latexBlockClose}
+                onChange={(e) => this.handleUIChange(e)}
+                type='text'
+              />
+            </div>
+          </div>

          <div styleName='group-control'>
            <button styleName='group-control-rightButton'
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -106,6 +106,18 @@ colorDarkPrimaryButton()
  &:active:hover
    background-color $dark-primary-button-background--active

+
+colorSolarizedDarkPrimaryButton()
+  color $ui-solarized-dark-text-color
+  background-color $ui-solarized-dark-button-backgroundColor
+  border none
+  &:hover
+    background-color $dark-primary-button-background--hover
+  &:active
+  &:active:hover
+    background-color $dark-primary-button-background--active
+
+
 // Danger button(Brand color)
 $danger-button-background = #c9302c
 $danger-button-background--hover = darken(#c9302c, 5%)
@@ -174,20 +186,20 @@ modal()
  overflow hidden
  border-radius $modal-border-radius

-topBarButtonLight()
+topBarButtonRight()
  position absolute
  width 34px
  height 34px
  border-radius 17px
  font-size 14px
  border none
-  color alpha($ui-button-color, 0.4)
+  color alpha($ui-button-color, 0.2)
  fill $ui-button-color
  background-color transparent
  &:active
    border-color $ui-button--active-backgroundColor
  &:hover
-    transform scale(1.1)
+    // transform scale(1.1)
    transition 0.4s
    color $ui-button-color
    .control-lockButton-tooltip
@@ -223,10 +235,11 @@ $ui-button--focus-borderColor = lighten(#369DCD, 25%)

 /******* Dark theme ********/
 $ui-dark-active-color = #3A404C
-$ui-dark-borderColor = lighten(#21252B, 20%)
-$ui-dark-backgroundColor = #1E2124
-$ui-dark-noteList-backgroundColor = #282C30
-$ui-dark-noteDetail-backgroundColor = #2D3033
+$ui-dark-borderColor = #444444
+$ui-dark-backgroundColor = #2C3033
+$ui-dark-noteList-backgroundColor = #2C3033
+$ui-dark-noteDetail-backgroundColor = #2C3033
+
 $ui-dark-tag-backgroundColor = #3A404C
 $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
 $ui-dark-text-color = #DDDDDD
@@ -249,6 +262,7 @@ colorDarkDefaultButton()
  &:active:hover
    background-color $ui-dark-button--active-backgroundColor

+
 $dark-danger-button-background = #c9302c
 $dark-danger-button-background--hover = darken(#c9302c, 5%)
 $dark-danger-button-background--active = darken(#c9302c, 10%)
@@ -307,3 +321,22 @@ modalDark()
  background-color $ui-dark-backgroundColor
  overflow hidden
  border-radius $modal-border-radius
+
+
+/******* Solarized Dark theme ********/
+$ui-solarized-dark-backgroundColor = #073642
+$ui-solarized-dark-noteList-backgroundColor = #073642
+$ui-solarized-dark-noteDetail-backgroundColor = #073642
+
+$ui-solarized-dark-text-color = #93a1a1
+$ui-solarized-dark-active-color = #2aa198
+
+$ui-solarized-dark-borderColor = #586e75
+
+$ui-solarized-dark-tag-backgroundColor = #002b36
+
+$ui-solarized-dark-button-backgroundColor = #002b36
+$ui-solarized-dark-button--active-color = #93a1a1
+$ui-solarized-dark-button--active-backgroundColor = #073642
+$ui-solarized-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%)
+$ui-solarized-dark-button--focus-borderColor = lighten(#369DCD, 25%)
--- a/browser/styles/main/index.styl
+++ b/browser/styles/main/index.styl
@@ -1,113 +0,0 @@
-@import '../vars'
-@import '../mixins/*'
-global-reset()
-@import '../theme/*'
-
-DEFAULT_FONTS = 'Lato', helvetica, arial, sans-serif
-
-html, body
-  width 100%
-  height 100%
-  overflow hidden
-
-body
-  font-family DEFAULT_FONTS
-  color textColor
-  font-size fontSize
-  font-weight 400
-
-body[data-modal="open"]
-  #content *
-    overflow hidden !important
-
-button, input, select, textarea
-  font-family DEFAULT_FONTS
-
-div, span, a, button, input, textarea
-  box-sizing border-box
-
-a
-  color brandColor
-  &:hover
-    color lighten(brandColor, 5%)
-  &:visited
-    color brandColor
-
-hr
-  border-top none
-  border-bottom solid 1px borderColor
-  margin 15px 0
-
-button
-  font-weight 400
-  cursor pointer
-  &:focus, &.focus
-    outline none
-
-.noSelect
-  noSelect()
-
-.text-center
-  text-align center
-
-.form-group
-  margin-bottom 15px
-  &>label
-    display block
-    margin-bottom 5px
-
-.block-input, .inline-input
-  border solid 1px borderColor
-  padding 0 10px
-  font-size 1em
-  height 33px
-  border-radius 5px
-  box-sizing border-box
-  &:focus, &.focus
-    border solid 1px brandBorderColor
-    outline none
-  &.circleInput
-    border-radius 16.5px
-
-.block-input
-  display block
-  width 100%
-
-.inline-input
-  display inline-block
-  margin-right 5px
-
-.relative
-  position relative
-
-textarea.block-input
-  resize vertical
-  height 125px
-  border-radius 5px
-  padding 5px 10px
-
-#content
-  fullsize()
-
-modalZIndex= 1000
-modalBackColor = transparentify(black, 65%)
-
-.ModalBase
-  fixed top left bottom right
-  z-index modalZIndex
-  &.hide
-    display none
-  .modalBack
-    absolute top left bottom right
-    background-color modalBackColor
-    z-index modalZIndex + 1
-  .modal
-    position relative
-    width 650px
-    margin 50px auto 0
-    z-index modalZIndex + 2
-    background-color white
-    padding 15px
-    color #666666
-    border-radius 5px
-
--- a/docs/build.md
+++ b/docs/build.md
@@ -1,5 +1,5 @@
 # Build
-This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), and [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md).
+This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).

 ## Environments
 * npm: 4.x
--- a/docs/de/build.md
+++ b/docs/de/build.md
@@ -0,0 +1,87 @@
+# Build
+Diese Seite ist auch verfügbar in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
+
+## Umgebungen
+* npm: 4.x
+* node: 7.x
+
+Du solltest `npm v4.x` benutzen weil `$ grunt pre-build` scheitert mit Version `v5.x`.
+
+## Entwicklung
+
+Wir verwenden Webpack HMR für die Entwicklung von Boostnote.
+Durch Ausführen der folgenden Befehle, im root Verzeichnis des Projektes, wird Boostnote mit der Default Konfiguration gestartet.
+
+Installiere die nötigen Pakete unter Verwendung von yarn.
+
+```
+$ yarn
+```
+
+Bauen und Ausführen.
+
+```
+$ yarn run dev-start
+```
+
+Dieser Befehl startet `yarn run webpack` und `yarn run hot` parallel. Es hat den selben Effekt wie beide Befehle separat in zwei Terminals zu starten.
+
+Das `webpack` überprüft den Code auf Änderungen und wendet diese dann automatisch an.
+
+Wenn folgender Fehler passiert: `Failed to load resource: net::ERR_CONNECTION_REFUSED`, bitte Boostnote neu starten.
+
+![net::ERR_CONNECTION_REFUSED](https://cloud.githubusercontent.com/assets/11307908/24343004/081e66ae-1279-11e7-8d9e-7f478043d835.png)
+
+> ### Notiz
+> Es gibt einige Fälle bei denen die App manuell zu refreshen ist.
+> 1. Wenn eine "constructor method" einer Komponente manuell editiert wird.
+> 2. Wenn eine neue CSS Klasse ergänzt wird (ähnlich wie 1: die CSS Klasse wird von jeder Komponenete neu geschrieben. Dieser Prozess passiert in der "Constructor method".)
+
+## Deploy
+
+Wir verwenden Grunt um das Deployment zu automatisieren.
+Du kannst das Programm unter Verwendung von `grunt` bauen. Jedoch empfehlen wir das nicht denn der default task beinhaltet codesign und authenticode.
+
+Deshalb haben wir ein separates Script vorbereitet welches eine ausführbare Datei erstellt.
+
+Dieser build funktioniert nicht mit npm v5.3.0. Deshalb musst du für den Build die Version v5.2.0 verwenden.
+
+```
+grunt pre-build
+```
+Du findest die ausführbare Datein in dem Verzeichnis `dist`. Beachte, der auto updater funktioniert nicht da die app nicht signiert ist.
+
+Wenn du es für notwendig erachtest, kannst du codesign or authenticode mit dieser ausführbaren Datei verwenden.
+
+## Erstelle eigene Distributions Pakete (deb, rpm)
+
+Distributions Pakete können mittels `grunt build` auf Linux Plattformen (e.g. Ubuntu, Fedora) erstellt werden.
+
+> Beachte: Du kannst bei `.deb` and `.rpm` in der selben Umgebung erstellen.
+
+Nach der Installation der supporteten Version von `node` and `npm`, installiere auch build dependency packages.
+
+
+Ubuntu/Debian:
+
+```
+$ sudo apt-get install -y rpm fakeroot
+```
+
+Fedora:
+
+```
+$ sudo dnf install -y dpkg dpkg-dev rpm-build fakeroot
+```
+
+Dann führe `grunt build` aus.
+
+```
+$ grunt build
+```
+
+Du findest nun die `.deb` undd `.rpm` Pakete in dem `dist` Ordner.
+
+---
+
+Special thanks: Translated by [gino909](https://github.com/gino909)
--- a/docs/de/debug.md
+++ b/docs/de/debug.md
@@ -0,0 +1,25 @@
+# How to debug Boostnote (Electron app)
+Diese Seite ist auch verfügbar in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md) and [German](https://github.com/BoostIO/Boostnote/blob/add-german-documents/docs/de/debug.md).
+
+Boostnote is eine Electron app, somit basiert sie auf Chromium; Entwickler können die `Developer Tools` verwenden, wie Google Chrome.
+
+Du kannst die `Developer Tools` so einschalten:
+![how_to_toggle_devTools](https://cloud.githubusercontent.com/assets/11307908/24343585/162187e2-127c-11e7-9c01-23578db03ecf.png)
+
+Die `Developer Tools` schauen dann ungefähr so aus:
+![Developer_Tools](https://cloud.githubusercontent.com/assets/11307908/24343545/eff9f3a6-127b-11e7-94cf-cb67bfda634a.png)
+
+Wenn Fehler vorkommen, werden die Fehlermeldungen in der `console` ausgegeben.
+
+## Debugging
+Zum Beispiel kannst du mit dem `debugger` Haltepunkte im Code setzen wie hier veranschaulicht:
+![debugger](https://cloud.githubusercontent.com/assets/11307908/24343879/9459efea-127d-11e7-9943-f60bf7f66d4a.png)
+
+Das ist ledigtlich ein Beispiel, du kannst die Art von Debugging verwenden die für dich am besten ist.
+
+## Referenz
+* [Official document of Google Chrome about debugging](https://developer.chrome.com/devtools)
+
+---
+
+Special thanks: Translated by [gino909](https://github.com/gino909)
--- a/docs/debug.md
+++ b/docs/debug.md
@@ -1,5 +1,5 @@
 # How to debug Boostnote (Electron app)
-This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), and [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md).
+This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md) and [German](https://github.com/BoostIO/Boostnote/blob/add-german-documents/docs/de/debug.md).

 Boostnote is an Electron app so it's based on Chromium; developers can use `Developer Tools` just like Google Chrome.

--- a/lib/main-menu.js
+++ b/lib/main-menu.js
@@ -20,6 +20,7 @@ const boost = macOS
      },
      {
        label: 'Preferences',
+        accelerator: 'Command+,',
        click () {
          mainWindow.webContents.send('side:preferences')
        }
@@ -56,6 +57,7 @@ const boost = macOS
    submenu: [
      {
        label: 'Preferences',
+        accelerator: 'Control+,',
        click () {
          mainWindow.webContents.send('side:preferences')
        }
@@ -152,6 +154,7 @@ if (LINUX) {
    type: 'separator'
  }, {
    label: 'Preferences',
+    accelerator: 'Control+,',
    click () {
      mainWindow.webContents.send('side:preferences')
    }
--- a/lib/main.html
+++ b/lib/main.html
@@ -82,6 +82,7 @@
  <script src="../node_modules/codemirror/addon/search/search.js"></script>
  <script src="../node_modules/codemirror/addon/search/searchcursor.js"></script>
  <script src="../node_modules/codemirror/addon/scroll/annotatescrollbar.js"></script>
+  <script src="../node_modules/codemirror/addon/scroll/scrollpastend.js"></script>
  <script src="../node_modules/codemirror/addon/search/matchesonscrollbar.js"></script>
  <script src="../node_modules/codemirror/addon/search/jump-to-line.js"></script>
  <script src="../node_modules/codemirror/addon/dialog/dialog.js"></script>
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "boost",
  "productName": "Boostnote",
-  "version": "0.8.18",
+  "version": "0.8.19",
  "main": "index.js",
  "description": "Boostnote",
  "license": "GPL-3.0",
@@ -102,12 +102,13 @@
    "css-loader": "^0.19.0",
    "devtron": "^1.1.0",
    "dom-storage": "^2.0.2",
-    "electron-packager": "^6.0.0",
    "electron": "^1.6.15",
+    "electron-packager": "^6.0.0",
    "eslint": "^3.13.1",
    "eslint-config-standard": "^6.2.1",
    "eslint-config-standard-jsx": "^3.2.0",
    "eslint-plugin-react": "^7.2.0",
+    "eslint-plugin-standard": "^3.0.1",
    "faker": "^3.1.0",
    "grunt": "^0.4.5",
    "grunt-electron-installer": "^1.2.0",
--- a/readme.md
+++ b/readme.md
@@ -26,16 +26,20 @@ Thank you to all the people who already contributed to Boostnote!
 Boostnote is an open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these awesome [backers](https://github.com/BoostIO/Boostnote/blob/master/Backers.md). If you'd like to join them, please consider:
 - [Become a backer or sponsor on Open Collective.](https://opencollective.com/boostnoteio)

-## Slack Group
-Let's talk about Boostnote! <br>
-[Join us](https://join.slack.com/t/boostnote-group/shared_invite/enQtMjc2MDM0MDEyODk2LThlZDlhYmYwMjdkMmJjMGM5MGFiMGJmNzk5ZTdhNzFhMmNmMDFlY2M2YTE1MTZkOThiOGZmNTI3YzJiOTBhMTQ)
+## Community
+- [Facebook Group](https://www.facebook.com/groups/boostnote/)
+- [Twitter](https://twitter.com/boostnoteapp)
+- [Slack Group](https://join.slack.com/t/boostnote-group/shared_invite/enQtMjc2MDM0MDEyODk2LThlZDlhYmYwMjdkMmJjMGM5MGFiMGJmNzk5ZTdhNzFhMmNmMDFlY2M2YTE1MTZkOThiOGZmNTI3YzJiOTBhMTQ)
+- [Blog](https://medium.com/boostnote)
+- [Reddit](https://www.reddit.com/r/Boostnote/)

-## More Information
+
+#### More Information
 * [Website](https://boostnote.io)
 * [Subscribe to the Newsletter](https://boostnote.io/#community): Get updates on Boostnote progress. No spam, ever :)
 * [Development](https://github.com/BoostIO/Boostnote/blob/master/docs/build.md): Development configurations for Boostnote.
 * Copyright (C) 2017 Maisin&Co.

-## License
+#### License

 [GPL v3](./LICENSE).
--- a/resources/icon/icon-code-off.svg
+++ b/resources/icon/icon-code-off.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-code-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard-4" transform="translate(-1317.000000, -294.000000)" stroke="#8A8C8D" stroke-width="2">
+            <g id="icon-code-off" transform="translate(1318.000000, 295.000000)">
+                <path d="M0,6 L16,6" id="Shape"></path>
+                <path d="M0,12 L16,12" id="Shape"></path>
+                <path d="M6,0 L4,18" id="Shape"></path>
+                <path d="M12,0 L10,18" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-code-on.svg
+++ b/resources/icon/icon-code-on.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-code-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Artboard-4" transform="translate(-1480.000000, -373.000000)" stroke="#1EC38B" stroke-width="1.43999988">
+            <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)">
+                <g id="icon-code-on" transform="translate(145.000000, 11.657143)">
+                    <path d="M0,4.51020408 L12,4.51020408" id="Shape"></path>
+                    <path d="M0,8.11836735 L12,8.11836735" id="Shape"></path>
+                    <path d="M4.61538462,0 L2.76923077,12.6285714" id="Shape"></path>
+                    <path d="M9.23076923,0 L7.38461538,12.6285714" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-edit-lock.svg
+++ b/resources/icon/icon-edit-lock.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-edit-lock</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1443.000000, -336.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="icon-edit-lock" transform="translate(1444.000000, 337.000000)" stroke="#1EC38B" stroke-width="1.66666667">
+            <polygon id="Shape" points="9.16666667 0 12.5 3.42857143 3.33333333 12.8571429 0 12.8571429 0 9.42857143"></polygon>
+            <path d="M0,17.1428571 L15,17.1428571" id="Shape"></path>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-edit.svg
+++ b/resources/icon/icon-edit.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-edit</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Artboard-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1478.000000, -370.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)" stroke="#C7C7C7" stroke-width="1.66666667">
+            <g id="icon-edit" transform="translate(143.000000, 8.000000)">
+                <polygon id="Shape" points="9.16666667 0 12.5 3.42857143 3.33333333 12.8571429 0 12.8571429 0 9.42857143"></polygon>
+                <path d="M0,17.1428571 L15,17.1428571" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-full.svg
+++ b/resources/icon/icon-full.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-full</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1421.000000, -219.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="icon-full" transform="translate(1422.000000, 220.000000)" stroke="#C7C7C7" stroke-width="1.33333333">
+            <polyline id="Shape" points="8 0 12 0 12 4"></polyline>
+            <polyline id="Shape" points="4 12 0 12 0 8"></polyline>
+            <path d="M12,0 L7.33333333,4.66666667" id="Shape"></path>
+            <path d="M0,12 L4.66666667,7.33333333" id="Shape"></path>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-info-24.svg
+++ b/resources/icon/icon-info-24.svg
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-info-24</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-1431.000000, -144.000000)">
-            <g id="icon-info-24" transform="translate(1429.000000, 142.000000)">
-                <rect id="Rectangle-7" fill="#BFBFBF" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                <g id="info" transform="translate(3.000000, 3.000000)">
-                    <circle id="Oval" stroke="#8A8C8D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" cx="9" cy="9" r="9"></circle>
-                    <path d="M9,14.1428571 L9,9" id="Shape" stroke="#8A8C8D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
-                    <circle id="Oval-2" fill="#8A8C8D" cx="9" cy="5.14285714" r="1.28571429"></circle>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/resources/icon/icon-info.svg
+++ b/resources/icon/icon-info.svg
@@ -8,10 +8,10 @@
        <g id="Artboard" transform="translate(-1440.000000, -152.000000)">
            <g id="icon-info" transform="translate(1439.000000, 151.000000)">
                <rect id="Rectangle-7" fill="#BFBFBF" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                <g id="info" transform="translate(2.000000, 2.000000)">
-                    <circle id="Oval" stroke="#8A8C8D" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" cx="8" cy="8" r="8"></circle>
-                    <path d="M8,12.5714286 L8,8" id="Shape" stroke="#8A8C8D" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
-                    <circle id="Oval-2" fill="#8A8C8D" cx="8" cy="4.57142857" r="1.14285714"></circle>
+                <g id="info" transform="translate(2.000000, 2.000000)" stroke="#C7C7C7">
+                    <circle id="Oval" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" cx="8" cy="8" r="8"></circle>
+                    <path d="M8,12.5714286 L8,8" id="Shape" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <circle id="Oval-2" stroke-width="0.8" fill="#C7C7C7" cx="8" cy="4.57142857" r="1.14285714"></circle>
                </g>
            </g>
        </g>
--- a/resources/icon/icon-mode-markdown-off-active.svg
+++ b/resources/icon/icon-mode-markdown-off-active.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-mode-markdown-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Artboard-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1478.000000, -372.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)" stroke="#1EC38B" stroke-width="1.55555556">
+            <g id="icon-mode-markdown-off" transform="translate(143.000000, 10.000000)">
+                <polygon id="Shape" points="10.1111111 0 14 3.88888889 3.88888889 14 0 14 0 10.1111111"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-mode-markdown-off.svg
+++ b/resources/icon/icon-mode-markdown-off.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-mode-markdown-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Artboard-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1478.000000, -372.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)" stroke="#C7C7C7" stroke-width="1.55555556">
+            <g id="icon-mode-markdown-off" transform="translate(143.000000, 10.000000)">
+                <polygon id="Shape" points="10.1111111 0 14 3.88888889 3.88888889 14 0 14 0 10.1111111"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-mode-split-on-active.svg
+++ b/resources/icon/icon-mode-split-on-active.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-mode-split-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Artboard-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1378.000000, -372.000000)">
+        <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)">
+            <g id="icon-mode-split-on" transform="translate(40.000000, 7.000000)">
+                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                <g id="sidebar" transform="translate(3.000000, 3.000000)" stroke="#1EC38B" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.55555556">
+                    <rect id="Rectangle-path" x="0" y="0" width="14" height="14" rx="1.55555556"></rect>
+                    <path d="M5.66666667,0 L5.66666667,14" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-mode-split-on.svg
+++ b/resources/icon/icon-mode-split-on.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-mode-split-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="Artboard-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1378.000000, -372.000000)">
+        <g id="Group" filter="url(#filter-1)" transform="translate(1336.000000, 363.000000)">
+            <g id="icon-mode-split-on" transform="translate(40.000000, 7.000000)">
+                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                <g id="sidebar" transform="translate(3.000000, 3.000000)" stroke="#C7C7C7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.55555556">
+                    <rect id="Rectangle-path" x="0" y="0" width="14" height="14" rx="1.55555556"></rect>
+                    <path d="M5.66666667,0 L5.66666667,14" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-previewoff-off.svg
+++ b/resources/icon/icon-previewoff-off.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-previewoff-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1463.000000, -366.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="icon-previewoff-off" transform="translate(1464.000000, 367.000000)" stroke="#C7C7C7" stroke-width="1.45454545">
+            <path d="M12.32,12.32 C11.0767927,13.267638 9.56298725,13.7926278 8,13.8181818 C2.90909091,13.8181818 0,8 0,8 C0.904647197,6.31410594 2.15937124,4.84116902 3.68,3.68 M6.47272727,2.35636364 C6.97333258,2.2391851 7.48586478,2.18060999 8,2.18181818 C13.0909091,2.18181818 16,8 16,8 C15.5585306,8.82589626 15.0320403,9.60344443 14.4290909,10.32 M9.54181818,9.54181818 C8.99790377,10.1255365 8.17874751,10.3658158 7.40570499,10.1683943 C6.63266247,9.97097281 6.02902719,9.36733753 5.8316057,8.59429501 C5.6341842,7.82125249 5.87446348,7.00209623 6.45818182,6.45818182" id="Shape"></path>
+            <path d="M0,0 L16,16" id="Shape"></path>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-previewoff-on.svg
+++ b/resources/icon/icon-previewoff-on.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-previewoff-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1438.000000, -366.000000)" stroke-linecap="round" stroke-linejoin="round">
+        <g id="icon-previewoff-on" transform="translate(1439.000000, 367.000000)" stroke="#1EC38B" stroke-width="1.45454545">
+            <path d="M12.32,12.32 C11.0767927,13.267638 9.56298725,13.7926278 8,13.8181818 C2.90909091,13.8181818 0,8 0,8 C0.904647197,6.31410594 2.15937124,4.84116902 3.68,3.68 M6.47272727,2.35636364 C6.97333258,2.2391851 7.48586478,2.18060999 8,2.18181818 C13.0909091,2.18181818 16,8 16,8 C15.5585306,8.82589626 15.0320403,9.60344443 14.4290909,10.32 M9.54181818,9.54181818 C8.99790377,10.1255365 8.17874751,10.3658158 7.40570499,10.1683943 C6.63266247,9.97097281 6.02902719,9.36733753 5.8316057,8.59429501 C5.6341842,7.82125249 5.87446348,7.00209623 6.45818182,6.45818182" id="Shape"></path>
+            <path d="M0,0 L16,16" id="Shape"></path>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-sidebar-24.svg
+++ b/resources/icon/icon-sidebar-24.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-sidebar-24</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-1400.000000, -219.000000)">
-            <g id="icon-sidebar-24" transform="translate(1397.000000, 216.000000)">
-                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                <g id="sidebar" transform="translate(4.000000, 4.000000)" stroke="#8A8C8D" stroke-width="1.77777778" stroke-linecap="round" stroke-linejoin="round">
-                    <rect id="Rectangle-path" x="0" y="0" width="16" height="16" rx="1.77777778"></rect>
-                    <path d="M5.33333333,0 L5.33333333,16" id="Shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/resources/icon/icon-sidebar.svg
+++ b/resources/icon/icon-sidebar.svg
@@ -8,7 +8,7 @@
        <g id="Artboard" transform="translate(-1441.000000, -218.000000)">
            <g id="icon-sidebar" transform="translate(1439.000000, 216.000000)">
                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                <g id="sidebar" transform="translate(3.000000, 3.000000)" stroke="#8A8C8D" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
+                <g id="sidebar" transform="translate(3.000000, 3.000000)" stroke="#C7C7C7" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
                    <rect id="Rectangle-path" x="0" y="0" width="14" height="14" rx="1.55555556"></rect>
                    <path d="M4.66666667,0 L4.66666667,14" id="Shape"></path>
                </g>
--- a/resources/icon/icon-star-24.svg
+++ b/resources/icon/icon-star-24.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-star-24</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-1313.000000, -147.000000)">
-            <g id="icon-star-24" transform="translate(1311.000000, 145.000000)">
-                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                <rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="1" y="1" width="18" height="18"></rect>
-                <g id="star" transform="translate(3.000000, 3.000000)" stroke-linecap="round" stroke-width="1.8" stroke="#8A8C8D" stroke-linejoin="round">
-                    <polygon id="Shape" points="9 0 11.781 5.634 18 6.543 13.5 10.926 14.562 17.118 9 14.193 3.438 17.118 4.5 10.926 0 6.543 6.219 5.634"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/resources/icon/icon-star-sidenav.svg
+++ b/resources/icon/icon-star-sidenav.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-star-sidenav</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-150.000000, -267.000000)">
+        <g id="BG" transform="translate(64.000000, 132.000000)">
+            <g id="icon-star-sidenav" transform="translate(85.000000, 134.000000)">
+                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                <g id="star" transform="translate(1.000000, 1.000000)">
+                    <rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
+                    <g transform="translate(1.500000, 1.500000)" id="Shape" stroke="#8A8C8D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
+                        <polygon points="7.5 0 9.8175 4.695 15 5.4525 11.25 9.105 12.135 14.265 7.5 11.8275 2.865 14.265 3.75 9.105 0 5.4525 5.1825 4.695"></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-star.svg
+++ b/resources/icon/icon-star.svg
@@ -1,22 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
    <title>icon-star</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-150.000000, -267.000000)">
-            <g id="BG" transform="translate(64.000000, 132.000000)">
-                <g id="icon-star" transform="translate(85.000000, 134.000000)">
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1440.000000, -187.000000)">
+        <g id="icon-star" transform="translate(1439.000000, 186.000000)">
            <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
            <g id="star" transform="translate(1.000000, 1.000000)">
                <rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
-                        <g transform="translate(1.500000, 1.500000)" stroke-linecap="round" id="Shape" stroke-width="1.5" stroke="#8A8C8D" stroke-linejoin="round">
+                <g transform="translate(1.500000, 1.500000)" id="Shape" stroke="#C7C7C7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                    <polygon points="7.5 0 9.8175 4.695 15 5.4525 11.25 9.105 12.135 14.265 7.5 11.8275 2.865 14.265 3.75 9.105 0 5.4525 5.1825 4.695"></polygon>
                </g>
            </g>
        </g>
    </g>
-        </g>
-    </g>
 </svg>
--- a/resources/icon/icon-starred-24.svg
+++ b/resources/icon/icon-starred-24.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-starred-24</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-1346.000000, -147.000000)">
-            <g id="icon-starred-24" transform="translate(1344.000000, 145.000000)">
-                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                <rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="1" y="1" width="18" height="18"></rect>
-                <g id="star" transform="translate(3.000000, 3.000000)" stroke-linecap="round" stroke-width="1.8" stroke="#FDD835" fill="#FDD835" stroke-linejoin="round">
-                    <polygon id="Shape" points="9 0 11.781 5.634 18 6.543 13.5 10.926 14.562 17.118 9 14.193 3.438 17.118 4.5 10.926 0 6.543 6.219 5.634"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/resources/icon/icon-trash-24.svg
+++ b/resources/icon/icon-trash-24.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>icon-trash-24</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-1404.000000, -250.000000)">
-            <g id="icon-trash-24" transform="translate(1401.000000, 248.000000)">
-                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                <g id="trash" transform="translate(4.000000, 3.000000)" stroke-linecap="round" stroke-width="1.77777778" stroke="#8A8C8D" stroke-linejoin="round">
-                    <polyline id="Shape" points="0 3.6 1.77777778 3.6 16 3.6"></polyline>
-                    <path d="M14.2222222,3.6 L14.2222222,16.2 C14.2222222,17.1941125 13.426284,18 12.4444444,18 L3.55555556,18 C2.573716,18 1.77777778,17.1941125 1.77777778,16.2 L1.77777778,3.6 M4.44444444,3.6 L4.44444444,1.8 C4.44444444,0.80588745 5.24038267,0 6.22222222,0 L9.77777778,0 C10.7596173,0 11.5555556,0.80588745 11.5555556,1.8 L11.5555556,3.6" id="Shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/resources/icon/icon-trash-sidenav.svg
+++ b/resources/icon/icon-trash-sidenav.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="18px" viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-trash-sidenav</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-178.000000, -265.000000)">
+        <g id="icon-trash-sidenav" transform="translate(176.000000, 264.000000)">
+            <rect id="Rectangle-7" fill="#C6C6C6" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+            <g id="trash" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 2.000000)" stroke="#8A8C8D" stroke-width="1.55555556">
+                <polyline id="Shape" points="0 3.2 1.55555556 3.2 14 3.2"></polyline>
+                <path d="M12.4444444,3.2 L12.4444444,14.4 C12.4444444,15.2836556 11.7479985,16 10.8888889,16 L3.11111111,16 C2.2520015,16 1.55555556,15.2836556 1.55555556,14.4 L1.55555556,3.2 M3.88888889,3.2 L3.88888889,1.6 C3.88888889,0.7163444 4.58533483,0 5.44444444,0 L8.55555556,0 C9.41466517,0 10.1111111,0.7163444 10.1111111,1.6 L10.1111111,3.2" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/resources/icon/icon-trash.svg
+++ b/resources/icon/icon-trash.svg
@@ -5,10 +5,10 @@
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard" transform="translate(-84.000000, -263.000000)">
-            <g id="icon-trash" transform="translate(82.000000, 262.000000)">
-                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                <g id="trash" transform="translate(3.000000, 2.000000)" stroke-linecap="round" stroke-width="1.55555556" stroke="#8A8C8D" stroke-linejoin="round">
+        <g id="Artboard" transform="translate(-1441.000000, -249.000000)">
+            <g id="icon-trash" transform="translate(1439.000000, 248.000000)">
+                <rect id="Rectangle-7" fill="#C6C6C6" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                <g id="trash" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 2.000000)" stroke-width="1.55555556" stroke="#C7C7C7">
                    <polyline id="Shape" points="0 3.2 1.55555556 3.2 14 3.2"></polyline>
                    <path d="M12.4444444,3.2 L12.4444444,14.4 C12.4444444,15.2836556 11.7479985,16 10.8888889,16 L3.11111111,16 C2.2520015,16 1.55555556,15.2836556 1.55555556,14.4 L1.55555556,3.2 M3.88888889,3.2 L3.88888889,1.6 C3.88888889,0.7163444 4.58533483,0 5.44444444,0 L8.55555556,0 C9.41466517,0 10.1111111,0.7163444 10.1111111,1.6 L10.1111111,3.2" id="Shape"></path>
                </g>
--- a/resources/icon/icon-unlock.svg
+++ b/resources/icon/icon-unlock.svg
@@ -8,7 +8,7 @@
        <g id="Artboard" transform="translate(-1463.000000, -284.000000)">
            <g id="icon-unlock" transform="translate(1461.000000, 282.000000)">
                <rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                <g id="unlock" transform="translate(3.000000, 2.000000)" stroke="#8A8C8D" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
+                <g id="unlock" transform="translate(3.000000, 2.000000)" stroke="#C7C7C7" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
                    <rect id="Rectangle-path" x="0" y="7.61904762" width="14" height="8.38095238" rx="1.55555556"></rect>
                    <path d="M3.11111111,7.61904762 L3.11111111,4.57142857 C3.10910319,2.61427389 4.62135513,0.974054703 6.60916974,0.777363091 C8.59698434,0.580671479 10.4135331,1.89151027 10.8111111,3.80952381" id="Shape"></path>
                </g>
--- a/resources/icon/info.svg
+++ b/resources/icon/info.svg
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>info</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Feather" transform="translate(-1075.000000, -776.000000)" stroke="#000000">
-            <g id="Group" transform="translate(175.000000, 332.000000)">
-                <g id="info" transform="translate(901.000000, 445.000000)">
-                    <circle id="Oval" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="10" cy="10" r="10"></circle>
-                    <path d="M10,14 L10,10" id="Shape" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-                    <circle id="Oval-2" fill="#000000" cx="10" cy="7" r="1"></circle>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
--- a/tests/lib/get-todo-status-test.js
+++ b/tests/lib/get-todo-status-test.js
@@ -11,7 +11,12 @@ test('getTodoStatus should return a correct hash object', t => {
    ['- [ ] a\n', { total: 1, completed: 0 }],
    ['- [ ] a\n- [x] a\n', { total: 2, completed: 1 }],
    ['+ [ ] a\n', { total: 1, completed: 0 }],
-    ['+ [ ] a\n+ [x] a\n', { total: 2, completed: 1 }]
+    ['+ [ ] a\n+ [x] a\n', { total: 2, completed: 1 }],
+    ['+ [ ] a\n+ [testx] a\n', { total: 1, completed: 0 }],
+    ['+ [ ] a\n+ [xtest] a\n', { total: 1, completed: 0 }],
+    ['+ [ ] a\n+ foo[x]bar a\n', { total: 1, completed: 0 }],
+    ['+ [ ] a\n+ foo[x] bar a\n', { total: 1, completed: 0 }],
+    ['+ [ ] a\n+ foo [x]bar a\n', { total: 1, completed: 0 }]
  ]

  testCases.forEach(testCase => {
--- a/yarn.lock
+++ b/yarn.lock
@@ -220,6 +220,19 @@ asar@^0.11.0:
    mkdirp "^0.5.0"
    mksnapshot "^0.3.0"

+asar@^0.12.0:
+  version "0.12.4"
+  resolved "https://registry.yarnpkg.com/asar/-/asar-0.12.4.tgz#2dd3f116882eab8c0f23b754792a82a7d9fce171"
+  dependencies:
+    chromium-pickle-js "^0.2.0"
+    commander "^2.9.0"
+    cuint "^0.2.1"
+    glob "^6.0.4"
+    minimatch "^3.0.3"
+    mkdirp "^0.5.0"
+    mksnapshot "^0.3.0"
+    tmp "0.0.28"
+
 asar@^0.9.0:
  version "0.9.1"
  resolved "https://registry.yarnpkg.com/asar/-/asar-0.9.1.tgz#b2f2fe1b49c163013bdb229d6eba2d2078ff5cc4"
@@ -282,6 +295,12 @@ async@^1.3.0, async@^1.4.0, async@^1.4.2, async@^1.5.1, async@^1.5.2:
  version "1.5.2"
  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"

+async@^2.0.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.6.0.tgz#61a29abb6fcc026fea77e56d1c6ec53a795951f4"
+  dependencies:
+    lodash "^4.14.0"
+
 async@~0.1.22:
  version "0.1.22"
  resolved "https://registry.yarnpkg.com/async/-/async-0.1.22.tgz#0fc1aaa088a0e3ef0ebe2d8831bab0dcf8845061"
@@ -1300,6 +1319,10 @@ camelcase@^2.0.0, camelcase@^2.0.1, camelcase@^2.1.0:
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"

+camelcase@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
+
 caniuse-api@^1.5.2:
  version "1.6.1"
  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c"
@@ -1389,6 +1412,10 @@ chromium-pickle-js@0.1.0, chromium-pickle-js@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.1.0.tgz#1d48b107d82126a2f3e211c2ea25f803ba551b21"

+chromium-pickle-js@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
+
 ci-info@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.0.0.tgz#dc5285f2b4e251821683681c381c3388f46ec534"
@@ -1444,7 +1471,7 @@ cliui@^2.1.0:
    right-align "^0.1.1"
    wordwrap "0.0.2"

-cliui@^3.0.3:
+cliui@^3.0.3, cliui@^3.2.0:
  version "3.2.0"
  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
  dependencies:
@@ -1708,15 +1735,7 @@ create-error-class@^3.0.1:
  dependencies:
    capture-stack-trace "^1.0.0"

-create-react-class@^15.5.1, create-react-class@^15.5.2:
-  version "15.5.3"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.5.3.tgz#fb0f7cae79339e9a179e194ef466efa3923820fe"
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
-create-react-class@^15.6.0:
+create-react-class@^15.5.1, create-react-class@^15.5.2, create-react-class@^15.6.0:
  version "15.6.2"
  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a"
  dependencies:
@@ -2133,6 +2152,20 @@ electron-installer-debian@^0.1.0:
    word-wrap "^1.1.0"
    yargs "^3.32.0"

+electron-installer-redhat@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/electron-installer-redhat/-/electron-installer-redhat-0.3.1.tgz#f39bfafff512cb38027d66d756cc489254eef8f3"
+  dependencies:
+    asar "^0.12.0"
+    async "^2.0.0"
+    debug "^2.2.0"
+    fs-extra "^1.0.0"
+    glob "^7.0.0"
+    lodash "^4.0.1"
+    temp "^0.8.3"
+    word-wrap "^1.1.0"
+    yargs "^6.0.0"
+
 electron-osx-sign@^0.3.0:
  version "0.3.2"
  resolved "https://registry.yarnpkg.com/electron-osx-sign/-/electron-osx-sign-0.3.2.tgz#88fa7d6ebadb5d9c79368b96491a0d8c4630146e"
@@ -2366,6 +2399,10 @@ eslint-plugin-react@~6.7.1:
    doctrine "^1.2.2"
    jsx-ast-utils "^1.3.3"

+eslint-plugin-standard@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-3.0.1.tgz#34d0c915b45edc6f010393c7eef3823b08565cf2"
+
 eslint-plugin-standard@~2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-2.0.1.tgz#3589699ff9c917f2c25f76a916687f641c369ff3"
@@ -2868,6 +2905,14 @@ fs-extra@^0.30.0:
    path-is-absolute "^1.0.0"
    rimraf "^2.2.8"

+fs-extra@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-1.0.0.tgz#cd3ce5f7e7cb6145883fcae3191e9877f8587950"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^2.1.0"
+    klaw "^1.0.0"
+
 fs-plus@2.x:
  version "2.10.1"
  resolved "https://registry.yarnpkg.com/fs-plus/-/fs-plus-2.10.1.tgz#3204781d7840611e6364e7b6fb058c96327c5aa5"
@@ -2932,6 +2977,10 @@ generate-object-property@^1.1.0:
  dependencies:
    is-property "^1.0.0"

+get-caller-file@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
+
 get-folder-size@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/get-folder-size/-/get-folder-size-1.0.0.tgz#134d663a0e745611b72f71c83b13f1b12f31ba29"
@@ -3101,6 +3150,12 @@ grunt-electron-installer-debian@^0.2.0:
  dependencies:
    electron-installer-debian "^0.1.0"

+grunt-electron-installer-redhat@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/grunt-electron-installer-redhat/-/grunt-electron-installer-redhat-0.3.1.tgz#ce3093d1113a53e2c34bd72fed4a919971adce96"
+  dependencies:
+    electron-installer-redhat "^0.3.0"
+
 grunt-electron-installer@^1.2.0:
  version "1.2.3"
  resolved "https://registry.yarnpkg.com/grunt-electron-installer/-/grunt-electron-installer-1.2.3.tgz#50652ec4d0248233da76b4ac2ca69f3894c7240e"
@@ -3982,7 +4037,7 @@ lodash@^3.5.0:
  version "3.10.1"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"

-lodash@^4.0.0, lodash@^4.0.1, lodash@^4.11.1, lodash@^4.12.0, lodash@^4.17.2, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.1, lodash@^4.6.1:
+lodash@^4.0.0, lodash@^4.0.1, lodash@^4.11.1, lodash@^4.12.0, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.1, lodash@^4.6.1:
  version "4.17.4"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"

@@ -4052,9 +4107,9 @@ markdown-it-imsize:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz#cca0427905d05338a247cb9ca9d968c5cddd5170"

-markdown-it-kbd@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-kbd/-/markdown-it-kbd-1.1.0.tgz#d3faf5c30d494796b9cc540ab1f1a8a53dbc5d3b"
+markdown-it-kbd@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/markdown-it-kbd/-/markdown-it-kbd-1.1.1.tgz#55142d93a76bb8903de09d98d8a547b63d935977"

 markdown-it-multimd-table@^2.0.1:
  version "2.0.1"
@@ -4242,7 +4297,7 @@ minimatch@0.3:
    lru-cache "2"
    sigmund "~1.0.0"

-"minimatch@2 || 3", minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.4:
+"minimatch@2 || 3", minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
  version "3.0.4"
  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
  dependencies:
@@ -4640,7 +4695,7 @@ os-locale@^1.4.0:
  dependencies:
    lcid "^1.0.0"

-os-tmpdir@^1.0.0, os-tmpdir@^1.0.1:
+os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.1:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"

@@ -5185,7 +5240,7 @@ promise@^7.1.1:
  dependencies:
    asap "~2.0.3"

-prop-types@^15.5.10:
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.7, prop-types@^15.5.8:
  version "15.6.0"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
  dependencies:
@@ -5193,7 +5248,7 @@ prop-types@^15.5.10:
    loose-envify "^1.3.1"
    object-assign "^4.1.1"

-prop-types@^15.5.4, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@~15.5.7:
+prop-types@~15.5.7:
  version "15.5.10"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154"
  dependencies:
@@ -5666,6 +5721,14 @@ request@^2.45.0, request@^2.79.0, request@^2.81.0:
    tunnel-agent "^0.6.0"
    uuid "^3.0.0"

+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+
+require-main-filename@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
+
 require-precompiled@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/require-precompiled/-/require-precompiled-0.1.0.tgz#5a1b52eb70ebed43eb982e974c85ab59571e56fa"
@@ -5826,7 +5889,7 @@ serve-static@1.12.3:
    parseurl "~1.3.1"
    send "0.15.3"

-set-blocking@~2.0.0:
+set-blocking@^2.0.0, set-blocking@~2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"

@@ -6333,6 +6396,12 @@ tinycolor2@^1.1.2:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8"

+tmp@0.0.28:
+  version "0.0.28"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.28.tgz#172735b7f614ea7af39664fa84cf0de4e515d120"
+  dependencies:
+    os-tmpdir "~1.0.1"
+
 to-arraybuffer@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -6736,6 +6805,10 @@ whet.extend@~0.9.9:
  version "0.9.9"
  resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"

+which-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
+
 which@^1.2.9:
  version "1.2.14"
  resolved "https://registry.yarnpkg.com/which/-/which-1.2.14.tgz#9a87c4378f03e827cecaf1acdf56c736c01c14e5"
@@ -6868,7 +6941,7 @@ xtend@~2.1.1:
  dependencies:
    object-keys "~0.4.0"

-y18n@^3.2.0:
+y18n@^3.2.0, y18n@^3.2.1:
  version "3.2.1"
  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"

@@ -6876,6 +6949,12 @@ yallist@^2.0.0:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"

+yargs-parser@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
+  dependencies:
+    camelcase "^3.0.0"
+
 yargs@^3.32.0:
  version "3.32.0"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
@@ -6888,6 +6967,24 @@ yargs@^3.32.0:
    window-size "^0.1.4"
    y18n "^3.2.0"

+yargs@^6.0.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
+  dependencies:
+    camelcase "^3.0.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^1.4.0"
+    read-pkg-up "^1.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^1.0.2"
+    which-module "^1.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^4.2.0"
+
 yargs@~3.10.0:
  version "3.10.0"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
Author	SHA1	Message	Date
Kohei TAKATA	f90786d1c0	Merge pull request #1327 from BoostIO/feature-v0-8-19 v0.8.19	2017-12-23 12:51:13 +09:00
Kohei TAKATA	bdf55568c7	v0.8.19	2017-12-23 12:03:28 +09:00
Kazz Yokomizo	7c8e19c681	Merge pull request #1312 from BoostIO/fix-layout Fix switch button layout	2017-12-20 18:56:31 +09:00
Kazu Yokomizo	7ccc5eb9b8	Fix switch button layout	2017-12-20 18:50:53 +09:00
Kazz Yokomizo	b4b6d3d07c	Merge pull request #1243 from BoostIO/detect-AMA-errors Detect ama errors	2017-12-20 18:27:24 +09:00
Kazz Yokomizo	9007bac7b2	Merge pull request #1307 from BoostIO/split-markdown Split markdown	2017-12-20 18:20:49 +09:00
Sosuke Suzuki	df13ca3c92	make splitMode Default	2017-12-20 18:11:01 +09:00
Kazz Yokomizo	d86935acaa	Merge pull request #1308 from ytk141/split-icon Split icon	2017-12-19 13:57:49 +09:00
Yutaka Ishii	72b450d526	icon updated	2017-12-19 10:21:01 +09:00
Sosuke Suzuki	4b7afeeb4f	remove unnecesarry state	2017-12-19 03:46:20 +09:00
Sosuke Suzuki	0e0e779cbe	remove unnecessary arg	2017-12-18 21:38:58 +09:00
Sosuke Suzuki	89b2f48a06	remove an unnecessary valiable	2017-12-18 19:31:43 +09:00
Sosuke Suzuki	c80bdb8d0c	apply ignorePreviewPointerEvents	2017-12-18 19:28:42 +09:00
Sosuke Suzuki	50d89a8ec9	fix to apply fontSize and fontFamily	2017-12-18 19:21:52 +09:00
Sosuke Suzuki	f5ccaa7b48	fix word-wrap	2017-12-18 18:52:59 +09:00
Sosuke Suzuki	e682ee8541	avoid handling events for not split editor	2017-12-18 18:52:33 +09:00
Sosuke Suzuki	caaa7a9e74	implement checkbox	2017-12-18 18:42:35 +09:00
Sosuke Suzuki	6ef0e325e2	fix style	2017-12-18 18:39:40 +09:00
Sosuke Suzuki	ea064deeb8	implement splitEditor	2017-12-18 18:26:25 +09:00
Sosuke Suzuki	8e81609a39	implement minimun splitEditor	2017-12-18 17:40:06 +09:00
Sosuke Suzuki	977e80c829	apply switching style	2017-12-17 02:07:07 +09:00
Sosuke Suzuki	8ba0d10f40	set editorType into Config and state	2017-12-17 02:02:19 +09:00
Sosuke Suzuki	2581091652	add editorType into ConfigManager	2017-12-16 23:17:45 +09:00
Kazz Yokomizo	e72a7ceaea	Merge pull request #1207 from ytk141/add-note-mode-tab add note mode tab	2017-12-16 17:33:49 +09:00
Sosuke Suzuki	a17ddf6d54	use getSendEventCond func	2017-12-16 15:30:21 +09:00
Sosuke Suzuki	b5e2d21f33	split to function send event conditions	2017-12-16 15:30:21 +09:00
Sosuke Suzuki	d09f8dff18	detect internet connection when send events	2017-12-16 15:30:21 +09:00
Sosuke Suzuki	bdb3406dcb	modify: change the file where detect Internet disconnection	2017-12-16 15:30:21 +09:00
Sosuke Suzuki	f54b49db1a	detect internet disconnection	2017-12-16 15:30:21 +09:00
Kazz Yokomizo	0cc9f006c5	Merge pull request #1217 from SCdF/use-file-metadata-on-import Use existing file metadata for created and modified dates	2017-12-16 14:29:19 +09:00
Kazz Yokomizo	db1398b65f	Merge pull request #1305 from BoostIO/fix-ui-bug Fix several UI bugs	2017-12-16 13:58:00 +09:00
Kazu Yokomizo	e8192e6c3f	Fix several UI bugs	2017-12-16 13:49:53 +09:00
Kazz Yokomizo	820a2a093c	Merge pull request #1275 from BoostIO/add-pin-note-item-simple Add Pin to NoteItemSimple	2017-12-15 15:32:26 +09:00
Kazz Yokomizo	d3995b9b10	Merge pull request #1293 from ytk141/Solarized-Dark-Theme Add Solarized Dark theme	2017-12-15 15:27:43 +09:00
Yutaka Ishii	f6867f9338	Finder style updated	2017-12-15 14:52:58 +09:00
Yutaka Ishii	3e2548fcd5	add active notelist color	2017-12-15 11:04:09 +09:00
Stefan du Fresne	745d250787	Reorder Object.assign - Respects the dates that may be in input over default dates - Respects key and storage over what might be in input	2017-12-14 13:16:37 +00:00
Stefan du Fresne	b1063eb38f	Not used to this no semi colon thing	2017-12-14 13:13:29 +00:00
Stefan du Fresne	9032a1debb	Use existing file metadata for created and modified dates NB: this definintely works on OSX. Other operating systems may have slightly different interpretations of birthtime. See: https://nodejs.org/api/fs.html#fs_class_fs_stats	2017-12-14 13:13:29 +00:00
Kazz Yokomizo	e5a908af68	Merge pull request #1295 from BoostIO/update-readme Update readme	2017-12-14 18:26:38 +09:00
Kohei TAKATA	6ce16c1cc0	Merge pull request #1296 from BoostIO/add-lint-plugin Add lint plugin	2017-12-14 18:22:35 +09:00
Kazu Yokomizo	6ff2a5ac94	Add lint plugin	2017-12-14 18:09:49 +09:00
Kazz Yokomizo	fcea16e43a	Update readme	2017-12-14 18:07:27 +09:00
Kazz Yokomizo	7b8e42382e	Merge pull request #1294 from BoostIO/update-readme Update readme	2017-12-14 18:03:38 +09:00
Kazz Yokomizo	a372b5ea39	Update readme	2017-12-14 17:51:48 +09:00
Yutaka Ishii	1aafee2a7c	Add Solarized Dark theme	2017-12-14 15:46:29 +09:00
Kazz Yokomizo	7afe3d5181	Merge pull request #1287 from nebbers1111/master Fixed regex to stop [anytingx] being counted as a checkmark	2017-12-14 12:25:34 +09:00
Kazz Yokomizo	eda1f11d42	Merge pull request #1267 from hooskers/add-scroll-past-end Add scroll past end	2017-12-14 00:54:38 +09:00
Ben Coleman	6431a8255d	Fixed trailing spaces	2017-12-12 13:59:38 +00:00
Ben Coleman	48fd1d11e2	Fixed regex to stop [anytingx] being counted as a checkmark	2017-12-12 13:34:37 +00:00
Kazz Yokomizo	4c3e62efad	Merge pull request #1284 from BoostIO/fix-ci-error Fix Ci error	2017-12-12 17:29:14 +09:00
Kazu Yokomizo	52a15a5d92	Fix Ci error	2017-12-12 17:19:58 +09:00
Kazz Yokomizo	57f4aa5995	Merge pull request #1268 from ytk141/color-update Color update	2017-12-12 17:17:44 +09:00
Yutaka Ishii	ab9ab004b7	delete non-use icon	2017-12-12 17:02:09 +09:00
Yutaka Ishii	ac624eb98f	Change Edit Lock Icon	2017-12-12 17:01:33 +09:00
Yutaka Ishii	1a4c37820d	little bit darker color for new dark theme	2017-12-12 10:26:55 +09:00
Yutaka Ishii	685206950b	restore StatusBar	2017-12-12 10:22:31 +09:00
Kazu Yokomizo	eececf8a93	Add Pin to NoteItemSimple	2017-12-12 02:27:44 +09:00
Kazz Yokomizo	9bc3d65554	Merge pull request #1274 from BoostIO/add-german-documents Add german documents	2017-12-12 02:09:24 +09:00
Kazz Yokomizo	f9b854ce39	Update debug.md	2017-12-12 01:36:37 +09:00
Kazz Yokomizo	1416968fe5	Update debug.md in German	2017-12-12 01:33:46 +09:00
Kazz Yokomizo	efc183c709	Update build.md in German	2017-12-12 01:28:28 +09:00
Kazz Yokomizo	07a2442718	Add debug.md in German	2017-12-12 01:27:23 +09:00
Kazz Yokomizo	f549c50a58	Create German build.md	2017-12-12 01:26:24 +09:00
Kazz Yokomizo	8d6ce1a2f7	Merge pull request #1272 from oisu/cloud-sync-comment Fix link to Cloud-Syncing	2017-12-12 01:09:25 +09:00
oisu	c5b33e025e	Fix link to Cloud-Syncing	2017-12-11 23:45:34 +09:00
Yutaka Ishii	4983605b23	fixed sideNav icons	2017-12-11 22:03:29 +09:00
Yutaka Ishii	9e8d04d806	progressBar padding修正	2017-12-11 21:52:08 +09:00
Kazz Yokomizo	042f935133	Merge pull request #1269 from BoostIO/add-solarized-dark-theme Add the Solarized Dark Theme	2017-12-11 20:28:22 +09:00
Kazu Yokomizo	ed9d3639e2	Add the Solarized Dark Theme	2017-12-11 19:01:24 +09:00
Yutaka Ishii	728f105830	dark theme update	2017-12-11 15:42:31 +09:00
Yutaka Ishii	6f359fa6a8	color setting	2017-12-11 15:42:31 +09:00
Yutaka Ishii	57a88743bc	icon style update. Delete Zoom	2017-12-11 15:42:30 +09:00
Wade Johnson	667f022086	Remove semicolon	2017-12-10 21:13:21 -08:00
Wade Johnson	b742a3a4cd	Put this back??	2017-12-10 17:58:06 -08:00
Wade Johnson	8d5c9742f8	Add ability to scroll pasted last line of editor	2017-12-09 21:14:10 -08:00
Kohei TAKATA	c2a49efe73	Merge pull request #1120 from mslourens/drag-drop-tabs implemented drag/drop for tabs	2017-12-09 08:05:57 +09:00
Kazz Yokomizo	d29d5105f1	Merge pull request #1257 from mslourens/preferences-shortcut added ctrl+, shortcut to preference modal	2017-12-08 22:15:20 +09:00
Kazz Yokomizo	38e82872a5	Merge pull request #1258 from mslourens/import-in-new-folder fixed import of new notes	2017-12-08 22:07:38 +09:00
Maurits Lourens	15d9ce1d36	fixed import of new notes	2017-12-08 13:27:16 +01:00
Maurits Lourens	67f7cdb36c	added ctrl+, shortcut to preference modal	2017-12-08 12:02:07 +01:00
Kazz Yokomizo	6a761c3fb5	Merge pull request #1254 from BoostIO/fix-folded-sidebar Fix the folded side bar layout	2017-12-08 14:27:29 +09:00
Kazu Yokomizo	3baf97e69f	Fix the folded side bar layout	2017-12-08 14:18:45 +09:00
Kazz Yokomizo	694dc60481	Merge pull request #1244 from mslourens/font-family fixed incorrect fontFamily for multiple fonts	2017-12-07 17:39:10 +09:00
Kazz Yokomizo	e3c6f0452c	Merge pull request #1241 from mslourens/global.styl fixed global styles	2017-12-06 15:56:47 +09:00
Kazz Yokomizo	ed2401a87b	Merge branch 'master' into global.styl	2017-12-06 15:39:46 +09:00
Maurits Lourens	cfdc880d8c	fixed incorrect fontFamily for multiple fonts	2017-12-05 12:51:16 +01:00
Kazz Yokomizo	7303e8bdd2	Merge pull request #1242 from mslourens/ide-related-gitignore added IDE related ignore rules	2017-12-05 19:32:05 +09:00
Maurits Lourens	ecde465d9f	undo ide related gitignore changes	2017-12-05 11:03:30 +01:00
Maurits Lourens	5c5e70a805	added IDE related ignore rules	2017-12-05 11:02:15 +01:00
Maurits Lourens	4e41d9be55	fixed global styles	2017-12-05 09:06:00 +01:00
Maurits Lourens	d06d94449c	forgot to reload tab at oldindex	2017-12-04 19:24:50 +01:00
Maurits Lourens	1af2c83c63	removed the onDragEnd handler	2017-12-04 19:24:50 +01:00
Maurits Lourens	6c75136777	implemented drag/drop for tabs	2017-12-04 19:24:50 +01:00
Kazz Yokomizo	31351e34e1	Merge pull request #1236 from Alaev/patch-1 Added border radius & background color to NavToggleButton	2017-12-04 22:32:08 +09:00
Michael Alaev	a058a774e9	Added border radius with background color At the moment when you hover the left menu icon its hard to see that you fully hovering it, yes there is a white color and a cursor icon I was thinking it would be useful to have a more visual effect	2017-12-04 15:10:36 +02:00
Kazz Yokomizo	e6db28485c	Merge pull request #1194 from fabien0102/checked-style Add a specific style for checked inputs	2017-12-04 13:48:18 +09:00
Kazz Yokomizo	391bb096d6	Merge pull request #1221 from Paalon/master Add custom LaTeX delimiters to preferences	2017-12-04 13:45:49 +09:00
Paalon	2b496dc2e5	Get back into original yarn.lock	2017-12-02 17:42:11 +09:00
Paalon	a6e0b30576	Bug fix: fix mistaken name.	2017-12-02 17:15:50 +09:00
paalon	1ac31264b7	Change 'var' to 'const'.	2017-12-02 12:55:10 +09:00
paalon	ca4b8224fd	Add LaTeX delimiters preferences	2017-12-02 07:23:12 +09:00
Yutaka Ishii	07b395c24a	add note mode tab	2017-11-30 18:36:41 +09:00
fabien0102	53b9630fa5	Remove italic style	2017-11-28 15:18:22 +01:00
fabien0102	f820c3089e	Add a specific style for checked inputs	2017-11-27 17:30:16 +01:00