I use the Quiver App quite frequently for code samples, general notes, etc... However, I've never been able to find a theme for it that really satisfied my love for Monokai. So, similar to my custom Monokai theme (based on the VSCode Monokai theme, which I call Monokai+) for Jetbrains products, I've created this theme for the Quiver app.
The initial theme was based on the Dark Ulysses theme. It's a great base theme, but since I write almost exclusively in Markdown in the editor, I found the Markdown cells needed some Monokai goodness. Hence, Monokai+ for Quiver was born.
Feel free to take it, add to it, or comment for improvements.
Note: As I mentioned, I write basically all of my notes in the Markdown cells in Quiver; therefore, I haven't really touched the theme for the other cells. If there are updates that you'd like to see there, feel free to update it.
{
"mainWindow": {
"divider": {
"topColor": "#424242",
"middleColor": "#424242",
"bottomColor": "#424242"
}
},
"sidebar": {
"topBar": {
"backgroundColor": "#252525",
"bottomBorderColor": "#424242",
"segmentedControl": {
"tintColor": "#fff",
"borderWidth": 2.5,
"borderRadius": 3
}
},
"table": {
"backgroundColor": "#252525",
"textColor": "#fff",
"selectedTextColor": "#000",
"emphasizedTextColor": "#fff",
"iconColor": "#B6B9BF",
"selectedIconColor": "#000",
"emphasizedIconColor": "#fff",
"selectedRowBgColor": "#a7aab0",
"emphasizedRowBgColor": "#1F6FEB"
},
"bottomBar": {
"backgroundColor": "#252525",
"topBorderColor": "#424242",
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB"
}
},
"noteList": {
"topBar": {
"backgroundColor": "#252525",
"bottomBorderColor": "#424242",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB"
},
"tableHeader": {
"backgroundColor": "#252525",
"bottomBorderColor": "#424242",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB"
},
"table": {
"backgroundColor": "#212121",
"separatorColor": "#424242",
"textColor": "#fff",
"selectedTextColor": "#000",
"emphasizedTextColor": "#fff",
"detailColor": "#fff",
"selectedDetailColor": "#000",
"emphasizedDetailColor": "#fff",
"iconColor": "#fff",
"selectedIconColor": "#000",
"emphasizedIconColor": "#fff",
"rowBgColor": "#2b3137",
"altRowBgColor": "#323840",
"selectedRowBgColor": "#a7aab0",
"emphasizedRowBgColor": "#1F6FEB",
"draggedRowBgColor": "#666",
"emptyTextColor": "#fff"
},
"bottomBar": {
"backgroundColor": "#212121",
"searchField": {
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"backgroundColor": "#252525",
"borderColor": "#424242",
"placeholderColor": "#fff"
}
}
},
"noteView": {
"backgroundColor": "#252525",
"dividerColor": "#424242",
"topBar": {
"backgroundColor": "#252525",
"bottomBorderColor": "#424242",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"segmentedControl": {
"tintColor": "#fff",
"borderWidth": 2.5,
"borderRadius": 3
}
},
"toolbar": {
"backgroundColor": "#252525",
"dividerColor": "#424242",
"middleDividerColor": "#424242",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"iconColor": "#fff",
"textColor": "#fff",
"popUpButton": {
"titleColor": "#fff",
"borderColor": "#424242"
},
"tagField": {
"textColor": "#fff",
"placeholderColor": "#fff",
"tag": {
"textColor": "#fff",
"selectedTextColor": "#fff",
"backgroundColor": "#424242",
"selectedBackgroundColor": "#1F6FEB",
"borderRadius": 4
}
},
"formatBar": {
"controlColor": "#fff",
"highlightColor": "#5fd1f0"
},
"searchField": {
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"backgroundColor": "#252525",
"borderColor": "#424242",
"placeholderColor": "#fff"
},
"doneButton": {
"textColor": "#fff",
"highlightBackgroundColor": "#fff",
"borderColor": "#424242"
}
},
"bottomBar": {
"backgroundColor": "#252525",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB"
}
},
"multiNote": {
"backgroundColor": "#252525",
"textColor": "#fff",
"button": {
"tintColor": "#fff",
"highlightColor": "#1F1F1F",
"backgroundColor": "#252525",
"highlightBackgroundColor": "#D2D3D3",
"borderColor": "#424242",
"highlightBorderColor": "#424242"
},
"tagField": {
"textColor": "#fff",
"placeholderColor": "#b8b8b8",
"backgroundColor": "#252525",
"borderColor": "#424242",
"borderRadius": 4,
"tag": {
"textColor": "#fff",
"selectedTextColor": "#fff",
"backgroundColor": "#424242",
"selectedBackgroundColor": "#1F6FEB",
"borderRadius": 4
}
}
},
"notebookPicker": {
"backgroundColor": "#252525",
"textColor": "#fff",
"dividerColor": "#424242",
"searchField": {
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"backgroundColor": "#252525",
"borderColor": "#424242",
"placeholderColor": "#fff"
},
"table": {
"textColor": "#fff",
"selectedTextColor": "#000",
"emphasizedTextColor": "#fff",
"iconColor": "#fff",
"selectedIconColor": "#fff",
"emphasizedIconColor": "#fff",
"selectedRowBgColor": "#e2eff6",
"emphasizedRowBgColor": "#1F6FEB",
"emptyTextColor": "#fff"
}
},
"searchView": {
"backgroundColor": "#252525",
"searchField": {
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB",
"backgroundColor": "#252525",
"borderColor": "#424242",
"placeholderColor": "#fff"
},
"tableHeader": {
"backgroundColor": "#252525",
"topBorderColor": "#424242",
"bottomBorderColor": "#424242",
"textColor": "#fff",
"controlColor": "#fff",
"pressedControlColor": "#1F6FEB"
},
"table": {
"separatorColor": "#424242",
"textColor": "#fff",
"selectedTextColor": "#000",
"emphasizedTextColor": "#fff",
"detailColor": "#fff",
"selectedDetailColor": "#000",
"emphasizedDetailColor": "#fff",
"iconColor": "#fff",
"selectedIconColor": "#000",
"emphasizedIconColor": "#fff",
"rowBgColor": "#424242",
"altRowBgColor": "#323840",
"selectedRowBgColor": "#a7aab0",
"emphasizedRowBgColor": "#1F6FEB",
"emptyTextColor": "#fff"
}
},
"presentation": {
"backgroundColor": "#252525"
},
"editor": {
"codeCellTheme": "monokai",
"markdownCellTheme": "monokai"
},
"css": {
"className": "dark",
"editor": ".dark{color:#fff}.dark a{color:#80BBFF}.dark table tr:nth-child(even){background-color:#34393F}.dark blockquote{color:#999}.dark hr{background-color:#999}.dark code{background-color:rgba(255,255,255,.1)}.dark svg{background-color:#fff}.dark .text-cell [style]{color:#c7c7c7!important;background-color:transparent!important}.dark .diagram-cell .ace_editor,.dark .latex-cell .ace_editor,.dark .markdown-cell .ace_editor{color:#fff;background-color:rgb(29,30,25)}.dark .markdown-cell .ace_list{color:rgb(225,214,79)}.dark .markdown-cell .ace_heading.ace_1, .dark .markdown-cell .ace_heading.ace_1 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_heading.ace_2, .dark .markdown-cell .ace_heading.ace_2 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_heading.ace_3, .dark .markdown-cell .ace_heading.ace_3 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_heading.ace_4, .dark .markdown-cell .ace_heading.ace_4 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_heading.ace_5, .dark .markdown-cell .ace_heading.ace_5 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_heading.ace_6, .dark .markdown-cell .ace_heading.ace_6 ~ .ace_heading{color: rgb(129,221,9)}.dark .markdown-cell .ace_support.ace_function{color:rgb(232,115,9)}.dark .markdown-cell .ace_strong, .dark .markdown-cell .ace_emphasis{color: rgb(35,202,226)}",
"preview": ".dark{color:#fff}.dark a{color:#80BBFF}.dark table tr:nth-child(even){background-color:#34393F}.dark blockquote{color:#999}.dark hr{background-color:#999}.dark code{background-color:rgba(255,255,255,.1)}.dark svg{background-color:#fff}.dark .text-cell [style]{color:#c7c7c7!important;background-color:transparent!important}",
"presentation": ".dark{color:#fff}.dark a{color:#80BBFF}.dark table tr:nth-child(even){background-color:#34393F}.dark blockquote{color:#999}.dark hr{background-color:#999}.dark code{background-color:rgba(255,255,255,.1)}.dark svg{background-color:#fff}.dark .text-cell [style]{color:#c7c7c7!important;background-color:transparent!important}"
}
}