├── BlueTex_Theme_demo.md ├── LICENSE ├── README.md ├── img └── priview.png └── src ├── blueTex ├── CascadiaCode.woff2 ├── MapleMono-NF-CN-Regular.woff2 └── PingFangSC-Regular.otf └── bluetex.css /BlueTex_Theme_demo.md: -------------------------------------------------------------------------------- 1 | # 关于BlueTex主题 2 | 3 | [TOC] 4 | 5 | # 文本 6 | 7 | 这是一段正文内容样式，以下是不同文本样式效果式效果：**这是加粗文本样式**, 这是下划线样式, *这是斜体字样式*, [这是超链接样式：DaYangtuo247/typora-blueTex-theme](https://github.com/DaYangtuo247/typora-blueTex-theme), `This is a single line code style`, ~~这是删除线效果样式~~,==这是文字高亮效果== 8 | 9 | # 数学公式 10 | 11 | $$ 12 | \begin{align} 13 | f(x) &= \lim_{n \to \infty} \left( \sum_{k=1}^n \frac{1}{k^x} \right) + \int_0^1 \frac{\sin(\pi x)}{x^2 + 1} \, dx \\ 14 | &= \begin{cases} 15 | \displaystyle \sqrt{x^2 + \alpha^2} + \sum_{i=1}^{\infty} \frac{(-1)^i}{i^2}, & \text{if } x > 0 \\ 16 | \displaystyle \int_{-\infty}^{\infty} e^{-t^2} \, dt, & \text{if } x = 0 \\ 17 | \displaystyle \begin{pmatrix} 18 | \cos x & -\sin x \\ 19 | \sin x & \cos x 20 | \end{pmatrix} \cdot 21 | \begin{pmatrix} 22 | x \\ 23 | y 24 | \end{pmatrix}, & \text{if } x < 0 25 | \end{cases} 26 | \end{align} 27 | $$ 28 | # 列表 29 | 30 | 这些是列表样式效果: 31 | 32 | 33 | 1. 这是有序列表 A 34 | 2. 这是有序列表 B 35 | 36 | - This is Item 1. 37 | - This is Item 2. 38 | - [x] Something is DONE. 39 | - [ ] Something is DONE. 40 | 41 | 分割线 42 | 43 | ---- 44 | 45 | # 代码 46 | 47 | 单行代码样式：`python3 build.py build_ext` 48 | 49 | 大段代码块样式： 50 | 51 | ```CPP 52 | #include 53 | using namespace std; 54 | 55 | class SafeIntPointer { 56 | public: 57 | explicit SafeIntPointer(int v) : m_value(new int(v)), m_used(new int(1)) {} 58 | ~SafeIntPointer() { 59 | cout << "~SafeIntPointer" << endl; 60 | (*m_used)--; // 引用计数减1 61 | if (*m_used <= 0) { 62 | delete m_used; 63 | delete m_value; 64 | cout << "real delete resources" << endl; 65 | } 66 | } 67 | SafeIntPointer(const SafeIntPointer& other) { 68 | m_used = other.m_used; 69 | m_value = other.m_value; 70 | (*m_used)++; // 引用计数加1 71 | } 72 | SafeIntPointer& operator=(const SafeIntPointer& other) { 73 | if (this == &other) // 避免自我赋值!! 74 | return *this; 75 | 76 | m_used = other.m_used; 77 | m_value = other.m_value; 78 | (*m_used)++; // 引用计数加1 79 | return *this; 80 | } 81 | 82 | int get() { return *m_value; } 83 | int getRefCount() { 84 | return *m_used; 85 | } 86 | 87 | private: 88 | int* m_used; // 引用计数 89 | int* m_value; 90 | }; 91 | ``` 92 | 93 | # 表格样式 94 | 95 | | 标题1 | 标题2 | 标题3 | 96 | | :-----: | :-----: | :-----: | 97 | | 单元格1 | 单元格2 | 单元格3 | 98 | | 单元格1 | 单元格2 | 单元格3 | 99 | | 单元格1 | 单元格2 | 单元格3 | 100 | 101 | # 引用 102 | 103 | > [!NOTE] 104 | > 105 | > This is a Note text box ...... 106 | 107 | > [!TIP] 108 | > 109 | > This is a Tip text box ...... 110 | 111 | > [!IMPORTANT] 112 | > 113 | > This is a Important text box ...... 114 | > 115 | 116 | > [!WARNING] 117 | > 118 | > This is a Warning text box ...... 119 | 120 | > [!CAUTION] 121 | > 122 | > This is a Caution text box ...... 123 | 124 | # 图表 125 | 126 | ```mermaid 127 | flowchart LR 128 | A[Hard edge] -->|Link text| B(Round edge) 129 | B --> C{Decision} 130 | C -->|One| D[Result one] 131 | C -->|Two| E[Result two] 132 | ``` 133 | ```mermaid 134 | gantt 135 | dateFormat YYYY-MM-DD 136 | title Adding GANTT diagram functionality to mermaid 137 | excludes weekends 138 | %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".) 139 | 140 | section A section 141 | Completed task :done, des1, 2014-01-06,2014-01-08 142 | Active task :active, des2, 2014-01-09, 3d 143 | Future task : des3, after des2, 5d 144 | Future task2 : des4, after des3, 5d 145 | 146 | section Critical tasks 147 | Completed task in the critical line :crit, done, 2014-01-06,24h 148 | Implement parser and jison :crit, done, after des1, 2d 149 | Create tests for parser :crit, active, 3d 150 | Future task in critical line :crit, 5d 151 | Create tests for renderer :2d 152 | Add to mermaid :until isadded 153 | Functionality added :milestone, isadded, 2014-01-25, 0d 154 | 155 | section Documentation 156 | Describe gantt syntax :active, a1, after des1, 3d 157 | Add gantt diagram to demo page :after a1 , 20h 158 | Add another diagram to demo page :doc1, after a1 , 48h 159 | 160 | section Last section 161 | Describe gantt syntax :after doc1, 3d 162 | Add gantt diagram to demo page :20h 163 | Add another diagram to demo page :48h 164 | ``` 165 | 166 | 167 | # 一级标题1 168 | 169 | ## 二级标题2 170 | 171 | ### 三级标题3 172 | 173 | #### 四级标题4 174 | ##### 五级标题5 175 | 176 | ###### 六级标题6 177 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 DaYangtuo247 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 | **blueTex**，这是一个`typora`主题，测试环境为windows。 2 | 字体使用： 3 | 4 | * PingFangSC 5 | * Maple Mono NF CN 6 | * CascadiaCode 7 | 8 | ![](/img/priview.png) 9 | -------------------------------------------------------------------------------- /img/priview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DaYangtuo247/typora-blueTex-theme/e5776124bc049ac501b3c929d165b7fca59543f2/img/priview.png -------------------------------------------------------------------------------- /src/blueTex/CascadiaCode.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DaYangtuo247/typora-blueTex-theme/e5776124bc049ac501b3c929d165b7fca59543f2/src/blueTex/CascadiaCode.woff2 -------------------------------------------------------------------------------- /src/blueTex/MapleMono-NF-CN-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DaYangtuo247/typora-blueTex-theme/e5776124bc049ac501b3c929d165b7fca59543f2/src/blueTex/MapleMono-NF-CN-Regular.woff2 -------------------------------------------------------------------------------- /src/blueTex/PingFangSC-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DaYangtuo247/typora-blueTex-theme/e5776124bc049ac501b3c929d165b7fca59543f2/src/blueTex/PingFangSC-Regular.otf -------------------------------------------------------------------------------- /src/bluetex.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "PingFang SC"; 3 | src: url("blueTex/PingFangSC-Regular.otf"); 4 | } 5 | @font-face { 6 | font-family: "Cascadia Code"; 7 | src: url("blueTex/CascadiaCode.woff2"); 8 | } 9 | @font-face { 10 | font-family: "Maple Mono NF CN"; 11 | src: url("blueTex/MapleMono-NF-CN-Regular.woff2"); 12 | } 13 | 14 | :root { 15 | --side-bar-bg-color: #fff; 16 | --control-text-color: #777; 17 | --font-sans-serif: "PingFang SC" !important; 18 | --font-monospace: "Cascadia Code" !important; 19 | --code-font: "Maple Mono NF CN" !important; 20 | } 21 | 22 | body { 23 | font-family: var(--font-sans-serif); 24 | color: #34495e; 25 | -webkit-font-smoothing: antialiased; 26 | line-height: 1.6rem; 27 | margin: 0; 28 | overflow-x: hidden; 29 | letter-spacing: 0; 30 | } 31 | 32 | #write a { 33 | position: relative; 34 | text-decoration: none; 35 | display: inline-block; 36 | color: #2196f3; 37 | padding: 0 2px; 38 | } 39 | #write a::before { 40 | content: ""; 41 | position: absolute; 42 | bottom: 0; 43 | left: 50%; 44 | width: 0; 45 | height: 1px; 46 | background-color: #2196f3; 47 | transition: width 0.3s, transform 0.3s; 48 | transform: translateX(-50%); 49 | } 50 | #write a:hover { 51 | color: #2189db; 52 | } 53 | #write a:hover::before { 54 | width: 100%; 55 | background-color: #2189db; 56 | } 57 | 58 | #write { 59 | max-width: 1200px; 60 | margin: 0 auto; 61 | padding: 20px 50px 100px; 62 | } 63 | #write p { 64 | line-height: 1.6rem; 65 | word-spacing: 0.05rem; 66 | font-family: 'Cascadia Code','PingFang SC'; 67 | } 68 | #write ol li { 69 | padding-left: 0.5rem; 70 | } 71 | #write > ul:first-child, 72 | #write > ol:first-child { 73 | margin-top: 30px; 74 | } 75 | 76 | body > *:first-child { margin-top: 0 !important; } 77 | body > *:last-child { margin-bottom: 0 !important; } 78 | 79 | h1, h2, h3, h4, h5, h6 { 80 | position: relative; 81 | margin: 1rem 0; 82 | font-weight: bold; 83 | line-height: 1.4; 84 | cursor: text; 85 | color: #32325d; 86 | font-family: 'Cascadia Code',"PingFang SC"; 87 | transition: all 0.2s; 88 | } 89 | #write h1:before, 90 | #write h2:before, 91 | #write h3:before, 92 | #write h4:before, 93 | #write h5:before, 94 | #write h6:before { 95 | content: ""; 96 | display: inline-block; 97 | background: #2196f3; 98 | opacity: 1; 99 | pointer-events: none; 100 | border-radius: 3px; 101 | width: 6px; 102 | position: absolute; 103 | vertical-align: middle; 104 | height: 70%; 105 | top: 50%; 106 | transform: translateY(-50%); 107 | } 108 | #write h1:hover, 109 | #write h2:hover, 110 | #write h3:hover, 111 | #write h4:hover, 112 | #write h5:hover, 113 | #write h6:hover { 114 | transform: translateX(10px); 115 | } 116 | #write h1:hover a.anchor, 117 | #write h2:hover a.anchor, 118 | #write h3:hover a.anchor, 119 | #write h4:hover a.anchor, 120 | #write h5:hover a.anchor, 121 | #write h6:hover a.anchor { 122 | text-decoration: none; 123 | } 124 | 125 | h1 tt, h1 code, 126 | h2 tt, h2 code, 127 | h3 tt, h3 code, 128 | h4 tt, h4 code, 129 | h5 tt, h5 code, 130 | h6 tt, h6 code { 131 | font-size: inherit !important; 132 | } 133 | 134 | h2 a, h3 a { color: #34495e; } 135 | 136 | h1 { 137 | font-size: 2.2rem; 138 | margin-top: 1.8rem; 139 | margin-bottom: 1.2rem; 140 | } 141 | h2 { 142 | font-size: 2rem; 143 | line-height: 1.225; 144 | margin-top: 1.6rem; 145 | margin-bottom: 1.2rem; 146 | } 147 | h3 { 148 | font-size: 1.8rem; 149 | line-height: 1.43; 150 | margin-top: 1.5rem; 151 | margin-bottom: 1.2rem; 152 | } 153 | h4 {font-size: 1.6rem;margin-top: 1.4rem;margin-bottom: 1.1rem;} 154 | h5, h6 {font-size: 1.4rem;margin-top: 1rem;margin-bottom: 1rem;} 155 | h6 { font-size: 1.2rem; } 156 | 157 | p, blockquote, ul, ol, dl, table { margin: 0.8em 0; } 158 | li > ol, li > ul { margin: 0; } 159 | 160 | hr { 161 | padding: 0; 162 | margin: 22px 0; 163 | border-top: 5px dashed #0590ff57; 164 | overflow: hidden; 165 | box-sizing: content-box; 166 | } 167 | 168 | body > h2:first-child, 169 | body > h1:first-child, 170 | body > h1:first-child + h2, 171 | body > h3:first-child, 172 | body > h4:first-child, 173 | body > h5:first-child, 174 | body > h6:first-child, 175 | a:first-child h1, 176 | a:first-child h2, 177 | a:first-child h3, 178 | a:first-child h4, 179 | a:first-child h5, 180 | a:first-child h6 { 181 | margin-top: 0; 182 | padding-top: 0; 183 | } 184 | 185 | h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-top: 0; } 186 | li p.first { display: inline-block; } 187 | 188 | ul, ol { padding-left: 30px; } 189 | ul:first-child, ol:first-child { margin-top: 0; } 190 | ul:last-child, ol:last-child { margin-bottom: 0; } 191 | 192 | blockquote { 193 | padding: 0.8em 1.4rem; 194 | margin: 1em 0; 195 | font-weight: 400; 196 | border-left: 4px solid #2196f3; 197 | background-color: #2196f321; 198 | border-radius: 0 8px 8px 0; 199 | } 200 | 201 | table { 202 | padding: 0; 203 | word-break: initial; 204 | } 205 | table tr { 206 | border-top: 1px solid #2196f31f; 207 | margin: 0; 208 | padding: 0; 209 | } 210 | table tr:nth-child(2n), 211 | thead {background-color: #f6f8fa;} 212 | table tr th, 213 | table tr td { 214 | border: 1px solid #d3e4ff; 215 | text-align: left; 216 | margin: 0; 217 | padding: 6px 13px; 218 | } 219 | table tr th { 220 | font-weight: bold; 221 | border-bottom: 0; 222 | } 223 | table tr th:first-child, 224 | table tr td:first-child { margin-top: 0; } 225 | table tr th:last-child, 226 | table tr td:last-child { margin-bottom: 0; } 227 | 228 | #write strong { padding: 0 1px; } 229 | #write em { padding: 0 5px 0 2px; } 230 | #write table thead th {background-color: #F0F6FF;} 231 | 232 | .code-tooltip { 233 | box-shadow: none; 234 | } 235 | 236 | .md-fences .code-tooltip { 237 | z-index: 50; 238 | right: 0 !important; 239 | bottom: -28px !important; 240 | padding: 0; 241 | border-radius: 5px; 242 | } 243 | 244 | .md-fences .code-tooltip input, .md-fences .code-tooltip span { 245 | margin: 0; 246 | padding: 3px; 247 | border-radius: 5px; 248 | } 249 | 250 | #write .md-fences { 251 | border: 1px solid #d4e5ff66; 252 | margin: 0.8rem 0 !important; 253 | padding: 0.8rem 0 !important; 254 | line-height: 1.43rem; 255 | background-color: #F6F8FA !important; 256 | border-radius: 8px; 257 | font-family: 'Cascadia Code',"PingFang SC"; 258 | font-size: 0.85rem; 259 | word-wrap: normal; 260 | } 261 | 262 | #write .CodeMirror-wrap .CodeMirror-code pre { padding-left: 12px; } 263 | 264 | #write code, tt { 265 | padding: 2px 6px; 266 | border-radius: 4px; 267 | font-family: 'Cascadia Code', "PingFang SC"; 268 | font-size: 0.92rem; 269 | color: #e96900; 270 | background-color: #f8f8f8; 271 | border: 1px solid #e9690017; 272 | } 273 | tt { margin: 0 2px; } 274 | 275 | figure { 276 | border-radius: 8px; 277 | /* border: 1px solid #ddeaff75; */ 278 | } 279 | 280 | #write .md-footnote { 281 | background-color: #f8f8f8; 282 | color: #e96900; 283 | } 284 | 285 | #write mark { 286 | background-color: #fffd38; 287 | border-radius: 4px; 288 | padding: 2px 6px; 289 | margin: 0 2px; 290 | color: #222; 291 | font-weight: 500; 292 | } 293 | 294 | #write del { 295 | padding: 1px 2px; 296 | text-decoration-color: red; 297 | color: #34495e8f; 298 | } 299 | .md-task-list-item > input { margin-left: -1.3em; } 300 | 301 | @media print { 302 | html { font-size: 13px; } 303 | table, pre { page-break-inside: avoid; } 304 | pre { word-wrap: break-word; } 305 | } 306 | 307 | .md-fences { background-color: #f8f8f8; } 308 | .md-diagram-panel { position: static !important; } 309 | 310 | #write pre.md-meta-block { 311 | padding: 1rem; 312 | font-size: 85%; 313 | line-height: 1.45; 314 | background-color: #f7f7f7; 315 | border: 0; 316 | border-radius: 3px; 317 | color: #777; 318 | margin-top: 0 !important; 319 | } 320 | 321 | .mathjax-block > .code-tooltip { bottom: 0.375rem; } 322 | 323 | h3.md-focus:before, 324 | h4.md-focus:before, 325 | h5.md-focus:before, 326 | h6.md-focus:before { 327 | border: 0; 328 | position: unset; 329 | padding: 0; 330 | left: 0; 331 | font-size: unset; 332 | line-height: unset; 333 | float: unset; 334 | } 335 | 336 | .md-image > .md-meta { 337 | border-radius: 3px; 338 | font-family: var(--font-monospace); 339 | padding: 2px 0 0 4px; 340 | font-size: 0.9em; 341 | color: inherit; 342 | } 343 | 344 | .md-tag { color: inherit; } 345 | .md-toc {margin-top: 28px;margin-left: 0px;margin-right: 0px;} 346 | .sidebar-tabs { border-bottom: none; } 347 | 348 | .md-toc-content { 349 | position: relative; 350 | } 351 | 352 | .md-toc-content .md-toc-item { 353 | position: relative; 354 | /* padding-bottom: 8px; */ 355 | } 356 | 357 | .md-toc-content:before { 358 | content: ''; 359 | position: absolute; 360 | left: 0; 361 | top: 12px; 362 | width: 1px; 363 | height: calc(100% - 20px); 364 | border-left: 1px solid #2196f37a; 365 | } 366 | 367 | .md-toc-content .md-toc-h1::before { 368 | background: #2196f3; 369 | } 370 | .md-toc-content .md-toc-item:before { 371 | content: ''; 372 | position: absolute; 373 | top: 12px; 374 | left: -22px; 375 | width: 5px; 376 | height: 5px; 377 | border-radius: 50%; 378 | } 379 | 380 | #typora-quick-open { 381 | border: 1px solid #ddd; 382 | background-color: #f8f8f8; 383 | } 384 | #typora-quick-open-item { 385 | background-color: #fafafa; 386 | border-color: #fefefe #e5e5e5 #e5e5e5 #eee; 387 | border-style: solid; 388 | border-width: 1px; 389 | } 390 | #md-notification:before { top: 10px; } 391 | 392 | /* focus mode */ 393 | .on-focus-mode blockquote { border-left-color: rgba(85,85,85,0.12); } 394 | 395 | header, .context-menu, .megamenu-content, footer { 396 | font-family: var(--font-sans-serif); 397 | } 398 | 399 | .file-node-content:hover .file-node-icon, 400 | .file-node-content:hover .file-node-open-state { 401 | visibility: visible; 402 | } 403 | 404 | .mac-seamless-mode #typora-sidebar { 405 | background-color: var(--side-bar-bg-color); 406 | } 407 | 408 | .md-lang { color: #b4654d; } 409 | .html-for-mac .context-menu { --item-hover-bg-color: #e6f0fe; } 410 | 411 | .pin-outline #outline-content .outline-active strong, 412 | .pin-outline .outline-active { color: #2196f3; } 413 | 414 | .code-tooltip { 415 | border-radius: 4px; 416 | border: 1px solid #ededed; 417 | background-color: #F6F8FA; 418 | } 419 | 420 | h1.md-end-block.md-heading:after, 421 | h2.md-end-block.md-heading:after, 422 | h3.md-end-block.md-heading:after, 423 | h4.md-end-block.md-heading:after, 424 | h5.md-end-block.md-heading:after, 425 | h6.md-end-block.md-heading:after { 426 | color: #bfbfbf !important; 427 | border: 1px solid; 428 | border-radius: 4px; 429 | position: absolute; 430 | left: -2.5rem; 431 | float: left; 432 | top: 50%; 433 | font-size: 14px; 434 | transform: translateY(-50%); 435 | padding: 1px 5px; 436 | vertical-align: bottom; 437 | font-weight: 400; 438 | line-height: normal; 439 | opacity: 0; 440 | } 441 | h1.md-end-block.md-heading:hover:after, 442 | h2.md-end-block.md-heading:hover:after, 443 | h3.md-end-block.md-heading:hover:after, 444 | h4.md-end-block.md-heading:hover:after, 445 | h5.md-end-block.md-heading:hover:after, 446 | h6.md-end-block.md-heading:hover:after { 447 | opacity: 1; 448 | } 449 | h1.md-end-block.md-heading:hover:after { content: "h1"; } 450 | h2.md-end-block.md-heading:hover:after { content: "h2"; } 451 | h3.md-end-block.md-heading:hover:after { content: "h3"; } 452 | h4.md-end-block.md-heading:hover:after { content: "h4"; } 453 | h5.md-end-block.md-heading:hover:after { content: "h5"; } 454 | h6.md-end-block.md-heading:hover:after { content: "h6"; } 455 | 456 | .outline-label { font-family: 'Cascadia Code',"PingFang SC"; } 457 | 458 | h1.md-end-block.md-heading span.md-plain, 459 | h2.md-end-block.md-heading span.md-plain, 460 | h3.md-end-block.md-heading span.md-plain, 461 | h4.md-end-block.md-heading span.md-plain, 462 | h5.md-end-block.md-heading span.md-plain, 463 | h6.md-end-block.md-heading span.md-plain { 464 | margin-left: 15px; 465 | position: relative; 466 | } 467 | 468 | .md-alert { 469 | padding: 0.1em 1em; 470 | border-radius: 0px 8px 8px 0px; 471 | } 472 | 473 | .md-alert.md-alert-note { 474 | background: #58a5ff24; 475 | color: #0969da; 476 | } 477 | 478 | .md-alert.md-alert-tip { 479 | background: #31c75c29; 480 | color : #1f883d; 481 | } 482 | 483 | .md-alert.md-alert-important { 484 | background: #8566fb21; 485 | color : #8250df; 486 | } 487 | 488 | .md-alert.md-alert-warning { 489 | background: #d8a13236; 490 | color : #9a6700; 491 | } 492 | 493 | .md-alert.md-alert-caution { 494 | background: #d12f3a21; 495 | color : #cf222e; 496 | } 497 | 498 | .modal-content { 499 | border-radius: 8px; 500 | } 501 | 502 | .md-notification button, .modal-dialog .btn, .modal-dialog button { 503 | transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 504 | border-radius: 8px; 505 | outline: none; 506 | } 507 | 508 | .md-notification button:not(.btn-primary):hover, 509 | .modal-dialog .btn:not(.btn-primary):hover, 510 | .modal-dialog button:not(.btn-primary):hover { 511 | background: #0000001c; 512 | } 513 | 514 | #about-content-license-button { 515 | border: 1px solid #00000004; 516 | background: #00000008; 517 | outline: none; 518 | transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 519 | } 520 | 521 | #about-content-license-button:hover { 522 | background: #00000015; 523 | } 524 | 525 | .md-notification button:focus, .modal-dialog .btn:focus, .modal-dialog button:focus { 526 | outline: none; 527 | } 528 | 529 | .outline-label:hover { 530 | text-decoration: none; 531 | } 532 | 533 | .md-hr:focus { 534 | outline: none; 535 | } 536 | 537 | .outline-item.outline-item-active { 538 | background-color: var(--item-hover-bg-color); 539 | border-radius: 8px; 540 | } 541 | 542 | .outline-item.outline-item-active span::before { 543 | color: #2196f3; 544 | } 545 | 546 | .outline-item:hover { 547 | margin-left: 0px; 548 | margin-right: 0px; 549 | border-left: 0px; 550 | border-right: 0px; 551 | border-radius: 8px; 552 | background-color: var(--item-hover-bg-color); 553 | } 554 | 555 | .outline-content li, .outline-content ul { 556 | margin-top: 2px; 557 | } 558 | 559 | .typora-node #typora-sidebar { 560 | background-color: #FAFAFA; 561 | } 562 | 563 | 564 | .md-empty .md-meta, .md-expand .md-content, .md-expand .md-meta, .md-expand.md-content, .md-expand.md-meta { 565 | font-family: none; 566 | } 567 | 568 | #file-library-search-input { 569 | border-radius: 6px; 570 | } 571 | 572 | #close-outline-filter-btn { 573 | position: relative; 574 | right: 0; 575 | } 576 | 577 | .CodeMirror.cm-s-inner { 578 | font-family: var(--code-font); 579 | padding: 0rem .4rem; 580 | } 581 | 582 | .cm-s-inner .cm-keyword { 583 | color: #1694b6 !important; 584 | } 585 | 586 | .cm-s-inner .cm-operator { 587 | color: #2f86d2 !important; 588 | } 589 | 590 | .cm-s-inner .cm-variable, 591 | .cm-s-inner .cm-builtin, 592 | .cm-s-inner .cm-header, 593 | .cm-s-inner .cm-tag, 594 | .cm-s-inner .cm-property, 595 | .cm-s-inner .cm-quote { 596 | color: #b9218e !important; 597 | } 598 | 599 | .cm-s-inner .cm-variable-2 { 600 | color: #7aadad !important; 601 | } 602 | 603 | .cm-s-inner .cm-variable-3, 604 | .cm-s-inner .cm-type, 605 | .cm-s-inner .cm-atom { 606 | color: #378ed8 !important; 607 | } 608 | 609 | .cm-s-inner .cm-number { 610 | color: #1a5494 !important; 611 | } 612 | 613 | .cm-s-inner .cm-def, 614 | .cm-s-inner .cm-qualifier { 615 | color: #0744ac !important; 616 | } 617 | 618 | .cm-s-inner .cm-string { 619 | color: #6f42c2 !important; 620 | } 621 | 622 | .cm-s-inner .cm-string-2 { 623 | color: #27638f !important; 624 | } 625 | 626 | .cm-s-inner .cm-comment { 627 | color: #57a64a !important; 628 | } 629 | 630 | .cm-s-inner .cm-meta { 631 | color: #0b93be !important; 632 | } 633 | 634 | .cm-s-inner .cm-attribute { 635 | color: #8f6aa8 !important; 636 | } 637 | 638 | .cm-s-inner .cm-error { 639 | color: rgba(255, 255, 255, 1) !important; 640 | background-color: #b9218e40 !important; 641 | } 642 | 643 | .cm-s-inner .CodeMirror-matchingbracket { 644 | text-decoration: underline; 645 | color: white !important; 646 | } 647 | 648 | .CodeMirror div.CodeMirror-cursor { 649 | border-left: 1px solid var(--primary-color); 650 | z-index: 3; 651 | } 652 | 653 | .cm-s-inner div.CodeMirror-selected { 654 | background: rgba(167, 178, 189, 0.2) !important; 655 | } 656 | 657 | .cm-s-inner.CodeMirror-focused div.CodeMirror-selected { 658 | background: rgba(167, 178, 189, 0.2) !important; 659 | } 660 | 661 | .cm-s-inner .CodeMirror-selected, 662 | .cm-s-inner .CodeMirror-selectedtext { 663 | background-color: rgba(167, 178, 189, 0.0) !important; 664 | } 665 | 666 | .cm-s-inner .CodeMirror-line::-moz-selection, 667 | .cm-s-inner .CodeMirror-line>span::-moz-selection, 668 | .cm-s-inner .CodeMirror-line>span>span::-moz-selection { 669 | background-color: rgba(167, 178, 189, 0.2); 670 | } 671 | 672 | .cm-s-inner .CodeMirror-line::selection, 673 | .cm-s-inner .CodeMirror-line>span::selection, 674 | .cm-s-inner .CodeMirror-line>span>span::selection { 675 | background-color: rgba(167, 178, 189, 0.2); 676 | } 677 | 678 | .md-rawblock .md-rawblock-tooltip { 679 | inset: auto 0.3rem auto auto; 680 | transform: translateY(-120%); 681 | } 682 | 683 | .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { 684 | background-color: #3071a9; 685 | } 686 | 687 | 688 | #write input[type=checkbox] { 689 | appearance: none; 690 | width: 14px; 691 | height: 14px; 692 | border: 1px solid #34495e; 693 | border-radius: 4px; 694 | } 695 | 696 | input[type="checkbox"]:checked { 697 | background: #2196F3; 698 | 699 | &:before { 700 | content: '\2714'; 701 | color: #ffffff; 702 | position: absolute; 703 | top: 50%; 704 | left: 50%; 705 | font-size: 10px; 706 | transform: translate(-50%, -50%); 707 | } 708 | } 709 | 710 | input[type="checkbox"]:checked:hover { 711 | background: #1d7eca; 712 | } --------------------------------------------------------------------------------