Skip to content

Instantly share code, notes, and snippets.

@sorashido
Last active November 9, 2018 02:31
Show Gist options
  • Select an option

  • Save sorashido/88950a16dc792f56793c72c50f39670d to your computer and use it in GitHub Desktop.

Select an option

Save sorashido/88950a16dc792f56793c72c50f39670d to your computer and use it in GitHub Desktop.

Revisions

  1. sorashido revised this gist Nov 9, 2018. 1 changed file with 249 additions and 0 deletions.
    249 changes: 249 additions & 0 deletions quiver-red-graphite-theme-custom.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,249 @@
    {
    "mainWindow": {
    "divider": {
    "topColor": "#dedede",
    "middleColor": "#dedede",
    "bottomColor": "#dedede"
    }
    },
    "sidebar": {
    "topBar": {
    "backgroundColor": "#2e3235",
    "bottomBorderColor": "#2e3235",
    "segmentedControl": {
    "tintColor": "#888",
    "borderWidth": 1,
    "borderRadius": 1
    }
    },
    "table": {
    "backgroundColor": "#2e3235",
    "textColor": "#ccc",
    "selectedTextColor": "#fbfbfb",
    "emphasizedTextColor": "#fbfbfb",
    "iconColor": "#888",
    "selectedIconColor": "#2e3235",
    "emphasizedIconColor": "#2e3235",
    "selectedRowBgColor": "#666",
    "emphasizedRowBgColor": "#666"
    },
    "bottomBar": {
    "backgroundColor": "#2e3235",
    "topBorderColor": "#2e3235",
    "textColor": "#a0a0a0",
    "controlColor": "#666666",
    "pressedControlColor": "#de4751"
    }
    },
    "noteList": {
    "topBar": {
    "backgroundColor": "#fbfbfb",
    "bottomBorderColor": "#fbfbfb",
    "controlColor": "#cacaca",
    "pressedControlColor": "#de4751"
    },
    "tableHeader": {
    "backgroundColor": "#fbfbfb",
    "bottomBorderColor": "#dedede",
    "controlColor": "#cacaca",
    "pressedControlColor": "#de4751"
    },
    "table": {
    "backgroundColor": "#fbfbfb",
    "separatorColor": "#dedede",
    "textColor": "#333",
    "selectedTextColor": "#333",
    "emphasizedTextColor": "#fbfbfb",
    "detailColor": "#ccc",
    "selectedDetailColor": "#ccc",
    "emphasizedDetailColor": "#e9b7bb",
    "iconColor": "#ccc",
    "selectedIconColor": "#ccc",
    "emphasizedIconColor": "#e9b7bb",
    "rowBgColor": "#fbfbfb",
    "altRowBgColor": "#fbfbfb",
    "selectedRowBgColor": "#efefef",
    "emphasizedRowBgColor": "#de4751",
    "draggedRowBgColor": "#efefef",
    "emptyTextColor": "#545454"
    },
    "bottomBar": {
    "backgroundColor": "#fbfbfb",
    "searchField": {
    "textColor": "#a0a0a0",
    "controlColor": "#a0a0a0",
    "pressedControlColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "borderColor": "#cacaca",
    "placeholderColor": "#dedede"
    }
    }
    },
    "noteView": {
    "backgroundColor": "#fbfbfb",
    "dividerColor": "#dedede",
    "topBar": {
    "backgroundColor": "#fbfbfb",
    "bottomBorderColor": "#fbfbfb",
    "controlColor": "#ccc",
    "pressedControlColor": "#de4751",
    "segmentedControl": {
    "tintColor": "#ccc",
    "borderWidth": 1,
    "borderRadius": 1
    }
    },
    "toolbar": {
    "backgroundColor": "#fbfbfb",
    "dividerColor": "#fbfbfb",
    "middleDividerColor": "#fbfbfb",
    "controlColor": "#ccc",
    "pressedControlColor": "#de4751",
    "iconColor": "#ccc",
    "textColor": "#ccc",
    "popUpButton": {
    "titleColor": "#ccc",
    "borderColor": "#dedede"
    },
    "tagField": {
    "textColor": "#ccc",
    "placeholderColor": "#dedede",
    "tag": {
    "textColor": "#a0a0a0",
    "selectedTextColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "selectedBackgroundColor": "#fbfbfb",
    "borderRadius": 0
    }
    },
    "formatBar": {
    "controlColor": "#ccc",
    "highlightColor": "#de4751"
    },
    "searchField": {
    "textColor": "#ccc",
    "controlColor": "#a0a0a0",
    "pressedControlColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "borderColor": "#dedede",
    "placeholderColor": "#dedede"
    },
    "doneButton": {
    "textColor": "#de4751",
    "highlightBackgroundColor": "#de4751",
    "borderColor": "#e9b7bb"
    }
    },
    "bottomBar": {
    "backgroundColor": "#fbfbfb",
    "controlColor": "#ccc",
    "pressedControlColor": "#de4751"
    }
    },
    "multiNote": {
    "backgroundColor": "#fbfbfb",
    "textColor": "#a0a0a0",
    "button": {
    "tintColor": "#de4751",
    "highlightColor": "#fbfbfb",
    "backgroundColor": "#fbfbfb",
    "highlightBackgroundColor": "#de4751",
    "borderColor": "#e9b7bb",
    "highlightBorderColor": "#de4751"
    },
    "tagField": {
    "textColor": "#a0a0a0",
    "placeholderColor": "#dedede",
    "backgroundColor": "#fbfbfb",
    "borderColor": "#dedede",
    "borderRadius": 1,
    "tag": {
    "textColor": "#a0a0a0",
    "selectedTextColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "selectedBackgroundColor": "#fbfbfb",
    "borderRadius": 1
    }
    }
    },
    "notebookPicker": {
    "backgroundColor": "#fbfbfb",
    "textColor": "#a0a0a0",
    "dividerColor": "#fbfbfb",
    "searchField": {
    "textColor": "#a0a0a0",
    "controlColor": "#a0a0a0",
    "pressedControlColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "borderColor": "#dedede",
    "placeholderColor": "#dedede"
    },
    "table": {
    "textColor": "#a0a0a0",
    "selectedTextColor": "#fbfbfb",
    "emphasizedTextColor": "#fbfbfb",
    "iconColor": "#de4751",
    "selectedIconColor": "#e9b7bb",
    "emphasizedIconColor": "#e9b7bb",
    "selectedRowBgColor": "#de4751",
    "emphasizedRowBgColor": "#de4751",
    "emptyTextColor": "#a0a0a0"
    }
    },
    "searchView": {
    "backgroundColor": "#fbfbfb",
    "searchField": {
    "textColor": "#a0a0a0",
    "controlColor": "#a0a0a0",
    "pressedControlColor": "#de4751",
    "backgroundColor": "#fbfbfb",
    "borderColor": "#dedede",
    "placeholderColor": "#dedede"
    },
    "tableHeader": {
    "backgroundColor": "#fbfbfb",
    "topBorderColor": "#fbfbfb",
    "bottomBorderColor": "#fbfbfb",
    "textColor": "#a0a0a0",
    "controlColor": "#a0a0a0",
    "pressedControlColor": "#de4751"
    },
    "table": {
    "backgroundColor": "#fbfbfb",
    "separatorColor": "#dedede",
    "textColor": "#333",
    "selectedTextColor": "#fbfbfb",
    "emphasizedTextColor": "#fbfbfb",
    "detailColor": "#ccc",
    "selectedDetailColor": "#e9b7bb",
    "emphasizedDetailColor": "#e9b7bb",
    "iconColor": "#ccc",
    "selectedIconColor": "#e9b7bb",
    "emphasizedIconColor": "#e9b7bb",
    "rowBgColor": "#fbfbfb",
    "altRowBgColor": "#fbfbfb",
    "selectedRowBgColor": "#de4751",
    "emphasizedRowBgColor": "#de4751",
    "draggedRowBgColor": "#efefef",
    "emptyTextColor": "#545454"
    }
    },
    "presentation": {
    "backgroundColor": "#fbfbfb"
    },
    "editor": {
    "codeCellTheme": "tomorrow",
    "markdownCellTheme": "tomorrow"
    },
    "css": {
    "className": "red-graphite",

    "editor": ".red-graphite{font-family:'lato light';width:70%;max-width:800px;margin:0 auto;padding:20px;color:#545454}.red-graphite a{color:#de4751}.red-graphite blockquote{color:#333}.red-graphite hr{background-color:#dedede}.red-graphite .cell.inEditMode{border-color:#dedede}.red-graphite .text-cell table,.red-graphite .text-cell table th,.red-graphite .text-cell table td{border:1px solid #dedede!important}.red-graphite .text-cell{font-size:18px;line-height:1.6;font-family:'lato light';background-color:#fbfbfb}.red-graphite .text-cell strong,.red-graphite .text-cell b,.red-graphite .markdown-cell strong,.red-graphite .markdown-cell b{font-family:'lato';font-weight:normal}.red-graphite .code-cell .editor,.red-graphite .markdown-cell .ace_editor,.red-graphite .latex-cell .editor{font-size:14px;line-height:1.6}.red-graphite .markdown-cell .ace_markup.ace_heading.ace_1,.red-graphite .markdown-cell .ace_markup.ace_heading.ace_2,.red-graphite .markdown-cell .ace_markup.ace_heading.ace_3,.red-graphite .markdown-cell .ace_markup.ace_heading.ace_4,.red-graphite .markdown-cell .ace_markup.ace_heading.ace_5,.red-graphite .markdown-cell .ace_markup.ace_heading.ace_6{color:#de4751!important}.red-graphite .markdown-cell .ace_heading{color:#333!important;font-weight:bold}.red-graphite .markdown-cell .ace_string.ace_strong{font-weight:bold}.red-graphite .markdown-cell .ace_string,.red-graphite .markdown-cell .ace_line,.red-graphite .markdown-cell .ace_support.ace_function,.red-graphite .markdown-cell .ace_list,.red-graphite .markdown-cell .ace_constant.ace_language.ace_escape{color:#545454!important}.red-graphite #tag-field{margin:0}.red-graphite #tag-field .tag{background:#fbfbfb;border:0;color:#a0a0a0}.red-graphite #titlearea{padding:0;border:0}.red-graphite #titlearea .title{font-size:24px;font-family:'lato';margin:0}.red-graphite .cell{margin:10px 0;padding:0;border:1px solid white}.red-graphite #contentarea{margin:10px 0}",

    "preview": ".red-graphite{font-family:'lato light';width:70%;max-width:800px;margin:0 auto;padding:20px;color:#545454}.red-graphite h1,.red-graphite h2,.red-graphite h3,.red-graphite h4,.red-graphite h5,.red-graphite h6,.red-graphite .text-cell b,.red-graphite .text-cell strong{font-family:'lato';font-weight:normal}.red-graphite p{margin-top:0;margin-bottom:13px}.red-graphite li{margin:0}.red-graphite ol,.red-graphite ul{margin-top:0;margin-bottom:26px}.red-graphite li ul,.red-graphite li ol{margin-bottom:0}.red-graphite a{color:#de4751}.red-graphite table{width:100%}.red-graphite table tr{background-color:#fbfbfb}.red-graphite table tr:nth-child(odd){background-color:#efefef}.red-graphite table th{background:#fbfbfb}.red-graphite table td,.red-graphite table th{border-color:#dedede}.red-graphite blockquote{color:#333;border-color:#de4751}.red-graphite hr{background-color:#dedede}.red-graphite code{font-size:16px;padding:3px 6px}.red-graphite .text-cell,.red-graphite .diagram-cell,.red-graphite .markdown-cell{font-size:18px;line-height:1.6;font-family:'lato light'}.red-graphite .code-cell,.red-graphite .latex-cell{font-size:16px;line-height:1.6}.red-graphite .markdown-cell .ace_line{font-size:16px}.red-graphite #tag-field{margin:0}.red-graphite #tag-field .tag{background:#fbfbfb;border:0;color:#a0a0a0}.red-graphite #titlearea{border:0}.red-graphite #titlearea .title{font-size:32px;font-family:'lato';margin:0}.red-graphite *+h1,.red-graphite *+h2,.red-graphite *+h3,.red-graphite *+h4,.red-graphite *+h5,.red-graphite *+h6{margin-top:26px}.red-graphite .cell{margin:26px 0;padding:0}.red-graphite #contentarea{margin:26px 0}.red-graphite h1{font-size:30px;margin:39px 0 13px}.red-graphite h2{font-size:26px;margin:39px 0 13px}.red-graphite h3{font-size:21px;margin:39px 0 13px}.red-graphite h4{font-size:19px;margin:26px 0 13px}.red-graphite h5{font-size:16px;margin:26px 0 13px}.red-graphite h6{font-size:14px;margin:13px 0}",

    "presentation": ".red-graphite{font-family:'lato light';max-width:70%;margin:0 auto;padding:20px;color:#545454;line-height:1.5}.red-graphite h1,.red-graphite h2,.red-graphite h3,.red-graphite h4,.red-graphite h5,.red-graphite h6{font-family:'lato';font-weight:normal}.red-graphite p{margin-top:0;margin-bottom:13px}.red-graphite li{margin:0}.red-graphite ol,.red-graphite ul{margin-top:0;margin-bottom:26px}.red-graphite li ul,.red-graphite li ol{margin-bottom:0}.red-graphite a{color:#de4751}.red-graphite table{width:100%}.red-graphite table tr{background-color:#fbfbfb}.red-graphite table tr:nth-child(odd){background-color:#efefef}.red-graphite table th{background:#fbfbfb}.red-graphite table td,.red-graphite table th{border-color:#dedede}.red-graphite blockquote{color:#333;border-color:#de4751}.red-graphite hr{background-color:#dedede}.red-graphite .text-cell,.red-graphite .markdown-cell{font-size:22px;line-height:inherit;font-family:'lato light';background-color:#fbfbfb}.red-graphite .ace-xcode,.red-graphite .code-cell,.red-graphite .latex-cell{font-size:20px;line-height:inherit}.red-graphite *+h1,.red-graphite *+h2,.red-graphite *+h3,.red-graphite *+h4,.red-graphite *+h5,.red-graphite *+h6{margin-top:39px}.red-graphite #titlearea{border:0;padding:75px 0}.red-graphite #titlearea .title{font-size:32px;font-family:'lato';margin:0}.red-graphite .cell{margin:26px 0;padding:0}.red-graphite #contentarea{margin:26px 0}.red-graphite h1{font-size:34px;margin:39px 0 13px}.red-graphite h2{font-size:30px;margin:39px 0 13px}.red-graphite h3{font-size:26px;margin:39px 0 13px}.red-graphite h4{font-size:21px;margin:26px 0 13px}.red-graphite h5{font-size:19px;margin:26px 0 13px}.red-graphite h6{font-size:16px;margin:13px 0}"

    }
    }

  2. sorashido created this gist Oct 21, 2018.
    96 changes: 96 additions & 0 deletions editor.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,96 @@
    /*
    Edit this CSS file to change styles of the editor.
    If you need to revert it back, use the "Reset" button.
    */

    /**
    * Text Cell
    */

    .text-cell {
    font-size: 13px;
    }

    /**
    * Code Cell
    */

    .code-cell .editor {
    font-size: 12px;
    }

    /**
    * LaTeX Cell
    */

    .latex-cell .editor {
    font-size: 12px;
    }

    /**
    * Markdown Cell
    */

    .markdown-cell .ace_editor {
    background-color: #FFFFFF;
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    }

    /* # Heading 1 */
    .markdown-cell .ace_heading.ace_1, .markdown-cell .ace_heading.ace_1 ~ .ace_heading {
    color: #009BC7;
    }

    /* ## Heading 2 */
    .markdown-cell .ace_heading.ace_2, .markdown-cell .ace_heading.ace_2 ~ .ace_heading {
    color: #009BC7;
    }

    /* ### Heading 3 */
    .markdown-cell .ace_heading.ace_3, .markdown-cell .ace_heading.ace_3 ~ .ace_heading {
    color: #009BC7;
    }

    /* #### Heading 4 */
    .markdown-cell .ace_heading.ace_4, .markdown-cell .ace_heading.ace_4 ~ .ace_heading {
    color: #009BC7;
    }

    /* ##### Heading 5 */
    .markdown-cell .ace_heading.ace_5, .markdown-cell .ace_heading.ace_5 ~ .ace_heading {
    color: #009BC7;
    }

    /* ###### Heading 6 */
    .markdown-cell .ace_heading.ace_6, .markdown-cell .ace_heading.ace_6 ~ .ace_heading {
    color: #009BC7;
    }

    /* `code` */
    .markdown-cell .ace_support.ace_function {
    color: #888;
    }

    /* ordered list, unordered list */
    .markdown-cell .ace_list {
    color: #6C6C6C;
    }

    /* blockquote */
    .markdown-cell .ace_blockquote {
    color: #A1B1C1;
    }

    /* _emphasis_ */
    .markdown-cell .ace_emphasis {
    color: #6C6C6C;
    font-style: italic;
    }

    /* **strong** */
    .markdown-cell .ace_strong {
    color: #000;
    }

    37 changes: 37 additions & 0 deletions preview.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    /*
    Edit this CSS file to change styles of the preview.
    If you need to revert it back, use the "Reset" button.
    */

    /**
    * Text Cell
    */

    .text-cell {
    font-size: 14px;
    }

    /**
    * Code Cell
    */

    .code-cell {
    font-size: 12px;
    }

    /**
    * Markdown Cell
    */

    .markdown-cell {
    font-size: 14px;
    }

    /**
    * LaTeX Cell
    */

    .latex-cell {
    font-size: 14px;
    }