├── LICENSE ├── README.md ├── base16-obsidian.css ├── 3024.css ├── ashes.css ├── atlas.css ├── chalk.css ├── flat.css ├── icy.css ├── mocha.css ├── nord.css ├── ocean.css ├── phd.css ├── pico.css ├── pop.css ├── seti.css ├── tube.css ├── apathy.css ├── bespin.css ├── brewer.css ├── bright.css ├── brogrammer.css ├── brushtrees.css ├── circus.css ├── codeschool.css ├── cupcake.css ├── cupertino.css ├── darktooth.css ├── dracula.css ├── eighties.css ├── embers.css ├── fruit-soda.css ├── github.css ├── heetch.css ├── helios.css ├── hopscotch.css ├── ia-dark.css ├── ia-light.css ├── irblack.css ├── isotope.css ├── macintosh.css ├── marrakesh.css ├── materia.css ├── material.css ├── monokai.css ├── one-light.css ├── onedark.css ├── paraiso.css ├── porple.css ├── railscasts.css ├── rebecca.css ├── snazzy.css ├── solarflare.css └── spacemacs.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Grant Ammons 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Base16 colors for obsidian 2 | 3 | This is the [Base16][b16] CSS theme for the [Obsidian notes application][o]. 4 | 5 | It includes 131 variations of the base16 theme. 6 | 7 | ## Installation 8 | 9 | 1. Clone this repo. 10 | 2. Copy all of the .css files from the root of this repo to `/.obsidian/themes` folder. 11 | 12 | ## Using your own font 13 | This project doesn't make any assumptions about your font choice. Each of these themes assumes there is a `--font-family-editor` and `--font-family-preview` variables. You can add a CSS snippet that defines the font you want to use, smiliar to something below: 14 | 15 | ```css 16 | @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); 17 | 18 | body { 19 | --font-family-editor: Roboto Mono, monospace; 20 | --font-family-preview: Roboto Mono, monospace; 21 | } 22 | ``` 23 | 24 | ## How to use in Obsidian 25 | 26 | 1. In obsidian, go to Settings -> Appearance 27 | 2. Set your color scheme to dark 28 | 3. Choose one of the 131 base16 themes to use. 29 | 30 | ## Development 31 | 32 | There is a `build/` directory that allows you to make changes en masse to all of the themes. Make changes to `base16-obsidian.css`, and then run `rake`. It will then populate all of the themes in the parent directory with the new changes. 33 | 34 | [o]: https://obsidian.md 35 | [b16]: https://github.com/chriskempson/base16 36 | [themes]: https://github.com/gammons/base16-obsidian/tree/main/base16-themes 37 | 38 | 39 | ## Some examples: 40 | 41 | #### ia-dark 42 | 43 | ![image](https://user-images.githubusercontent.com/38560/123446102-8bb34080-d5a6-11eb-9ba8-6cb283abf850.png) 44 | 45 | #### Nord 46 | 47 | ![image](https://user-images.githubusercontent.com/38560/123446243-b0a7b380-d5a6-11eb-8195-b366ebde02bb.png) 48 | 49 | #### Solarized-dark 50 | 51 | ![image](https://user-images.githubusercontent.com/38560/123446442-e3ea4280-d5a6-11eb-8fc2-913a2723a443.png) 52 | 53 | #### Solarized-light 54 | 55 | ![image](https://user-images.githubusercontent.com/38560/123446520-f6647c00-d5a6-11eb-99be-55520a55df6e.png) 56 | 57 | #### Eighties 58 | 59 | ![image](https://user-images.githubusercontent.com/38560/123446709-214ed000-d5a7-11eb-97e9-e367b14faa1e.png) 60 | 61 | Over 130 themes are included! 62 | -------------------------------------------------------------------------------- /base16-obsidian.css: -------------------------------------------------------------------------------- 1 | /************************* 2 | * Font selection 3 | *************************/ 4 | 5 | .workspace { 6 | font-family: var(--font-family-editor); 7 | } 8 | 9 | .markdown-preview-view { 10 | font-family: var(--font-family-preview) !important; 11 | } 12 | 13 | /************************* 14 | * workspace 15 | *************************/ 16 | 17 | .workspace { 18 | color: var(--base06) !important; 19 | background-color: var(--base00) !important; 20 | } 21 | 22 | .workspace-tabs { 23 | color: var(--base06) !important; 24 | background-color: var(--base00) !important; 25 | } 26 | 27 | .workspace-tab-header { 28 | color: var(--base06) !important; 29 | background-color: var(--base00) !important; 30 | } 31 | 32 | .workspace-tab-header-inner { 33 | color: var(--base02) !important; 34 | } 35 | 36 | .workspace-leaf { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | /************************* 42 | * View header 43 | *************************/ 44 | 45 | .view-header { 46 | background-color: var(--base00) !important; 47 | color: var(--base06) !important; 48 | border-bottom: 1px solid var(--base01); 49 | } 50 | 51 | .view-header-title { 52 | color: var(--base06) !important; 53 | } 54 | 55 | .view-header-title-container:after { 56 | background: none !important; 57 | } 58 | 59 | .view-content { 60 | background-color: var(--base00) !important; 61 | color: var(--base06) !important; 62 | } 63 | 64 | .view-action { 65 | color: var(--base06) !important; 66 | } 67 | 68 | /************************* 69 | * Nav folder 70 | *************************/ 71 | 72 | .nav-folder-title, .nav-file-title { 73 | background-color: var(--base00) !important; 74 | color: var(--base06) !important; 75 | } 76 | 77 | .nav-action-button { 78 | color: var(--base06) !important; 79 | } 80 | 81 | /************************* 82 | * Markdown headers 83 | *************************/ 84 | 85 | .cm-header-1, .markdown-preview-view h1 { 86 | color: var(--base0A); 87 | } 88 | 89 | .cm-header-2, .markdown-preview-view h2 { 90 | color: var(--base0B); 91 | } 92 | 93 | .cm-header-3, .markdown-preview-view h3 { 94 | color: var(--base0C); 95 | } 96 | 97 | .cm-header-4, .markdown-preview-view h4 { 98 | color: var(--base0D); 99 | } 100 | 101 | .cm-header-5, .markdown-preview-view h5 { 102 | color: var(--base0E); 103 | } 104 | 105 | .cm-header-6, .markdown-preview-view h6 { 106 | color: var(--base0E); 107 | } 108 | 109 | /************************* 110 | * Markdown strong and emphasis 111 | *************************/ 112 | 113 | .cm-em, .markdown-preview-view em { 114 | color: var(--base0D); 115 | } 116 | 117 | .cm-strong, .markdown-preview-view em { 118 | color: var(--base09); 119 | } 120 | 121 | /************************* 122 | * Markdown links 123 | *************************/ 124 | 125 | .cm-link, .markdown-preview-view a { 126 | color: var(--base0C) !important; 127 | } 128 | 129 | .cm-formatting-link,.cm-url { 130 | color: var(--base03) !important; 131 | } 132 | 133 | /************************* 134 | * Quotes 135 | *************************/ 136 | 137 | .cm-quote, .markdown-preview-view blockquote { 138 | color: var(--base0D) !important; 139 | } 140 | 141 | /************************* 142 | * Code blocks 143 | *************************/ 144 | 145 | .HyperMD-codeblock, .markdown-preview-view pre { 146 | color: var(--base07) !important; 147 | background-color: var(--base01) !important; 148 | } 149 | 150 | .cm-inline-code, .markdown-preview-view code { 151 | color: var(--base07) !important; 152 | background-color: var(--base01) !important; 153 | } 154 | -------------------------------------------------------------------------------- /3024.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #090300; 3 | --base01: #3a3432; 4 | --base02: #4a4543; 5 | --base03: #5c5855; 6 | --base04: #807d7c; 7 | --base05: #a5a2a2; 8 | --base06: #d6d5d4; 9 | --base07: #f7f7f7; 10 | --base08: #db2d20; 11 | --base09: #e8bbd0; 12 | --base0A: #fded02; 13 | --base0B: #01a252; 14 | --base0C: #b5e4f4; 15 | --base0D: #01a0e4; 16 | --base0E: #a16a94; 17 | --base0F: #cdab53; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /ashes.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1C2023; 3 | --base01: #393F45; 4 | --base02: #565E65; 5 | --base03: #747C84; 6 | --base04: #ADB3BA; 7 | --base05: #C7CCD1; 8 | --base06: #DFE2E5; 9 | --base07: #F3F4F5; 10 | --base08: #C7AE95; 11 | --base09: #C7C795; 12 | --base0A: #AEC795; 13 | --base0B: #95C7AE; 14 | --base0C: #95AEC7; 15 | --base0D: #AE95C7; 16 | --base0E: #C795AE; 17 | --base0F: #C79595; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /atlas.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #002635; 3 | --base01: #00384d; 4 | --base02: #517F8D; 5 | --base03: #6C8B91; 6 | --base04: #869696; 7 | --base05: #a1a19a; 8 | --base06: #e6e6dc; 9 | --base07: #fafaf8; 10 | --base08: #ff5a67; 11 | --base09: #f08e48; 12 | --base0A: #ffcc1b; 13 | --base0B: #7fc06e; 14 | --base0C: #14747e; 15 | --base0D: #5dd7b9; 16 | --base0E: #9a70a4; 17 | --base0F: #c43060; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /chalk.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #151515; 3 | --base01: #202020; 4 | --base02: #303030; 5 | --base03: #505050; 6 | --base04: #b0b0b0; 7 | --base05: #d0d0d0; 8 | --base06: #e0e0e0; 9 | --base07: #f5f5f5; 10 | --base08: #fb9fb1; 11 | --base09: #eda987; 12 | --base0A: #ddb26f; 13 | --base0B: #acc267; 14 | --base0C: #12cfc0; 15 | --base0D: #6fc2ef; 16 | --base0E: #e1a3ee; 17 | --base0F: #deaf8f; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /flat.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2C3E50; 3 | --base01: #34495E; 4 | --base02: #7F8C8D; 5 | --base03: #95A5A6; 6 | --base04: #BDC3C7; 7 | --base05: #e0e0e0; 8 | --base06: #f5f5f5; 9 | --base07: #ECF0F1; 10 | --base08: #E74C3C; 11 | --base09: #E67E22; 12 | --base0A: #F1C40F; 13 | --base0B: #2ECC71; 14 | --base0C: #1ABC9C; 15 | --base0D: #3498DB; 16 | --base0E: #9B59B6; 17 | --base0F: #be643c; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /icy.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #021012; 3 | --base01: #031619; 4 | --base02: #041f23; 5 | --base03: #052e34; 6 | --base04: #064048; 7 | --base05: #095b67; 8 | --base06: #0c7c8c; 9 | --base07: #109cb0; 10 | --base08: #16c1d9; 11 | --base09: #b3ebf2; 12 | --base0A: #80deea; 13 | --base0B: #4dd0e1; 14 | --base0C: #26c6da; 15 | --base0D: #00bcd4; 16 | --base0E: #00acc1; 17 | --base0F: #0097a7; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /mocha.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #3B3228; 3 | --base01: #534636; 4 | --base02: #645240; 5 | --base03: #7e705a; 6 | --base04: #b8afad; 7 | --base05: #d0c8c6; 8 | --base06: #e9e1dd; 9 | --base07: #f5eeeb; 10 | --base08: #cb6077; 11 | --base09: #d28b71; 12 | --base0A: #f4bc87; 13 | --base0B: #beb55b; 14 | --base0C: #7bbda4; 15 | --base0D: #8ab3b5; 16 | --base0E: #a89bb9; 17 | --base0F: #bb9584; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /nord.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2E3440; 3 | --base01: #3B4252; 4 | --base02: #434C5E; 5 | --base03: #4C566A; 6 | --base04: #D8DEE9; 7 | --base05: #E5E9F0; 8 | --base06: #ECEFF4; 9 | --base07: #8FBCBB; 10 | --base08: #88C0D0; 11 | --base09: #81A1C1; 12 | --base0A: #5E81AC; 13 | --base0B: #BF616A; 14 | --base0C: #D08770; 15 | --base0D: #EBCB8B; 16 | --base0E: #A3BE8C; 17 | --base0F: #B48EAD; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /ocean.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2b303b; 3 | --base01: #343d46; 4 | --base02: #4f5b66; 5 | --base03: #65737e; 6 | --base04: #a7adba; 7 | --base05: #c0c5ce; 8 | --base06: #dfe1e8; 9 | --base07: #eff1f5; 10 | --base08: #bf616a; 11 | --base09: #d08770; 12 | --base0A: #ebcb8b; 13 | --base0B: #a3be8c; 14 | --base0C: #96b5b4; 15 | --base0D: #8fa1b3; 16 | --base0E: #b48ead; 17 | --base0F: #ab7967; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /phd.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #061229; 3 | --base01: #2a3448; 4 | --base02: #4d5666; 5 | --base03: #717885; 6 | --base04: #9a99a3; 7 | --base05: #b8bbc2; 8 | --base06: #dbdde0; 9 | --base07: #ffffff; 10 | --base08: #d07346; 11 | --base09: #f0a000; 12 | --base0A: #fbd461; 13 | --base0B: #99bf52; 14 | --base0C: #72b9bf; 15 | --base0D: #5299bf; 16 | --base0E: #9989cc; 17 | --base0F: #b08060; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /pico.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #1d2b53; 4 | --base02: #7e2553; 5 | --base03: #008751; 6 | --base04: #ab5236; 7 | --base05: #5f574f; 8 | --base06: #c2c3c7; 9 | --base07: #fff1e8; 10 | --base08: #ff004d; 11 | --base09: #ffa300; 12 | --base0A: #fff024; 13 | --base0B: #00e756; 14 | --base0C: #29adff; 15 | --base0D: #83769c; 16 | --base0E: #ff77a8; 17 | --base0F: #ffccaa; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /pop.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #202020; 4 | --base02: #303030; 5 | --base03: #505050; 6 | --base04: #b0b0b0; 7 | --base05: #d0d0d0; 8 | --base06: #e0e0e0; 9 | --base07: #ffffff; 10 | --base08: #eb008a; 11 | --base09: #f29333; 12 | --base0A: #f8ca12; 13 | --base0B: #37b349; 14 | --base0C: #00aabb; 15 | --base0D: #0e5a94; 16 | --base0E: #b31e8d; 17 | --base0F: #7a2d00; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /seti.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #151718; 3 | --base01: #282a2b; 4 | --base02: #3B758C; 5 | --base03: #41535B; 6 | --base04: #43a5d5; 7 | --base05: #d6d6d6; 8 | --base06: #eeeeee; 9 | --base07: #ffffff; 10 | --base08: #Cd3f45; 11 | --base09: #db7b55; 12 | --base0A: #e6cd69; 13 | --base0B: #9fca56; 14 | --base0C: #55dbbe; 15 | --base0D: #55b5db; 16 | --base0E: #a074c4; 17 | --base0F: #8a553f; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /tube.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #231f20; 3 | --base01: #1c3f95; 4 | --base02: #5a5758; 5 | --base03: #737171; 6 | --base04: #959ca1; 7 | --base05: #d9d8d8; 8 | --base06: #e7e7e8; 9 | --base07: #ffffff; 10 | --base08: #ee2e24; 11 | --base09: #f386a1; 12 | --base0A: #ffd204; 13 | --base0B: #00853e; 14 | --base0C: #85cebc; 15 | --base0D: #009ddc; 16 | --base0E: #98005d; 17 | --base0F: #b06110; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /apathy.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #031A16; 3 | --base01: #0B342D; 4 | --base02: #184E45; 5 | --base03: #2B685E; 6 | --base04: #5F9C92; 7 | --base05: #81B5AC; 8 | --base06: #A7CEC8; 9 | --base07: #D2E7E4; 10 | --base08: #3E9688; 11 | --base09: #3E7996; 12 | --base0A: #3E4C96; 13 | --base0B: #883E96; 14 | --base0C: #963E4C; 15 | --base0D: #96883E; 16 | --base0E: #4C963E; 17 | --base0F: #3E965B; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /bespin.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #28211c; 3 | --base01: #36312e; 4 | --base02: #5e5d5c; 5 | --base03: #666666; 6 | --base04: #797977; 7 | --base05: #8a8986; 8 | --base06: #9d9b97; 9 | --base07: #baae9e; 10 | --base08: #cf6a4c; 11 | --base09: #cf7d34; 12 | --base0A: #f9ee98; 13 | --base0B: #54be0d; 14 | --base0C: #afc4db; 15 | --base0D: #5ea6ea; 16 | --base0E: #9b859d; 17 | --base0F: #937121; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /brewer.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #0c0d0e; 3 | --base01: #2e2f30; 4 | --base02: #515253; 5 | --base03: #737475; 6 | --base04: #959697; 7 | --base05: #b7b8b9; 8 | --base06: #dadbdc; 9 | --base07: #fcfdfe; 10 | --base08: #e31a1c; 11 | --base09: #e6550d; 12 | --base0A: #dca060; 13 | --base0B: #31a354; 14 | --base0C: #80b1d3; 15 | --base0D: #3182bd; 16 | --base0E: #756bb1; 17 | --base0F: #b15928; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /bright.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #303030; 4 | --base02: #505050; 5 | --base03: #b0b0b0; 6 | --base04: #d0d0d0; 7 | --base05: #e0e0e0; 8 | --base06: #f5f5f5; 9 | --base07: #ffffff; 10 | --base08: #fb0120; 11 | --base09: #fc6d24; 12 | --base0A: #fda331; 13 | --base0B: #a1c659; 14 | --base0C: #76c7b7; 15 | --base0D: #6fb3d2; 16 | --base0E: #d381c3; 17 | --base0F: #be643c; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /brogrammer.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1f1f1f; 3 | --base01: #f81118; 4 | --base02: #2dc55e; 5 | --base03: #ecba0f; 6 | --base04: #2a84d2; 7 | --base05: #4e5ab7; 8 | --base06: #1081d6; 9 | --base07: #d6dbe5; 10 | --base08: #d6dbe5; 11 | --base09: #de352e; 12 | --base0A: #1dd361; 13 | --base0B: #f3bd09; 14 | --base0C: #1081d6; 15 | --base0D: #5350b9; 16 | --base0E: #0f7ddb; 17 | --base0F: #ffffff; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /brushtrees.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #E3EFEF; 3 | --base01: #C9DBDC; 4 | --base02: #B0C5C8; 5 | --base03: #98AFB5; 6 | --base04: #8299A1; 7 | --base05: #6D828E; 8 | --base06: #5A6D7A; 9 | --base07: #485867; 10 | --base08: #b38686; 11 | --base09: #d8bba2; 12 | --base0A: #aab386; 13 | --base0B: #87b386; 14 | --base0C: #86b3b3; 15 | --base0D: #868cb3; 16 | --base0E: #b386b2; 17 | --base0F: #b39f9f; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /circus.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #191919; 3 | --base01: #202020; 4 | --base02: #303030; 5 | --base03: #5f5a60; 6 | --base04: #505050; 7 | --base05: #a7a7a7; 8 | --base06: #808080; 9 | --base07: #ffffff; 10 | --base08: #dc657d; 11 | --base09: #4bb1a7; 12 | --base0A: #c3ba63; 13 | --base0B: #84b97c; 14 | --base0C: #4bb1a7; 15 | --base0D: #639ee4; 16 | --base0E: #b888e2; 17 | --base0F: #b888e2; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /codeschool.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #232c31; 3 | --base01: #1c3657; 4 | --base02: #2a343a; 5 | --base03: #3f4944; 6 | --base04: #84898c; 7 | --base05: #9ea7a6; 8 | --base06: #a7cfa3; 9 | --base07: #b5d8f6; 10 | --base08: #2a5491; 11 | --base09: #43820d; 12 | --base0A: #a03b1e; 13 | --base0B: #237986; 14 | --base0C: #b02f30; 15 | --base0D: #484d79; 16 | --base0E: #c59820; 17 | --base0F: #c98344; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /cupcake.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #fbf1f2; 3 | --base01: #f2f1f4; 4 | --base02: #d8d5dd; 5 | --base03: #bfb9c6; 6 | --base04: #a59daf; 7 | --base05: #8b8198; 8 | --base06: #72677E; 9 | --base07: #585062; 10 | --base08: #D57E85; 11 | --base09: #EBB790; 12 | --base0A: #DCB16C; 13 | --base0B: #A3B367; 14 | --base0C: #69A9A7; 15 | --base0D: #7297B9; 16 | --base0E: #BB99B4; 17 | --base0F: #BAA58C; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /cupertino.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #ffffff; 3 | --base01: #c0c0c0; 4 | --base02: #c0c0c0; 5 | --base03: #808080; 6 | --base04: #808080; 7 | --base05: #404040; 8 | --base06: #404040; 9 | --base07: #5e5e5e; 10 | --base08: #c41a15; 11 | --base09: #eb8500; 12 | --base0A: #826b28; 13 | --base0B: #007400; 14 | --base0C: #318495; 15 | --base0D: #0000ff; 16 | --base0E: #a90d91; 17 | --base0F: #826b28; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /darktooth.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1D2021; 3 | --base01: #32302F; 4 | --base02: #504945; 5 | --base03: #665C54; 6 | --base04: #928374; 7 | --base05: #A89984; 8 | --base06: #D5C4A1; 9 | --base07: #FDF4C1; 10 | --base08: #FB543F; 11 | --base09: #FE8625; 12 | --base0A: #FAC03B; 13 | --base0B: #95C085; 14 | --base0C: #8BA59B; 15 | --base0D: #0D6678; 16 | --base0E: #8F4673; 17 | --base0F: #A87322; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /dracula.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #282936; 3 | --base01: #3a3c4e; 4 | --base02: #4d4f68; 5 | --base03: #626483; 6 | --base04: #62d6e8; 7 | --base05: #e9e9f4; 8 | --base06: #f1f2f8; 9 | --base07: #f7f7fb; 10 | --base08: #ea51b2; 11 | --base09: #b45bcf; 12 | --base0A: #00f769; 13 | --base0B: #ebff87; 14 | --base0C: #a1efe4; 15 | --base0D: #62d6e8; 16 | --base0E: #b45bcf; 17 | --base0F: #00f769; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /eighties.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2d2d2d; 3 | --base01: #393939; 4 | --base02: #515151; 5 | --base03: #747369; 6 | --base04: #a09f93; 7 | --base05: #d3d0c8; 8 | --base06: #e8e6df; 9 | --base07: #f2f0ec; 10 | --base08: #f2777a; 11 | --base09: #f99157; 12 | --base0A: #ffcc66; 13 | --base0B: #99cc99; 14 | --base0C: #66cccc; 15 | --base0D: #6699cc; 16 | --base0E: #cc99cc; 17 | --base0F: #d27b53; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /embers.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #16130F; 3 | --base01: #2C2620; 4 | --base02: #433B32; 5 | --base03: #5A5047; 6 | --base04: #8A8075; 7 | --base05: #A39A90; 8 | --base06: #BEB6AE; 9 | --base07: #DBD6D1; 10 | --base08: #826D57; 11 | --base09: #828257; 12 | --base0A: #6D8257; 13 | --base0B: #57826D; 14 | --base0C: #576D82; 15 | --base0D: #6D5782; 16 | --base0E: #82576D; 17 | --base0F: #825757; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /fruit-soda.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #f1ecf1; 3 | --base01: #e0dee0; 4 | --base02: #d8d5d5; 5 | --base03: #b5b4b6; 6 | --base04: #979598; 7 | --base05: #515151; 8 | --base06: #474545; 9 | --base07: #2d2c2c; 10 | --base08: #fe3e31; 11 | --base09: #fe6d08; 12 | --base0A: #f7e203; 13 | --base0B: #47f74c; 14 | --base0C: #0f9cfd; 15 | --base0D: #2931df; 16 | --base0E: #611fce; 17 | --base0F: #b16f40; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /github.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #ffffff; 3 | --base01: #f5f5f5; 4 | --base02: #c8c8fa; 5 | --base03: #969896; 6 | --base04: #e8e8e8; 7 | --base05: #333333; 8 | --base06: #ffffff; 9 | --base07: #ffffff; 10 | --base08: #ed6a43; 11 | --base09: #0086b3; 12 | --base0A: #795da3; 13 | --base0B: #183691; 14 | --base0C: #183691; 15 | --base0D: #795da3; 16 | --base0E: #a71d5d; 17 | --base0F: #333333; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /heetch.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #190134; 3 | --base01: #392551; 4 | --base02: #5A496E; 5 | --base03: #7B6D8B; 6 | --base04: #9C92A8; 7 | --base05: #BDB6C5; 8 | --base06: #DEDAE2; 9 | --base07: #FEFFFF; 10 | --base08: #27D9D5; 11 | --base09: #5BA2B6; 12 | --base0A: #8F6C97; 13 | --base0B: #C33678; 14 | --base0C: #F80059; 15 | --base0D: #BD0152; 16 | --base0E: #82034C; 17 | --base0F: #470546; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /helios.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1d2021; 3 | --base01: #383c3e; 4 | --base02: #53585b; 5 | --base03: #6f7579; 6 | --base04: #cdcdcd; 7 | --base05: #d5d5d5; 8 | --base06: #dddddd; 9 | --base07: #e5e5e5; 10 | --base08: #d72638; 11 | --base09: #eb8413; 12 | --base0A: #f19d1a; 13 | --base0B: #88b92d; 14 | --base0C: #1ba595; 15 | --base0D: #1e8bac; 16 | --base0E: #be4264; 17 | --base0F: #c85e0d; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /hopscotch.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #322931; 3 | --base01: #433b42; 4 | --base02: #5c545b; 5 | --base03: #797379; 6 | --base04: #989498; 7 | --base05: #b9b5b8; 8 | --base06: #d5d3d5; 9 | --base07: #ffffff; 10 | --base08: #dd464c; 11 | --base09: #fd8b19; 12 | --base0A: #fdcc59; 13 | --base0B: #8fc13e; 14 | --base0C: #149b93; 15 | --base0D: #1290bf; 16 | --base0E: #c85e7c; 17 | --base0F: #b33508; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /ia-dark.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1a1a1a; 3 | --base01: #222222; 4 | --base02: #1d414d; 5 | --base03: #767676; 6 | --base04: #b8b8b8; 7 | --base05: #cccccc; 8 | --base06: #e8e8e8; 9 | --base07: #f8f8f8; 10 | --base08: #d88568; 11 | --base09: #d86868; 12 | --base0A: #b99353; 13 | --base0B: #83a471; 14 | --base0C: #7c9cae; 15 | --base0D: #8eccdd; 16 | --base0E: #b98eb2; 17 | --base0F: #8b6c37; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /ia-light.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #f6f6f6; 3 | --base01: #dedede; 4 | --base02: #bde5f2; 5 | --base03: #898989; 6 | --base04: #767676; 7 | --base05: #181818; 8 | --base06: #e8e8e8; 9 | --base07: #f8f8f8; 10 | --base08: #9c5a02; 11 | --base09: #c43e18; 12 | --base0A: #c48218; 13 | --base0B: #38781c; 14 | --base0C: #2d6bb1; 15 | --base0D: #48bac2; 16 | --base0E: #a94598; 17 | --base0F: #8b6c37; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /irblack.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #242422; 4 | --base02: #484844; 5 | --base03: #6c6c66; 6 | --base04: #918f88; 7 | --base05: #b5b3aa; 8 | --base06: #d9d7cc; 9 | --base07: #fdfbee; 10 | --base08: #ff6c60; 11 | --base09: #e9c062; 12 | --base0A: #ffffb6; 13 | --base0B: #a8ff60; 14 | --base0C: #c6c5fe; 15 | --base0D: #96cbfe; 16 | --base0E: #ff73fd; 17 | --base0F: #b18a3d; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /isotope.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #404040; 4 | --base02: #606060; 5 | --base03: #808080; 6 | --base04: #c0c0c0; 7 | --base05: #d0d0d0; 8 | --base06: #e0e0e0; 9 | --base07: #ffffff; 10 | --base08: #ff0000; 11 | --base09: #ff9900; 12 | --base0A: #ff0099; 13 | --base0B: #33ff00; 14 | --base0C: #00ffff; 15 | --base0D: #0066ff; 16 | --base0E: #cc00ff; 17 | --base0F: #3300ff; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /macintosh.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #000000; 3 | --base01: #404040; 4 | --base02: #404040; 5 | --base03: #808080; 6 | --base04: #808080; 7 | --base05: #c0c0c0; 8 | --base06: #c0c0c0; 9 | --base07: #ffffff; 10 | --base08: #dd0907; 11 | --base09: #ff6403; 12 | --base0A: #fbf305; 13 | --base0B: #1fb714; 14 | --base0C: #02abea; 15 | --base0D: #0000d3; 16 | --base0E: #4700a5; 17 | --base0F: #90713a; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /marrakesh.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #201602; 3 | --base01: #302e00; 4 | --base02: #5f5b17; 5 | --base03: #6c6823; 6 | --base04: #86813b; 7 | --base05: #948e48; 8 | --base06: #ccc37a; 9 | --base07: #faf0a5; 10 | --base08: #c35359; 11 | --base09: #b36144; 12 | --base0A: #a88339; 13 | --base0B: #18974e; 14 | --base0C: #75a738; 15 | --base0D: #477ca1; 16 | --base0E: #8868b3; 17 | --base0F: #b3588e; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /materia.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #263238; 3 | --base01: #2C393F; 4 | --base02: #37474F; 5 | --base03: #707880; 6 | --base04: #C9CCD3; 7 | --base05: #CDD3DE; 8 | --base06: #D5DBE5; 9 | --base07: #FFFFFF; 10 | --base08: #EC5F67; 11 | --base09: #EA9560; 12 | --base0A: #FFCC00; 13 | --base0B: #8BD649; 14 | --base0C: #80CBC4; 15 | --base0D: #89DDFF; 16 | --base0E: #82AAFF; 17 | --base0F: #EC5F67; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /material.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #263238; 3 | --base01: #2E3C43; 4 | --base02: #314549; 5 | --base03: #546E7A; 6 | --base04: #B2CCD6; 7 | --base05: #EEFFFF; 8 | --base06: #EEFFFF; 9 | --base07: #FFFFFF; 10 | --base08: #F07178; 11 | --base09: #F78C6C; 12 | --base0A: #FFCB6B; 13 | --base0B: #C3E88D; 14 | --base0C: #89DDFF; 15 | --base0D: #82AAFF; 16 | --base0E: #C792EA; 17 | --base0F: #FF5370; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /monokai.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #272822; 3 | --base01: #383830; 4 | --base02: #49483e; 5 | --base03: #75715e; 6 | --base04: #a59f85; 7 | --base05: #f8f8f2; 8 | --base06: #f5f4f1; 9 | --base07: #f9f8f5; 10 | --base08: #f92672; 11 | --base09: #fd971f; 12 | --base0A: #f4bf75; 13 | --base0B: #a6e22e; 14 | --base0C: #a1efe4; 15 | --base0D: #66d9ef; 16 | --base0E: #ae81ff; 17 | --base0F: #cc6633; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /one-light.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #fafafa; 3 | --base01: #f0f0f1; 4 | --base02: #e5e5e6; 5 | --base03: #a0a1a7; 6 | --base04: #696c77; 7 | --base05: #383a42; 8 | --base06: #202227; 9 | --base07: #090a0b; 10 | --base08: #ca1243; 11 | --base09: #d75f00; 12 | --base0A: #c18401; 13 | --base0B: #50a14f; 14 | --base0C: #0184bc; 15 | --base0D: #4078f2; 16 | --base0E: #a626a4; 17 | --base0F: #986801; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /onedark.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #282c34; 3 | --base01: #353b45; 4 | --base02: #3e4451; 5 | --base03: #545862; 6 | --base04: #565c64; 7 | --base05: #abb2bf; 8 | --base06: #b6bdca; 9 | --base07: #c8ccd4; 10 | --base08: #e06c75; 11 | --base09: #d19a66; 12 | --base0A: #e5c07b; 13 | --base0B: #98c379; 14 | --base0C: #56b6c2; 15 | --base0D: #61afef; 16 | --base0E: #c678dd; 17 | --base0F: #be5046; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /paraiso.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2f1e2e; 3 | --base01: #41323f; 4 | --base02: #4f424c; 5 | --base03: #776e71; 6 | --base04: #8d8687; 7 | --base05: #a39e9b; 8 | --base06: #b9b6b0; 9 | --base07: #e7e9db; 10 | --base08: #ef6155; 11 | --base09: #f99b15; 12 | --base0A: #fec418; 13 | --base0B: #48b685; 14 | --base0C: #5bc4bf; 15 | --base0D: #06b6ef; 16 | --base0E: #815ba4; 17 | --base0F: #e96ba8; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /porple.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #292c36; 3 | --base01: #333344; 4 | --base02: #474160; 5 | --base03: #65568a; 6 | --base04: #b8b8b8; 7 | --base05: #d8d8d8; 8 | --base06: #e8e8e8; 9 | --base07: #f8f8f8; 10 | --base08: #f84547; 11 | --base09: #d28e5d; 12 | --base0A: #efa16b; 13 | --base0B: #95c76f; 14 | --base0C: #64878f; 15 | --base0D: #8485ce; 16 | --base0E: #b74989; 17 | --base0F: #986841; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /railscasts.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #2b2b2b; 3 | --base01: #272935; 4 | --base02: #3a4055; 5 | --base03: #5a647e; 6 | --base04: #d4cfc9; 7 | --base05: #e6e1dc; 8 | --base06: #f4f1ed; 9 | --base07: #f9f7f3; 10 | --base08: #da4939; 11 | --base09: #cc7833; 12 | --base0A: #ffc66d; 13 | --base0B: #a5c261; 14 | --base0C: #519f50; 15 | --base0D: #6d9cbe; 16 | --base0E: #b6b3eb; 17 | --base0F: #bc9458; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /rebecca.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #292a44; 3 | --base01: #663399; 4 | --base02: #383a62; 5 | --base03: #666699; 6 | --base04: #a0a0c5; 7 | --base05: #f1eff8; 8 | --base06: #ccccff; 9 | --base07: #53495d; 10 | --base08: #a0a0c5; 11 | --base09: #efe4a1; 12 | --base0A: #ae81ff; 13 | --base0B: #6dfedf; 14 | --base0C: #8eaee0; 15 | --base0D: #2de0a7; 16 | --base0E: #7aa5ff; 17 | --base0F: #ff79c6; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /snazzy.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #282a36; 3 | --base01: #34353e; 4 | --base02: #43454f; 5 | --base03: #78787e; 6 | --base04: #a5a5a9; 7 | --base05: #e2e4e5; 8 | --base06: #eff0eb; 9 | --base07: #f1f1f0; 10 | --base08: #ff5c57; 11 | --base09: #ff9f43; 12 | --base0A: #f3f99d; 13 | --base0B: #5af78e; 14 | --base0C: #9aedfe; 15 | --base0D: #57c7ff; 16 | --base0E: #ff6ac1; 17 | --base0F: #b2643c; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /solarflare.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #18262F; 3 | --base01: #222E38; 4 | --base02: #586875; 5 | --base03: #667581; 6 | --base04: #85939E; 7 | --base05: #A6AFB8; 8 | --base06: #E8E9ED; 9 | --base07: #F5F7FA; 10 | --base08: #EF5253; 11 | --base09: #E66B2B; 12 | --base0A: #E4B51C; 13 | --base0B: #7CC844; 14 | --base0C: #52CBB0; 15 | --base0D: #33B5E1; 16 | --base0E: #A363D5; 17 | --base0F: #D73C9A; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | -------------------------------------------------------------------------------- /spacemacs.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --base00: #1f2022; 3 | --base01: #282828; 4 | --base02: #444155; 5 | --base03: #585858; 6 | --base04: #b8b8b8; 7 | --base05: #a3a3a3; 8 | --base06: #e8e8e8; 9 | --base07: #f8f8f8; 10 | --base08: #f2241f; 11 | --base09: #ffa500; 12 | --base0A: #b1951d; 13 | --base0B: #67b11d; 14 | --base0C: #2d9574; 15 | --base0D: #4f97d7; 16 | --base0E: #a31db1; 17 | --base0F: #b03060; 18 | } 19 | 20 | /************************* 21 | * Font selection 22 | *************************/ 23 | 24 | .workspace { 25 | font-family: var(--font-family-editor); 26 | } 27 | 28 | .markdown-preview-view { 29 | font-family: var(--font-family-preview) !important; 30 | } 31 | 32 | /************************* 33 | * workspace 34 | *************************/ 35 | 36 | .workspace { 37 | color: var(--base06) !important; 38 | background-color: var(--base00) !important; 39 | } 40 | 41 | .workspace-tabs { 42 | color: var(--base06) !important; 43 | background-color: var(--base00) !important; 44 | } 45 | 46 | .workspace-tab-header { 47 | color: var(--base06) !important; 48 | background-color: var(--base00) !important; 49 | } 50 | 51 | .workspace-tab-header-inner { 52 | color: var(--base02) !important; 53 | } 54 | 55 | .workspace-leaf { 56 | color: var(--base06) !important; 57 | background-color: var(--base00) !important; 58 | } 59 | 60 | /************************* 61 | * View header 62 | *************************/ 63 | 64 | .view-header { 65 | background-color: var(--base00) !important; 66 | color: var(--base06) !important; 67 | border-bottom: 1px solid var(--base01); 68 | } 69 | 70 | .view-header-title { 71 | color: var(--base06) !important; 72 | } 73 | 74 | .view-header-title-container:after { 75 | background: none !important; 76 | } 77 | 78 | .view-content { 79 | background-color: var(--base00) !important; 80 | color: var(--base06) !important; 81 | } 82 | 83 | .view-action { 84 | color: var(--base06) !important; 85 | } 86 | 87 | /************************* 88 | * Nav folder 89 | *************************/ 90 | 91 | .nav-folder-title, .nav-file-title { 92 | background-color: var(--base00) !important; 93 | color: var(--base06) !important; 94 | } 95 | 96 | .nav-action-button { 97 | color: var(--base06) !important; 98 | } 99 | 100 | /************************* 101 | * Markdown headers 102 | *************************/ 103 | 104 | .cm-header-1, .markdown-preview-view h1 { 105 | color: var(--base0A); 106 | } 107 | 108 | .cm-header-2, .markdown-preview-view h2 { 109 | color: var(--base0B); 110 | } 111 | 112 | .cm-header-3, .markdown-preview-view h3 { 113 | color: var(--base0C); 114 | } 115 | 116 | .cm-header-4, .markdown-preview-view h4 { 117 | color: var(--base0D); 118 | } 119 | 120 | .cm-header-5, .markdown-preview-view h5 { 121 | color: var(--base0E); 122 | } 123 | 124 | .cm-header-6, .markdown-preview-view h6 { 125 | color: var(--base0E); 126 | } 127 | 128 | /************************* 129 | * Markdown strong and emphasis 130 | *************************/ 131 | 132 | .cm-em, .markdown-preview-view em { 133 | color: var(--base0D); 134 | } 135 | 136 | .cm-strong, .markdown-preview-view strong { 137 | color: var(--base09); 138 | } 139 | 140 | /************************* 141 | * Markdown links 142 | *************************/ 143 | 144 | .cm-link, .markdown-preview-view a { 145 | color: var(--base0C) !important; 146 | } 147 | 148 | .cm-formatting-link,.cm-url { 149 | color: var(--base03) !important; 150 | } 151 | 152 | /************************* 153 | * Quotes 154 | *************************/ 155 | 156 | .cm-quote, .markdown-preview-view blockquote { 157 | color: var(--base0D) !important; 158 | } 159 | 160 | /************************* 161 | * Code blocks 162 | *************************/ 163 | 164 | .HyperMD-codeblock, .markdown-preview-view pre { 165 | color: var(--base07) !important; 166 | background-color: var(--base01) !important; 167 | } 168 | 169 | .cm-inline-code, .markdown-preview-view code { 170 | color: var(--base07) !important; 171 | background-color: var(--base01) !important; 172 | } 173 | 174 | /************************* 175 | * Cursor 176 | *************************/ 177 | 178 | .CodeMirror-cursors { 179 | color: var(--base0B); 180 | z-index: 5 !important /* fixes a bug where cursor is hidden in code blocks */ 181 | } 182 | --------------------------------------------------------------------------------