├── LICENSE ├── README.md ├── _doc ├── --as-inline-code-color.png ├── --as-link-color.png ├── --bg-color.png ├── --code-block-bg-color.png ├── --text-color.png ├── 200px-L-aspartic-acid-3D-balls.png ├── 950px.png ├── aspartate.png ├── carbon-seti.png ├── mac-example.png ├── mac-example2.png ├── markdown-example.png └── menu.png └── aspartate.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 AntonVanke 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 | ![Aspartate](_doc/200px-L-aspartic-acid-3D-balls.png) 2 | 3 | # Aspartate 4 | 5 | ## 什么是Aspartate 6 | 7 | > Aspartate 是一个 [`Typora`](https://typora.io/) 暗色主题。 8 | 9 | ## Aspartate的制作 10 | 11 | `Aspartate`的大部分样式参考了 [这个页面](https://www.electronjs.org/zh/docs/latest/) ； 12 | 13 | `CodeMirror`的样式来自 [Carbon](https://carbon.now.sh/?bg=rgba(171%2C+184%2C+195%2C+1)&t=seti&wt=none&l=auto&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%&si=false&es=2x&wm=false&code=(Typora)%0A(Aspartate)%0A(Theme)) ； 14 | 15 | 其它的一些样式来自我制作的另一个`Typora`主题: [Mlike](https://github.com/AntonVanke/typora-mlike-theme) 。 16 | 17 | ## 截图 18 | 19 | ![](_doc/markdown-example.png) 20 | 21 | ![](_doc/mac-example.png) 22 | 23 | ![](_doc/mac-example2.png) 24 | 25 | ![](_doc/menu.png) 26 | 27 | ## 主题的一些属性 28 | 29 | | 属性 | 备注 | 实例图片(非主题图片) | 30 | | ------- | ---------------- | ------------------------------------ | 31 | | #f5f6f7 | 字体颜色 | ![](_doc/--text-color.png) | 32 | | #18191a | 主体背景颜色 | ![](_doc/--bg-color.png) | 33 | | #282A36 | 代码块颜色 | ![](_doc/--code-block-bg-color.png) | 34 | | #ff6e6e | 行内代码字体颜色 | ![](_doc/--as-inline-code-color.png) | 35 | | #00aeff | 超链接颜色 | ![](_doc/--as-link-color.png) | 36 | | 950px | 主体宽度 | ![](_doc/950px.png) | 37 | | `Seti` | `CodeMirror`主题 | ![](_doc/carbon-seti.png) | 38 | 39 | ## License 40 | 41 | > MIT License 42 | > 43 | > Copyright (c) 2021 AntonVanke 44 | 45 | ## 一些问题 46 | 47 | 1. 如何安装主题？ 48 | 49 | 主题文件是`aspartate.css`，移入主题文件夹即可。请查看 [Install Theme](https://theme.typora.io/doc/Install-Theme/)。 50 | 51 | 2. 导出PDF的问题 52 | 53 | 黑色主题在当前版本的`Typora`并不支持导出PDF，请选择其它文件类型导出。如果你希望导出 PDF 可以试试 [AntonVanke/typora-mlike-theme: A typora theme. 一个 Typora 主题 (github.com)](https://github.com/AntonVanke/typora-mlike-theme) 54 | 55 | -------------------------------------------------------------------------------- /_doc/--as-inline-code-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/--as-inline-code-color.png -------------------------------------------------------------------------------- /_doc/--as-link-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/--as-link-color.png -------------------------------------------------------------------------------- /_doc/--bg-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/--bg-color.png -------------------------------------------------------------------------------- /_doc/--code-block-bg-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/--code-block-bg-color.png -------------------------------------------------------------------------------- /_doc/--text-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/--text-color.png -------------------------------------------------------------------------------- /_doc/200px-L-aspartic-acid-3D-balls.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/200px-L-aspartic-acid-3D-balls.png -------------------------------------------------------------------------------- /_doc/950px.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/950px.png -------------------------------------------------------------------------------- /_doc/aspartate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/aspartate.png -------------------------------------------------------------------------------- /_doc/carbon-seti.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/carbon-seti.png -------------------------------------------------------------------------------- /_doc/mac-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/mac-example.png -------------------------------------------------------------------------------- /_doc/mac-example2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/mac-example2.png -------------------------------------------------------------------------------- /_doc/markdown-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/markdown-example.png -------------------------------------------------------------------------------- /_doc/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AntonVanke/typora-Aspartate-theme/8615acbb5bfa6d64c839ca49d5a563fb01860bf6/_doc/menu.png -------------------------------------------------------------------------------- /aspartate.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /** 3 | * 系统变量 4 | */ 5 | /*基础文字颜色*/ 6 | --text-color: #f5f6f7; 7 | /*背景颜色*/ 8 | --bg-color: #18191a; 9 | /*侧边栏宽度*/ 10 | --sidebar-width: 300px; 11 | /*选择字体颜色*/ 12 | --select-text-font-color: #000000; 13 | /*侧边栏颜色*/ 14 | --side-bar-bg-color: var(--bg-color); 15 | /*代码块背景*/ 16 | --code-block-bg-color: rgb(40, 42, 54); 17 | /*文件选中的背景*/ 18 | --active-file-bg-color: #4b4b4b; 19 | /*latex背景*/ 20 | --rawblock-edit-panel-bd: var(--code-block-bg-color); 21 | 22 | /** 23 | * 自定义变量 24 | */ 25 | /*基础字体*/ 26 | --as-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 27 | /*等宽代码字体*/ 28 | --as-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 29 | /*yaml块背景*/ 30 | --as-meta-block-bg-color: hsla(0, 0%, 100%, 0.05); 31 | /*yaml块字体颜色*/ 32 | --as-meta-block-font-color: #dadde1; 33 | /*行内代码颜色*/ 34 | --as-inline-code-color: #ff6e6e; 35 | /*超链接颜色*/ 36 | --as-link-color: #00aeff; 37 | /*标题颜色*/ 38 | --as-title-color: #e3f7ff; 39 | /*右键菜单背景颜色*/ 40 | --as-dropdown-menu: #242526; 41 | /*偏好设置背景颜色*/ 42 | --as-nav-group-item-bg-color: #4b4b4b; 43 | /*引用边栏颜色*/ 44 | --as-blockquote-border-color: #606770; 45 | /*引用字体颜色*/ 46 | --as-blockquote-font-color: #ebedf0; 47 | } 48 | 49 | html, 50 | body, 51 | #write { 52 | background: var(--bg-color); 53 | font: 100%/1.65 var(--as-font-family-base); 54 | max-width: 950px; 55 | } 56 | 57 | 58 | /*标题*/ 59 | #write h1, 60 | #write h2, 61 | #write h3, 62 | #write h4, 63 | #write h5, 64 | #write h6 { 65 | color: var(--as-title-color); 66 | font-family: var(--as-font-family-base); 67 | font-weight: 700; 68 | line-height: 1.25; 69 | margin: 0 0 1rem 0; 70 | } 71 | 72 | #write h1 { 73 | font-size: 3rem; 74 | } 75 | 76 | #write h2 { 77 | font-size: 1.6rem; 78 | } 79 | 80 | #write h3 { 81 | font-size: 1.2rem; 82 | } 83 | 84 | #write h4 { 85 | font-size: 1rem; 86 | } 87 | 88 | #write h5 { 89 | font-size: 0.85rem; 90 | } 91 | 92 | #write h6 { 93 | font-size: 0.8rem; 94 | } 95 | 96 | #write .md-heading:before { 97 | color: var(--as-link-color); 98 | } 99 | 100 | /*表格*/ 101 | #write table:not(.md-grid-board) { 102 | background-color: var(--code-block-bg-color); 103 | margin: 20px 0; 104 | border-collapse: separate; 105 | border-radius: 5px; 106 | } 107 | 108 | 109 | #write table:not(.md-grid-board) td { 110 | padding: 12px 24px; 111 | /*border-left: 1px dashed var(--text-color);*/ 112 | /*border-bottom: 1px dashed var(--text-color);*/ 113 | } 114 | 115 | #write table:not(.md-grid-board) th { 116 | padding: 12px 24px; 117 | /*border-left: 1px solid var(--text-color);*/ 118 | /*border-bottom: 1px solid var(--text-color);*/ 119 | } 120 | 121 | #write table tbody tr:nth-child(2n-1) { 122 | background-color: var(--as-meta-block-bg-color); 123 | } 124 | 125 | #write table:not(.md-grid-board) td:hover, #write table:not(.md-grid-board) th:hover { 126 | background-color: rgba(140, 140, 140, .2); 127 | } 128 | 129 | #write table:not(.md-grid-board) tr td:first-child, #write table:not(.md-grid-board) tr th:first-child { 130 | border-left: 0; 131 | } 132 | 133 | #write table:not(.md-grid-board) tr:last-child td { 134 | border-bottom: 0; 135 | } 136 | 137 | #write table:not(.md-grid-board) tr:first-child th:first-child { 138 | border-top-left-radius: 5px; 139 | } 140 | 141 | #write table:not(.md-grid-board) tr:first-child th:last-child { 142 | border-top-right-radius: 5px; 143 | } 144 | 145 | #write table:not(.md-grid-board) tr:last-child td:first-child { 146 | border-bottom-left-radius: 5px; 147 | } 148 | 149 | #write table:not(.md-grid-board) tr:last-child td:last-child { 150 | border-bottom-right-radius: 5px; 151 | } 152 | 153 | /*表格更多菜单, 其它的右键菜单*/ 154 | .dropdown-menu:not(.megamenu-menu-list) { 155 | border-radius: 5px; 156 | /*border: 1px solid var(--text-color);*/ 157 | background: var(--as-dropdown-menu); 158 | } 159 | 160 | /*表格编辑栏*/ 161 | #write .ty-table-edit { 162 | background: var(--code-block-bg-color); 163 | border-radius: 5px; 164 | } 165 | 166 | #write .popover { 167 | background: var(--code-block-bg-color); 168 | } 169 | 170 | #write .arrow::after { 171 | border-bottom-color: var(--as-meta-block-bg-color) !important; 172 | } 173 | 174 | #write .popover-title { 175 | padding: 0; 176 | } 177 | 178 | #md-resize-grid { 179 | 180 | display: block !important; 181 | margin-left: 40px !important; 182 | } 183 | 184 | /*段落*/ 185 | #write > p, #write > pre, #write > ul { 186 | margin-bottom: 1.25rem; 187 | } 188 | 189 | /*mark 高亮*/ 190 | mark { 191 | background: var(--as-inline-code-color) !important; 192 | border-radius: 4px !important; 193 | padding: 1px 4px; 194 | font-weight: 700; 195 | } 196 | 197 | /*行内代码*/ 198 | #write :not(pre) > code { 199 | color: var(--as-inline-code-color); 200 | padding: 0 4px; 201 | } 202 | 203 | #write code { 204 | background-color: var(--code-block-bg-color); 205 | border: .1rem solid rgba(0, 0, 0, .1); 206 | border-radius: 0.4rem; 207 | font-family: var(--as-font-family-monospace); 208 | padding: 0.1rem; 209 | } 210 | 211 | /*Latex*/ 212 | .md-hover-tip .md-arrow:after { 213 | background: var(--code-block-bg-color); 214 | 215 | } 216 | 217 | .md-hover-tip .code-tooltip-content { 218 | background: var(--code-block-bg-color); 219 | } 220 | 221 | /*角标*/ 222 | sup.md-footnote { 223 | background: transparent; 224 | color: var(--as-link-color); 225 | } 226 | 227 | /*目录*/ 228 | .md-toc { 229 | font-size: 0.95rem; 230 | } 231 | 232 | /*Mac 的内容*/ 233 | #toc-dropmenu.open { 234 | background: var(--code-block-bg-color); 235 | } 236 | 237 | /*引用*/ 238 | blockquote { 239 | border: 0 solid var(--as-blockquote-border-color); 240 | border-left: 2px solid var(--as-blockquote-border-color); 241 | color: var(--as-blockquote-font-color); 242 | padding: 0 1rem; 243 | } 244 | 245 | /*checkbox*/ 246 | input { 247 | /*position: relative !important;*/ 248 | -webkit-appearance: none; 249 | -moz-appearance: none; 250 | appearance: none; 251 | margin: 8px; 252 | box-sizing: content-box; 253 | overflow: hidden; 254 | } 255 | 256 | input:before { 257 | content: ''; 258 | display: block; 259 | box-sizing: content-box; 260 | width: 16px; 261 | height: 16px; 262 | border: 2px solid var(--as-title-color); 263 | transition: 0.2s border-color ease; 264 | } 265 | 266 | input:checked:before { 267 | border-color: var(--as-link-color); 268 | transition: 0.5s border-color ease; 269 | } 270 | 271 | input:disabled:before { 272 | border-color: #ccc; 273 | background-color: #ccc; 274 | } 275 | 276 | input:after { 277 | content: ''; 278 | display: block; 279 | position: absolute; 280 | box-sizing: content-box; 281 | top: 50%; 282 | left: 50%; 283 | transform-origin: 50% 50%; 284 | background-color: var(--as-link-color); 285 | width: 16px; 286 | height: 16px; 287 | border-radius: 100vh; 288 | transform: translate(-50%, -50%) scale(0); 289 | } 290 | 291 | input[type="checkbox"]:before { 292 | border-radius: 4px; 293 | } 294 | 295 | input[type="checkbox"] + * { 296 | margin-left: 10px; 297 | padding-top: 3px; 298 | } 299 | 300 | input[type="checkbox"]:after { 301 | width: 9px; 302 | height: 16px; 303 | border-radius: 0; 304 | transform: translate(-50%, -85%) scale(0) rotate(45deg); 305 | background-color: transparent; 306 | box-shadow: 4px 4px 0 0 var(--as-link-color); 307 | } 308 | 309 | input[type="checkbox"]:checked:after { 310 | -webkit-animation: toggleOnCheckbox 0.2s ease forwards; 311 | animation: toggleOnCheckbox 0.2s ease forwards; 312 | } 313 | 314 | input[type="radio"]:before { 315 | border-radius: 100vh; 316 | } 317 | 318 | input[type="radio"]:after { 319 | width: 16px; 320 | height: 16px; 321 | border-radius: 100vh; 322 | transform: translate(-50%, -50%) scale(0); 323 | } 324 | 325 | input[type="radio"]:checked:after { 326 | -webkit-animation: toggleOnRadio 0.2s ease forwards; 327 | animation: toggleOnRadio 0.2s ease forwards; 328 | } 329 | 330 | @-webkit-keyframes toggleOnCheckbox { 331 | 0% { 332 | opacity: 0; 333 | transform: translate(-50%, -85%) scale(0) rotate(45deg); 334 | } 335 | 70% { 336 | opacity: 1; 337 | transform: translate(-50%, -85%) scale(0.9) rotate(45deg); 338 | } 339 | 100% { 340 | transform: translate(-50%, -85%) scale(0.8) rotate(45deg); 341 | } 342 | } 343 | 344 | @keyframes toggleOnCheckbox { 345 | 0% { 346 | opacity: 0; 347 | transform: translate(-50%, -85%) scale(0) rotate(45deg); 348 | } 349 | 70% { 350 | opacity: 1; 351 | transform: translate(-50%, -85%) scale(0.9) rotate(45deg); 352 | } 353 | 100% { 354 | transform: translate(-50%, -85%) scale(0.8) rotate(45deg); 355 | } 356 | } 357 | 358 | @-webkit-keyframes toggleOnRadio { 359 | 0% { 360 | opacity: 0; 361 | transform: translate(-50%, -50%) scale(0); 362 | } 363 | 70% { 364 | opacity: 1; 365 | transform: translate(-50%, -50%) scale(0.9); 366 | } 367 | 100% { 368 | transform: translate(-50%, -50%) scale(0.8); 369 | } 370 | } 371 | 372 | @keyframes toggleOnRadio { 373 | 0% { 374 | opacity: 0; 375 | transform: translate(-50%, -50%) scale(0); 376 | } 377 | 70% { 378 | opacity: 1; 379 | transform: translate(-50%, -50%) scale(0.9); 380 | } 381 | 100% { 382 | transform: translate(-50%, -50%) scale(0.8); 383 | } 384 | } 385 | 386 | /*链接*/ 387 | a { 388 | font-weight: 700; 389 | color: var(--as-link-color); 390 | text-decoration: none; 391 | } 392 | 393 | a:hover { 394 | color: var(--as-link-color); 395 | text-decoration: underline; 396 | } 397 | 398 | pre { 399 | font-family: var(--as-font-family-monospace); 400 | border-radius: 0.4rem; 401 | font-size: 0.95rem !important; 402 | padding: 1rem; 403 | } 404 | 405 | /*yaml标签*/ 406 | .md-meta-block { 407 | background: var(--as-meta-block-bg-color) !important; 408 | color: var(--as-meta-block-font-color); 409 | margin: 1rem 0; 410 | overflow: auto; 411 | } 412 | 413 | /*悬浮窗*/ 414 | .modal-content { 415 | background: var(--code-block-bg-color); 416 | } 417 | 418 | /*提示窗*/ 419 | #md-notification { 420 | background: var(--as-blockquote-border-color); 421 | } 422 | 423 | /*侧边栏列表*/ 424 | #file-library-search-input { 425 | background: transparent; 426 | } 427 | 428 | .pin-outline #outline-content .outline-active strong, .pin-outline .outline-active { 429 | color: var(--as-link-color); 430 | } 431 | 432 | #typora-sidebar, 433 | #switch-file-list-btn { 434 | background: var(--code-block-bg-color); 435 | } 436 | 437 | .info-panel-tab-title:hover { 438 | background-color: var(--as-meta-block-bg-color); 439 | } 440 | 441 | .active-tab-files #info-panel-tab-file .info-panel-tab-border, .active-tab-outline #info-panel-tab-outline .info-panel-tab-border { 442 | background: var(--as-link-color); 443 | } 444 | 445 | /*退出源码模式*/ 446 | .typora-sourceview-on #toggle-sourceview-btn { 447 | background: transparent; 448 | } 449 | 450 | 451 | /*.fa-caret-right:before {*/ 452 | /* background: url('data:image/svg+xml;utf8,') 50% / 2rem 2rem;*/ 453 | /* content: " ";*/ 454 | /* filter: invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%);;*/ 455 | /* height: 1.25rem;*/ 456 | /* min-width: 1.25rem;*/ 457 | /* transform: rotate(180deg);*/ 458 | /* transition: transform 200ms linear;*/ 459 | /*}*/ 460 | /** 461 | * 菜单页面 462 | */ 463 | 464 | /*菜单右侧背景*/ 465 | .megamenu-opened header { 466 | background: var(--bg-color); 467 | } 468 | 469 | .megamenu-content { 470 | background: var(--bg-color); 471 | } 472 | 473 | /*最近使用文件单数列表项*/ 474 | .open > .dropdown-menu { 475 | background: var(--code-block-bg-color); 476 | } 477 | 478 | #recent-file-panel-action-btn-container { 479 | margin-top: 10px; 480 | } 481 | 482 | #recent-file-panel-action-btn { 483 | background: transparent; 484 | } 485 | 486 | .megamenu-menu-panel .btn:hover { 487 | color: var(--as-inline-code-color); 488 | } 489 | 490 | #recent-file-panel tbody tr:nth-child(2n-1) { 491 | background-color: var(--code-block-bg-color); 492 | } 493 | 494 | /*偏好设置*/ 495 | .nav-group-item.active { 496 | background: var(--as-nav-group-item-bg-color) !important; 497 | } 498 | 499 | /*代码块*/ 500 | .md-fences, .auto-suggest-for-fences { 501 | background-color: var(--code-block-bg-color); 502 | } 503 | 504 | .md-fences:hover::after { 505 | content: attr(lang); 506 | transition-duration: 200ms; 507 | color: var(--text-color); 508 | font-size: .8rem; 509 | font-style: italic; 510 | position: absolute; 511 | top: 10px; 512 | right: 15px; 513 | z-index: 5; 514 | } 515 | 516 | .CodeMirror div.CodeMirror-cursor { 517 | border-left: 1px solid var(--text-color) !important; 518 | } 519 | 520 | .cm-s-inner .CodeMirror-gutters { 521 | color: #404b53; 522 | background-color: transparent; 523 | border: none 524 | } 525 | 526 | .cm-s-inner .CodeMirror-cursor { 527 | border-left: solid thin #f8f8f0 528 | } 529 | 530 | .cm-s-inner .CodeMirror-linenumber { 531 | color: #6d8a88 532 | } 533 | 534 | .cm-s-inner.CodeMirror-focused div.CodeMirror-selected { 535 | background: rgba(255, 255, 255, .1) 536 | } 537 | 538 | .cm-s-inner .CodeMirror-line::selection, .cm-s-inner .CodeMirror-line > span::selection, .cm-s-inner .CodeMirror-line > span > span::selection { 539 | background: rgba(255, 255, 255, .1) 540 | } 541 | 542 | .cm-s-inner .CodeMirror-line::-moz-selection, .cm-s-inner .CodeMirror-line > span::-moz-selection, .cm-s-inner .CodeMirror-line > span > span::-moz-selection { 543 | background: rgba(255, 255, 255, .1) 544 | } 545 | 546 | .cm-s-inner span.cm-comment { 547 | color: #52707b 548 | } 549 | 550 | .cm-s-inner span.cm-string, .cm-s-inner span.cm-string-2 { 551 | color: #55b5db 552 | } 553 | 554 | .cm-s-inner span.cm-number { 555 | color: #cd3f45 556 | } 557 | 558 | .cm-s-inner span.cm-variable { 559 | color: #55b5db 560 | } 561 | 562 | .cm-s-inner span.cm-variable-2 { 563 | color: #a074c4 564 | } 565 | 566 | .cm-s-inner span.cm-def { 567 | color: #55b5db 568 | } 569 | 570 | .cm-s-inner span.cm-keyword { 571 | color: #ff79c6 572 | } 573 | 574 | .cm-s-inner span.cm-operator { 575 | color: #9fca56 576 | } 577 | 578 | .cm-s-inner span.cm-keyword { 579 | color: #e6cd69 580 | } 581 | 582 | .cm-s-inner span.cm-atom { 583 | color: #cd3f45 584 | } 585 | 586 | .cm-s-inner span.cm-meta { 587 | color: #55b5db 588 | } 589 | 590 | .cm-s-inner span.cm-tag { 591 | color: #55b5db 592 | } 593 | 594 | .cm-s-inner span.cm-attribute { 595 | color: #9fca56 596 | } 597 | 598 | .cm-s-inner span.cm-qualifier { 599 | color: #9fca56 600 | } 601 | 602 | .cm-s-inner span.cm-property { 603 | color: #a074c4 604 | } 605 | 606 | .cm-s-inner span.cm-type, .cm-s-inner span.cm-variable-3 { 607 | color: #9fca56 608 | } 609 | 610 | .cm-s-inner span.cm-builtin { 611 | color: #9fca56 612 | } 613 | --------------------------------------------------------------------------------