├── .gitignore ├── LICENSE ├── README.md ├── fluent-dark.css ├── fluent-light.css ├── fluent.css └── fluent ├── .DS_Store ├── escaping.png ├── fluent-dark.png ├── fluent-light.png └── fluent.png /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 HereIsLz 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. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![fluent](/fluent/fluent.png) 2 | 3 | # Fluent-Typora 4 | 5 | This is a theme carefully crafted & designed for modern computer screens, inspired by [Microsoft Fluent Design System](https://developer.microsoft.com/en-us/fluentui#/). 6 | 7 | The theme now has a **built-in** dark mode support. Which means the theme changes with your system, and you don't have to manually setup any preferences. 8 | 9 | Separated themes (fluent-light.css, fluent-dark.css) are also provided. 10 | 11 | This theme is currently tested on MacOS only. 12 | 13 | 14 | 15 | ## ⚠ Installation 16 | 17 | The required font faces are not provided in this repository. You should download the font families manually. Otherwise Typora will render by your system's default. 18 | 19 | - [Inter](https://github.com/rsms/inter/) 20 | - [Jetbrains Mono](https://www.jetbrains.com/lp/mono/) 21 | 22 | 23 | - **(If you need Chinese support 如果你需要中文支持)** Source Han Sans / 思源黑体 24 | - Notice that if you have the newly released variable font version of Source Han Sans installed, the typography in your PDF exportation might be corrupted. Modify the variable `--cjk-font` defined in `fluent.css` to fix this. (Strokes in Source Han Sans VF are separated) 25 | - 如果你安装了新的可变字体版本思源黑体，PDF 导出可能会出现问题。此时请修改 `fluent.css` 中的 `--cjk-font`。 26 | 27 | 28 | 29 | ## Escapings 30 | 31 | You can place headers in `blockquote` with extra styles. 32 | 33 | ```markdown 34 | > # Bookmark 35 | > This is `H1` inside a block quote. 36 | ``` 37 | 38 | And this theme renders them like this: 39 | 40 | ![fluent escaping](/fluent/escaping.png) 41 | 42 | 43 | 44 | ## Screenshots 45 | 46 | ![fluent light](/fluent/fluent-light.png) 47 | 48 | ![fluent dark](/fluent/fluent-dark.png) -------------------------------------------------------------------------------- /fluent-dark.css: -------------------------------------------------------------------------------- 1 | /* font face configs */ 2 | 3 | :root { 4 | /* change your prefered font here */ 5 | --title-font: "Inter Display", "Inter"; 6 | --text-font: "Inter"; 7 | /* the Inter fontface family provides rich opentype features. see https://rsms.me/inter/ */ 8 | --general-font-feature-settings: "calt", "ccmp", "kern", "salt" 0; 9 | --cjk-font: "Source Han Sans SC", "思源黑体 CN", "思源黑体"; 10 | --mono-font: "JetBrains Mono"; 11 | --fallback-font: "system-ui", "Helvetica Neue", Helvetica, Arial, sans-serif; 12 | } 13 | 14 | /* general color configs */ 15 | 16 | :root { 17 | --color-scale-black: #1b1f23; 18 | --color-scale-white: #fff; 19 | --color-scale-gray-0: #fafbfc; 20 | --color-scale-gray-1: #f6f8fa; 21 | --color-scale-gray-2: #e1e4e8; 22 | --color-scale-gray-3: #d1d5da; 23 | --color-scale-gray-4: #959da5; 24 | --color-scale-gray-5: #6a737d; 25 | --color-scale-gray-6: #586069; 26 | --color-scale-gray-7: #444d56; 27 | --color-scale-gray-8: #2f363d; 28 | --color-scale-gray-9: #24292e; 29 | --color-scale-blue-0: #f1f8ff; 30 | --color-scale-blue-1: #dbedff; 31 | --color-scale-blue-2: #c8e1ff; 32 | --color-scale-blue-3: #79b8ff; 33 | --color-scale-blue-4: #2188ff; 34 | --color-scale-blue-5: #0366d6; 35 | --color-scale-blue-6: #005cc5; 36 | --color-scale-blue-7: #044289; 37 | --color-scale-blue-8: #032f62; 38 | --color-scale-blue-9: #05264c; 39 | --mark-bg: #ffde67; 40 | --mark-text: #080a10; 41 | --color-cm-keyword: #3b78e7; 42 | --color-cm-attr: #9c27b0; 43 | --color-cm-comment: #6a737d; 44 | --color-cm-string: #0d904f; 45 | --color-cm-operator: #d81b60; 46 | --color-cm-number: #d81b60; 47 | --color-cm-meta: #6933b1; 48 | --color-cm-builtin: #e36209; 49 | --color-cm-v3: #43a8b3; 50 | --color-cm-v: #c53929; 51 | --color-cm-link: #24a3c3; 52 | --text-link: #486df1; 53 | --bookmark-color: #311b92; 54 | --bookmark-bg: #ae92e3; 55 | --star-color: #044289; 56 | --star-bg: var(--color-scale-blue-2); 57 | --question-color: #880e4f; 58 | --question-bg: #f8bbd0; 59 | --alert-color: #8a2a0d; 60 | --alert-bg: #e69d94; 61 | --note-color: #004d40; 62 | --note-bg: #8be3d6; 63 | --lightbulb-color: #b0791b; 64 | --lightbulb-bg: #fff9c4; 65 | } 66 | 67 | :root { 68 | --control-text-color: var(--color-text-secondary); 69 | --bg-color: #ffffff; 70 | /*change background*/ 71 | --text-color: var(--color-text-primary); 72 | /*change text color*/ 73 | --md-char-color: #b3bdd1; 74 | --meta-content-color: #398ea3; 75 | /*change color of meta contents like image text or link address in markdown */ 76 | --primary-color: #486df1; 77 | --accent-color: #486df1; 78 | /* color of primary buttons */ 79 | --primary-btn-border-color: var(--color-border-primary); 80 | --primary-btn-text-color: #fff; 81 | --window-border: 1px solid var(--color-bg-tertiary); 82 | /*border for sidebar, etc*/ 83 | --active-file-bg-color: var(--color-auto-blue-1); 84 | /*background color if list item in file tree or file list*/ 85 | --active-file-text-color: inherit; 86 | --active-file-border-color: var(--color-auto-blue-6); 87 | --side-bar-bg-color: #f9fafb; 88 | /*change background of sidebar*/ 89 | --item-hover-bg-color: rgba(229, 229, 229, 0.59); 90 | /*background of control items when hover, like menu in sidebar*/ 91 | --item-hover-text-color: inherit; 92 | --border: #f1f3f4; 93 | --icon-color: var(--text-color); 94 | --icon-filer: brightness(10); 95 | --title-color: #08090b; 96 | --monospace: var(--mono); 97 | --mark-border: none; 98 | --table-border: 1px solid var(--color-scale-gray-2) !important; 99 | } 100 | 101 | :root { 102 | --title-color: #eff0f2; 103 | --bg-color: #131416; 104 | --text-color: #d0d3d4; 105 | --side-bar-bg-color: #030405; 106 | --control-text-color: #a0a0a0; 107 | --item-hover-bg-color: rgba(60, 61, 61, 0.59); 108 | --elevated-background: var(--color-scale-gray-9); 109 | --border: var(--color-auto-gray-8); 110 | --primary-color: #33373f; 111 | --accent-color: #33373f; 112 | --icon-color: var(--color-scale-gray-1); 113 | --icon-filer: brightness(10); 114 | --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23ae92e3%22/%3E%0A%3C/svg%3E%0A"); 115 | --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23f8bbd0%22/%3E%0A%3C/svg%3E%0A"); 116 | --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23c8e1ff%22/%3E%0A%3C/svg%3E%0A"); 117 | --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%23e69d94%22/%3E%0A%3C/svg%3E%0A"); 118 | --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3C/svg%3E%0A"); 119 | --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%238be3d6%22/%3E%0A%3C/svg%3E%0A"); 120 | --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23d0d3d4%22/%3E%0A%3C/svg%3E%0A"); 121 | --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 122 | --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 123 | --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 124 | --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 125 | --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 126 | --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 127 | --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 128 | --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 129 | --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 130 | --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 131 | --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); 132 | --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); 133 | --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 134 | --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 135 | --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 136 | --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 137 | --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 138 | --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 139 | --color-cm-keyword: #a8cdf4; 140 | --color-cm-attr: #dea8e7; 141 | --color-cm-comment: #92989e; 142 | --color-cm-string: #8ce7b9; 143 | --color-cm-operator: #f1a5c1; 144 | --color-cm-number: #f1a5c1; 145 | --color-cm-meta: #bfa3e4; 146 | --color-cm-builtin: #e7bc9f; 147 | --color-cm-link: #9edae9; 148 | --color-cm-v3: #bafdf7; 149 | --mark-bg: #ffde6720; 150 | --mark-text: #ffe790; 151 | --text-link: #7492ff; 152 | --color-cm-v: #f2c08b; 153 | --border: #393b3b; 154 | --question-color: #f8bbd0; 155 | --alert-color: #e69d94; 156 | --note-color: #8be3d6; 157 | --lightbulb-color: #fff9c4; 158 | --bookmark-color: #ae92e3; 159 | --star-color: var(--color-scale-blue-2); 160 | --table-border: 1px solid var(--color-scale-gray-7) !important; 161 | } 162 | 163 | /* CJK override */ 164 | 165 | @font-face { 166 | font-family: quote1; 167 | src: local("思源黑体"); 168 | unicode-range: U+201c, U+201d; 169 | } 170 | 171 | @font-face { 172 | font-family: quote2; 173 | src: local("思源黑体 CN"); 174 | unicode-range: U+201c, U+201d; 175 | } 176 | 177 | @font-face { 178 | font-family: quote3; 179 | src: local("Source Han Sans SC"); 180 | unicode-range: U+201c, U+201d; 181 | } 182 | 183 | :root { 184 | --mono: var(--mono-font), var(--cjk-font); 185 | --general-font: quote1, quote2, quote3, var(--text-font), var(--cjk-font), var(--fallback-font); 186 | --display-font: quote1, quote2, quote3, var(--title-font), var(--cjk-font), var(--fallback-font); 187 | } 188 | 189 | html { 190 | font-size: 16px; 191 | } 192 | 193 | body, .file-list-item-summary { 194 | font-family: var(--general-font); 195 | font-feature-settings: var(--general-font-feature-settings); 196 | color: var(--text-color); 197 | line-height: 1.6; 198 | } 199 | 200 | #write { 201 | max-width: 860px; 202 | margin: 0 auto; 203 | padding: 30px; 204 | padding-bottom: 100px; 205 | } 206 | 207 | @media only screen and (min-width: 1400px) { 208 | #write { 209 | max-width: 1024px; 210 | } 211 | } 212 | 213 | @media only screen and (min-width: 1800px) { 214 | #write { 215 | max-width: 1200px; 216 | } 217 | } 218 | 219 | #write>ul:first-child, #write>ol:first-child { 220 | margin-top: 30px; 221 | } 222 | 223 | h1, h2, h3, h4, h5, h6 { 224 | position: relative; 225 | margin-top: 1rem; 226 | margin-bottom: 1rem; 227 | font-weight: bold; 228 | line-height: 1.4; 229 | cursor: text; 230 | font-family: var(--display-font)!important; 231 | } 232 | 233 | h1, h2, h3, h4 { 234 | color: var(--title-color); 235 | letter-spacing: -0.04rem; 236 | } 237 | 238 | h6 { 239 | margin-top: .6rem; 240 | margin-bottom: .2rem; 241 | } 242 | 243 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 244 | text-decoration: none; 245 | } 246 | 247 | h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code { 248 | font-size: inherit; 249 | } 250 | 251 | h1 { 252 | font-size: 2.25em; 253 | line-height: 1.2; 254 | } 255 | 256 | h2 { 257 | font-size: 1.75em; 258 | line-height: 1.225; 259 | } 260 | 261 | h3 { 262 | font-size: 1.5em; 263 | line-height: 1.43; 264 | } 265 | 266 | h4 { 267 | font-size: 1.25em; 268 | } 269 | 270 | h5 { 271 | font-size: 1em; 272 | } 273 | 274 | h6 { 275 | font-size: 1em; 276 | color: #777; 277 | } 278 | 279 | p, blockquote, ul, ol, dl, table { 280 | margin: 0.8em 0; 281 | } 282 | 283 | li>ol, li>ul { 284 | margin: 0 0; 285 | } 286 | 287 | h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { 288 | border: inherit; 289 | background-color: inherit; 290 | } 291 | 292 | hr { 293 | height: 2px; 294 | padding: 0; 295 | margin: 16px 0; 296 | background-color: #e7e7e7; 297 | border: 0 none; 298 | overflow: hidden; 299 | box-sizing: content-box; 300 | } 301 | 302 | li p.first { 303 | display: inline-block; 304 | } 305 | 306 | ul, ol { 307 | padding-left: 30px; 308 | } 309 | 310 | ul:first-child, ol:first-child { 311 | margin-top: 0; 312 | } 313 | 314 | ul:last-child, ol:last-child { 315 | margin-bottom: 0; 316 | } 317 | 318 | blockquote { 319 | color: var(--text-color); 320 | border: 1px solid var(--border); 321 | background-color: var(--elevated-background); 322 | border-radius: 4px; 323 | padding: 12px 16px; 324 | overflow: hidden; 325 | box-sizing: border-box; 326 | } 327 | 328 | blockquote blockquote { 329 | padding-right: 0; 330 | } 331 | 332 | table { 333 | padding: 0; 334 | word-break: initial; 335 | } 336 | 337 | table tr { 338 | border: 1px solid #dfe2e5; 339 | margin: 0; 340 | padding: 0; 341 | } 342 | 343 | table tr:nth-child(2n), thead { 344 | background-color: #f8f8f8; 345 | } 346 | 347 | table th { 348 | font-weight: bold; 349 | border: 1px solid #dfe2e5; 350 | border-bottom: 0; 351 | margin: 0; 352 | padding: 6px 13px; 353 | } 354 | 355 | table td { 356 | border: 1px solid #dfe2e5; 357 | margin: 0; 358 | padding: 6px 13px; 359 | } 360 | 361 | table th:first-child, table td:first-child { 362 | margin-top: 0; 363 | } 364 | 365 | table th:last-child, table td:last-child { 366 | margin-bottom: 0; 367 | } 368 | 369 | .CodeMirror-lines { 370 | padding-left: 4px; 371 | } 372 | 373 | .code-tooltip { 374 | border: 1px solid var(--border); 375 | background-color: var(--elevated-background); 376 | border-radius: 4px; 377 | font-family: var(--general-font); 378 | box-shadow: none!important; 379 | } 380 | 381 | .md-fences, code, tt { 382 | color: var(--text-color); 383 | border: 1px solid var(--border); 384 | background-color: var(--elevated-background); 385 | border-radius: 4px; 386 | padding: 0; 387 | padding: 2px 4px 0px 4px; 388 | font-size: 0.9em; 389 | font-family: var(--mono); 390 | font-variant-ligatures: common-ligatures!important; 391 | font-feature-settings: "liga" 1!important; 392 | } 393 | 394 | code { 395 | background-color: var(--elevated-background); 396 | padding: 0 2px 0 2px; 397 | } 398 | 399 | .md-fences { 400 | margin-bottom: 15px; 401 | margin-top: 15px; 402 | padding-top: 8px; 403 | padding-bottom: 6px; 404 | } 405 | 406 | .md-task-list-item>input { 407 | margin-left: -1.3em; 408 | } 409 | 410 | @media print { 411 | html { 412 | font-size: 13px; 413 | } 414 | table, pre { 415 | page-break-inside: avoid; 416 | } 417 | pre { 418 | word-wrap: break-word; 419 | } 420 | input[type=checkbox] { 421 | margin-top: -1px!important; 422 | } 423 | } 424 | 425 | #write pre.md-meta-block { 426 | padding: 1rem; 427 | font-size: 85%; 428 | line-height: 1.45; 429 | background-color: var(--elevated-background); 430 | border: 0; 431 | border-radius: 4px; 432 | color: #777777; 433 | margin-top: 0 !important; 434 | } 435 | 436 | .mathjax-block>.code-tooltip { 437 | bottom: .375rem; 438 | } 439 | 440 | .md-mathjax-midline { 441 | background: var(--elevated-background); 442 | } 443 | 444 | #write>h3.md-focus:before { 445 | left: -1.5625rem; 446 | top: .375rem; 447 | } 448 | 449 | #write>h4.md-focus:before { 450 | left: -1.5625rem; 451 | top: .285714286rem; 452 | } 453 | 454 | #write>h5.md-focus:before { 455 | left: -1.5625rem; 456 | top: .285714286rem; 457 | } 458 | 459 | #write>h6.md-focus:before { 460 | left: -1.5625rem; 461 | top: .285714286rem; 462 | } 463 | 464 | .md-image>.md-meta { 465 | border-radius: 4px; 466 | padding: 2px 0px 0px 4px; 467 | font-size: 0.9em; 468 | color: inherit; 469 | } 470 | 471 | .md-tag { 472 | color: var(--text-color); 473 | opacity: 1; 474 | } 475 | 476 | .md-toc { 477 | margin-top: 20px; 478 | padding-bottom: 20px; 479 | } 480 | 481 | .sidebar-tabs { 482 | border-bottom: none; 483 | } 484 | 485 | #typora-quick-open { 486 | border: 1px solid var(--border); 487 | background-color: var(--elevated-background); 488 | } 489 | 490 | #typora-quick-open-item { 491 | background-color: var(--elevated-background); 492 | border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; 493 | border-style: solid; 494 | border-width: 1px; 495 | } 496 | 497 | /** focus mode */ 498 | 499 | .on-focus-mode blockquote { 500 | border-left-color: rgba(85, 85, 85, 0.12); 501 | } 502 | 503 | header, .context-menu, .megamenu-content, footer { 504 | font-family: var(--general-font); 505 | } 506 | 507 | .file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { 508 | visibility: visible; 509 | } 510 | 511 | .mac-seamless-mode #typora-sidebar { 512 | background-color: var(--elevated-background); 513 | background-color: var(--side-bar-bg-color); 514 | } 515 | 516 | .md-lang { 517 | color: #b4654d; 518 | } 519 | 520 | #md-notification .btn { 521 | border: 0; 522 | } 523 | 524 | .dropdown-menu .divider { 525 | border-color: #e5e5e5; 526 | opacity: 0.4; 527 | } 528 | 529 | .ty-preferences .window-content { 530 | background-color: var(--elevated-background); 531 | } 532 | 533 | .ty-preferences .nav-group-item.active { 534 | color: var(--text-color); 535 | background: #999; 536 | } 537 | 538 | .menu-item-container a.menu-style-btn { 539 | background-color: var(--elevated-background); 540 | background-image: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); 541 | } 542 | 543 | .cm-keyword { 544 | color: var(--color-cm-keyword)!important; 545 | font-weight: 700!important; 546 | } 547 | 548 | .cm-variable { 549 | color: var(--color-cm-v)!important; 550 | } 551 | 552 | .cm-tag { 553 | color: var(--color-cm-keyword)!important; 554 | font-weight: 700!important; 555 | } 556 | 557 | .cm-variable-3, .cm-variable-2 { 558 | color: var(--color-cm-v3)!important; 559 | font-weight: 700!important; 560 | } 561 | 562 | .cm-def { 563 | color: var(--color-cm-attr)!important; 564 | } 565 | 566 | .cm-attribute { 567 | color: var(--color-cm-attr)!important 568 | } 569 | 570 | .cm-comment, .md-comment, .md-meta { 571 | color: var(--color-cm-comment)!important; 572 | } 573 | 574 | .cm-string { 575 | color: var(--color-cm-string)!important; 576 | font-variant-ligatures: common-ligatures!important; 577 | } 578 | 579 | .cm-link { 580 | color: var(--color-cm-link)!important; 581 | } 582 | 583 | .cm-type { 584 | color: var(--color-cm-v3); 585 | } 586 | 587 | .cm-property { 588 | color: var(--color-cm-v3)!important; 589 | } 590 | 591 | .cm-tag:not(.cm-bracket) { 592 | font-weight: 700; 593 | } 594 | 595 | .cm-operator { 596 | color: var(--color-cm-operator)!important; 597 | } 598 | 599 | .cm-number { 600 | color: var(--color-cm-number)!important; 601 | } 602 | 603 | .cm-meta { 604 | color: var(--color-cm-meta)!important; 605 | font-weight: 700!important; 606 | } 607 | 608 | .cm-builtin { 609 | color: var(--color-cm-builtin)!important; 610 | } 611 | 612 | li.task-list-item { 613 | list-style-type: none 614 | } 615 | 616 | li.task-list-item>input[type=checkbox], #write input[type=checkbox] { 617 | list-style: none; 618 | background: none; 619 | -webkit-appearance: none; 620 | -moz-appearance: none; 621 | appearance: none; 622 | width: 24px; 623 | height: 24px; 624 | background-image: var(--checkbox-unchecked); 625 | padding: 0; 626 | margin-top: 1px; 627 | margin-left: -32px; 628 | } 629 | 630 | li.task-list-item>input[type=checkbox][checked=checked], li.task-list-item>input[type=checkbox][checked], #write input[type=checkbox][checked=checked], #write input[type=checkbox][checked] { 631 | background-image: var(--checkbox-filled); 632 | } 633 | 634 | a { 635 | color: var(--text-link); 636 | } 637 | 638 | span.ty-icon.ty-delete-button::before { 639 | background-image: var(--dismiss); 640 | vertical-align: middle; 641 | content: " "; 642 | width: 20px; 643 | height: 20px; 644 | display: inline-block; 645 | } 646 | 647 | i.fa.fa-folder-o::before { 648 | background-image: var(--folder); 649 | vertical-align: middle; 650 | content: " "; 651 | width: 20px; 652 | height: 20px; 653 | display: inline-block; 654 | } 655 | 656 | i.file-node-icon.fa.fa-folder::before { 657 | background-image: var(--folder); 658 | vertical-align: middle; 659 | content: " "; 660 | width: 20px; 661 | height: 20px; 662 | display: inline-block; 663 | } 664 | 665 | i.file-node-icon.fa.fa-file-text-o::before { 666 | background-image: var(--document); 667 | vertical-align: middle; 668 | content: " "; 669 | width: 20px; 670 | height: 20px; 671 | display: inline-block; 672 | } 673 | 674 | i.fa.fa-caret-down::before { 675 | background-image: var(--chevron-down); 676 | vertical-align: middle; 677 | content: " "; 678 | width: 12px; 679 | height: 12px; 680 | display: inline-block; 681 | } 682 | 683 | i.fa.fa-caret-right::before { 684 | background-image: var(--chevron-right); 685 | vertical-align: middle; 686 | content: " "; 687 | width: 12px; 688 | height: 12px; 689 | display: inline-block; 690 | } 691 | 692 | .file-node-open-state { 693 | width: 16px; 694 | text-align: center; 695 | } 696 | 697 | span.ty-icon.ty-file-tree::before { 698 | background-image: var(--tree); 699 | vertical-align: middle; 700 | content: " "; 701 | width: 20px; 702 | height: 20px; 703 | display: inline-block; 704 | } 705 | 706 | span.ty-icon.ty-left-arrow::before { 707 | background-image: var(--arrowleft); 708 | vertical-align: middle; 709 | content: " "; 710 | width: 20px; 711 | height: 20px; 712 | display: inline-block; 713 | } 714 | 715 | span.ty-icon.ty-list::before { 716 | background-image: var(--navigation); 717 | vertical-align: middle; 718 | content: " "; 719 | width: 20px; 720 | height: 20px; 721 | display: inline-block; 722 | } 723 | 724 | span.ion-ios7-search-strong::before { 725 | background-image: var(--search); 726 | vertical-align: middle; 727 | content: " "; 728 | width: 20px; 729 | height: 20px; 730 | display: inline-block; 731 | } 732 | 733 | .sidebar-tab-btn, span.ion-ios7-search-strong, .sidebar-footer-item .footer-btn { 734 | display: flex!important; 735 | align-items: center!important; 736 | justify-content: center!important; 737 | vertical-align: middle!important; 738 | } 739 | 740 | span.ty-icon.ty-add::before { 741 | background-image: var(--add); 742 | vertical-align: middle; 743 | content: " "; 744 | width: 20px; 745 | height: 20px; 746 | display: inline-block; 747 | margin-bottom: 2px; 748 | } 749 | 750 | span.ty-icon.ty-dots-v::before { 751 | background-image: var(--dots); 752 | vertical-align: middle; 753 | content: " "; 754 | width: 20px; 755 | height: 20px; 756 | display: inline-block; 757 | margin-bottom: 2px; 758 | } 759 | 760 | span.ty-icon.ty-three-cells::before { 761 | background-image: var(--cells); 762 | vertical-align: middle; 763 | content: " "; 764 | width: 20px; 765 | height: 20px; 766 | display: inline-block; 767 | margin-bottom: 2px; 768 | } 769 | 770 | mark { 771 | border-radius: 4px; 772 | color: var(--mark-text); 773 | font-weight: inherit; 774 | background-color: var(--mark-bg); 775 | margin-left: 2px; 776 | margin-right: 2px; 777 | padding: 0px 4px 2px 4px; 778 | border-bottom: var(--mark-border); 779 | } 780 | 781 | del { 782 | border-radius: 4px; 783 | color: var(--text-color); 784 | font-weight: inherit; 785 | background-color: #88888850; 786 | margin-left: 2px; 787 | margin-right: 2px; 788 | padding: 0px 4px 2px 4px; 789 | text-decoration-color: var(--text-color); 790 | opacity: .3; 791 | } 792 | 793 | .sidebar-footer-item { 794 | height: 100%; 795 | vertical-align: middle; 796 | justify-content: center; 797 | } 798 | 799 | .file-node-background { 800 | height: 32px; 801 | } 802 | 803 | .file-library-node.file-tree-node.active>.file-node-content { 804 | color: white; 805 | } 806 | 807 | .file-library-node.file-tree-node.active>.file-node-content>i { 808 | filter: var(--icon-filer); 809 | } 810 | 811 | .file-library-node.file-tree-node.active>.file-node-background { 812 | background-color: var(--accent-color); 813 | border: none; 814 | } 815 | 816 | .cm-header, .cm-header-1 { 817 | color: var(--title-font)!important; 818 | } 819 | 820 | .cm-atom { 821 | color: var(--color-cm-builtin)!important; 822 | } 823 | 824 | /** Css below might be platform specified **/ 825 | 826 | #filesearch-case-option-btn>svg, #searchpanel-case-option-btn>svg { 827 | display: none; 828 | } 829 | 830 | #filesearch-case-option-btn::before, #searchpanel-case-option-btn::before { 831 | background-image: var(--case); 832 | vertical-align: middle; 833 | content: " "; 834 | width: 20px; 835 | height: 20px; 836 | display: inline-block; 837 | } 838 | 839 | #filesearch-word-option-btn>svg, #searchpanel-word-option-btn>svg { 840 | display: none; 841 | } 842 | 843 | #filesearch-word-option-btn::before, #searchpanel-word-option-btn::before { 844 | background-image: var(--match); 845 | vertical-align: middle; 846 | content: " "; 847 | width: 20px; 848 | height: 20px; 849 | display: inline-block; 850 | } 851 | 852 | .mac-seamless-mode #md-searchpanel, #md-searchpanel { 853 | box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%); 854 | border-bottom: 1px solid var(--border); 855 | max-height: 72px; 856 | } 857 | 858 | .mac-seamless-mode #md-searchpanel input, #md-searchpanel input { 859 | height: auto; 860 | } 861 | 862 | .mac-seamless-mode #md-searchpanel.searchpanel-replace-mode, #md-searchpanel.searchpanel-replace-mode { 863 | max-height: 108px; 864 | } 865 | 866 | .ion-chevron-up::before { 867 | background-image: var(--chevron-up); 868 | vertical-align: middle; 869 | content: " "; 870 | width: 20px; 871 | height: 20px; 872 | display: inline-block; 873 | } 874 | 875 | .ion-chevron-down::before { 876 | background-image: var(--chevron-next); 877 | vertical-align: middle; 878 | content: " "; 879 | width: 20px; 880 | height: 20px; 881 | display: inline-block; 882 | } 883 | 884 | .ion-close-round::before { 885 | background-image: var(--dismiss); 886 | vertical-align: middle; 887 | content: " "; 888 | width: 20px; 889 | height: 20px; 890 | display: inline-block; 891 | } 892 | 893 | table.md-table { 894 | border: none!important; 895 | box-sizing: border-box; 896 | /* border-radius: 4px; */ 897 | overflow: hidden; 898 | } 899 | 900 | table { 901 | border-collapse: separate; 902 | } 903 | 904 | tbody>tr>td:not(:first-child) { 905 | box-sizing: border-box; 906 | border: none; 907 | border-right: var(--table-border); 908 | border-bottom: var(--table-border); 909 | } 910 | 911 | tbody>tr>td:first-child { 912 | box-sizing: border-box; 913 | border: none; 914 | border-bottom: var(--table-border); 915 | border-left: var(--table-border); 916 | border-right: var(--table-border); 917 | } 918 | 919 | tr>th:not(:first-child) { 920 | box-sizing: border-box; 921 | border: none; 922 | border-top: var(--table-border); 923 | border-right: var(--table-border); 924 | border-bottom: var(--table-border); 925 | } 926 | 927 | tr>th:first-child { 928 | box-sizing: border-box; 929 | border: var(--table-border); 930 | } 931 | 932 | tr:first-child>th:first-child { 933 | border-top-left-radius: 4px; 934 | } 935 | 936 | tr:first-child>th:last-child { 937 | border-top-right-radius: 4px; 938 | } 939 | 940 | tbody>tr:last-child>td:last-child { 941 | border-bottom-right-radius: 4px; 942 | } 943 | 944 | tbody>tr:last-child>td:first-child { 945 | border-bottom-left-radius: 4px; 946 | } 947 | 948 | table tr:nth-child(2n), table thead>tr { 949 | background-color: var(--elevated-background); 950 | } 951 | 952 | table tbody tr:nth-child(2n+1) { 953 | background-color: var(--bg-color); 954 | } 955 | 956 | thead:last-child>tr:last-child>th:first-child { 957 | border-bottom-left-radius: 4px; 958 | } 959 | 960 | thead:last-child>tr:last-child>th:last-child { 961 | border-bottom-right-radius: 4px; 962 | } 963 | 964 | table { 965 | font-feature-settings: "tnum"; 966 | } 967 | 968 | blockquote>h1:first-child, blockquote>h2:first-child, blockquote>h3:first-child, blockquote>h4:first-child, blockquote>h5:first-child, blockquote>h6:first-child { 969 | font: var(--title-font); 970 | font-weight: 700; 971 | font-size: inherit!important; 972 | margin: -12px -16px -8px -16px; 973 | padding: 12px 16px 8px 16px; 974 | border-top-right-radius: 4px; 975 | border-top-left-radius: 4px; 976 | display: flex; 977 | align-items: center; 978 | letter-spacing: auto!important; 979 | } 980 | 981 | blockquote>h1:first-child { 982 | color: var(--bookmark-color); 983 | } 984 | 985 | blockquote>h1:first-child::before { 986 | background-image: var(--bookmark-filled); 987 | vertical-align: middle; 988 | content: " "; 989 | width: 20px; 990 | height: 20px; 991 | display: inline-block; 992 | margin-right: 4px; 993 | } 994 | 995 | blockquote>h2:first-child { 996 | color: var(--star-color); 997 | } 998 | 999 | blockquote>h2:first-child::before { 1000 | background-image: var(--star-filled); 1001 | vertical-align: middle; 1002 | content: " "; 1003 | width: 20px; 1004 | height: 20px; 1005 | display: inline-block; 1006 | margin-right: 4px; 1007 | } 1008 | 1009 | blockquote>h3:first-child { 1010 | color: var(--lightbulb-color); 1011 | } 1012 | 1013 | blockquote>h3:first-child::before { 1014 | background-image: var(--light-bulb-filled); 1015 | vertical-align: middle; 1016 | content: " "; 1017 | width: 20px; 1018 | height: 20px; 1019 | display: inline-block; 1020 | margin-right: 4px; 1021 | } 1022 | 1023 | blockquote>h4:first-child { 1024 | color: var(--note-color); 1025 | } 1026 | 1027 | blockquote>h4:first-child::before { 1028 | background-image: var(--note-filled); 1029 | vertical-align: middle; 1030 | content: " "; 1031 | width: 20px; 1032 | height: 20px; 1033 | display: inline-block; 1034 | margin-right: 4px; 1035 | } 1036 | 1037 | blockquote>h5:first-child { 1038 | color: var(--alert-color); 1039 | } 1040 | 1041 | blockquote>h5:first-child::before { 1042 | background-image: var(--warn-filled); 1043 | vertical-align: middle; 1044 | content: " "; 1045 | width: 20px; 1046 | height: 20px; 1047 | display: inline-block; 1048 | margin-right: 4px; 1049 | } 1050 | 1051 | blockquote>h6:first-child { 1052 | color: var(--question-color); 1053 | } 1054 | 1055 | blockquote>h6:first-child::before { 1056 | background-image: var(--chat-help-filled); 1057 | vertical-align: middle; 1058 | content: " "; 1059 | width: 20px; 1060 | height: 20px; 1061 | display: inline-block; 1062 | margin-right: 4px; 1063 | } -------------------------------------------------------------------------------- /fluent-light.css: -------------------------------------------------------------------------------- 1 | /* font face configs */ 2 | 3 | :root { 4 | /* change your prefered font here */ 5 | --title-font: "Inter Display", "Inter"; 6 | --text-font: "Inter"; 7 | /* the Inter fontface family provides rich opentype features. see https://rsms.me/inter/ */ 8 | --general-font-feature-settings: "calt", "ccmp", "kern", "salt" 0; 9 | --cjk-font: "Source Han Sans SC", "思源黑体 CN", "思源黑体"; 10 | --mono-font: "JetBrains Mono"; 11 | --fallback-font: "system-ui", "Helvetica Neue", Helvetica, Arial, sans-serif; 12 | } 13 | 14 | /* general color configs */ 15 | 16 | :root { 17 | --color-scale-black: #1b1f23; 18 | --color-scale-white: #fff; 19 | --color-scale-gray-0: #fafbfc; 20 | --color-scale-gray-1: #f6f8fa; 21 | --color-scale-gray-2: #e1e4e8; 22 | --color-scale-gray-3: #d1d5da; 23 | --color-scale-gray-4: #959da5; 24 | --color-scale-gray-5: #6a737d; 25 | --color-scale-gray-6: #586069; 26 | --color-scale-gray-7: #444d56; 27 | --color-scale-gray-8: #2f363d; 28 | --color-scale-gray-9: #24292e; 29 | --color-scale-blue-0: #f1f8ff; 30 | --color-scale-blue-1: #dbedff; 31 | --color-scale-blue-2: #c8e1ff; 32 | --color-scale-blue-3: #79b8ff; 33 | --color-scale-blue-4: #2188ff; 34 | --color-scale-blue-5: #0366d6; 35 | --color-scale-blue-6: #005cc5; 36 | --color-scale-blue-7: #044289; 37 | --color-scale-blue-8: #032f62; 38 | --color-scale-blue-9: #05264c; 39 | --mark-bg: #ffde67; 40 | --mark-text: #080a10; 41 | --color-cm-keyword: #3b78e7; 42 | --color-cm-attr: #9c27b0; 43 | --color-cm-comment: #6a737d; 44 | --color-cm-string: #0d904f; 45 | --color-cm-operator: #d81b60; 46 | --color-cm-number: #d81b60; 47 | --color-cm-meta: #6933b1; 48 | --color-cm-builtin: #e36209; 49 | --color-cm-v3: #43a8b3; 50 | --color-cm-v: #c53929; 51 | --color-cm-link: #24a3c3; 52 | --text-link: #486df1; 53 | --bookmark-color: #311b92; 54 | --bookmark-bg: #ae92e3; 55 | --star-color: #044289; 56 | --star-bg: var(--color-scale-blue-2); 57 | --question-color: #880e4f; 58 | --question-bg: #f8bbd0; 59 | --alert-color: #8a2a0d; 60 | --alert-bg: #e69d94; 61 | --note-color: #004d40; 62 | --note-bg: #8be3d6; 63 | --lightbulb-color: #b0791b; 64 | --lightbulb-bg: #fff9c4; 65 | } 66 | 67 | :root { 68 | --control-text-color: var(--color-text-secondary); 69 | --bg-color: #ffffff; 70 | /*change background*/ 71 | --text-color: var(--color-text-primary); 72 | /*change text color*/ 73 | --md-char-color: #b3bdd1; 74 | --meta-content-color: #398ea3; 75 | /*change color of meta contents like image text or link address in markdown */ 76 | --primary-color: #486df1; 77 | --accent-color: #486df1; 78 | /* color of primary buttons */ 79 | --primary-btn-border-color: var(--color-border-primary); 80 | --primary-btn-text-color: #fff; 81 | --window-border: 1px solid var(--color-bg-tertiary); 82 | /*border for sidebar, etc*/ 83 | --active-file-bg-color: var(--color-auto-blue-1); 84 | /*background color if list item in file tree or file list*/ 85 | --active-file-text-color: inherit; 86 | --active-file-border-color: var(--color-auto-blue-6); 87 | --side-bar-bg-color: #f9fafb; 88 | /*change background of sidebar*/ 89 | --item-hover-bg-color: rgba(229, 229, 229, 0.59); 90 | /*background of control items when hover, like menu in sidebar*/ 91 | --item-hover-text-color: inherit; 92 | /*mono font for codes, fences*/ 93 | --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23486df1%22/%3E%0A%3C/svg%3E%0A"); 94 | --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 95 | --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 96 | --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 97 | --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 98 | --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 99 | --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 100 | --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 101 | --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 102 | --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 103 | --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 104 | --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); 105 | --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); 106 | --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 107 | --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 108 | --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 109 | --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 110 | --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 111 | --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 112 | --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23311b92%22/%3E%0A%3C/svg%3E%0A"); 113 | --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23880e4f%22/%3E%0A%3C/svg%3E%0A"); 114 | --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23044289%22/%3E%0A%3C/svg%3E%0A"); 115 | --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%238a2a0d%22/%3E%0A%3C/svg%3E%0A"); 116 | --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3C/svg%3E%0A"); 117 | --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%23004d40%22/%3E%0A%3C/svg%3E%0A"); 118 | --elevated-background: var(--color-scale-gray-0); 119 | --border: #f1f3f4; 120 | --icon-color: var(--text-color); 121 | --icon-filer: brightness(10); 122 | --title-color: #08090b; 123 | --monospace: var(--mono); 124 | --mark-border: none; 125 | --table-border: 1px solid var(--color-scale-gray-2) !important; 126 | } 127 | 128 | /* CJK override */ 129 | 130 | @font-face { 131 | font-family: quote1; 132 | src: local("思源黑体"); 133 | unicode-range: U+201c, U+201d; 134 | } 135 | 136 | @font-face { 137 | font-family: quote2; 138 | src: local("思源黑体 CN"); 139 | unicode-range: U+201c, U+201d; 140 | } 141 | 142 | @font-face { 143 | font-family: quote3; 144 | src: local("Source Han Sans SC"); 145 | unicode-range: U+201c, U+201d; 146 | } 147 | 148 | :root { 149 | --mono: var(--mono-font), var(--cjk-font); 150 | --general-font: quote1, quote2, quote3, var(--text-font), var(--cjk-font), var(--fallback-font); 151 | --display-font: quote1, quote2, quote3, var(--title-font), var(--cjk-font), var(--fallback-font); 152 | } 153 | 154 | html { 155 | font-size: 16px; 156 | } 157 | 158 | body, .file-list-item-summary { 159 | font-family: var(--general-font); 160 | font-feature-settings: var(--general-font-feature-settings); 161 | color: var(--text-color); 162 | line-height: 1.6; 163 | } 164 | 165 | #write { 166 | max-width: 860px; 167 | margin: 0 auto; 168 | padding: 30px; 169 | padding-bottom: 100px; 170 | } 171 | 172 | @media only screen and (min-width: 1400px) { 173 | #write { 174 | max-width: 1024px; 175 | } 176 | } 177 | 178 | @media only screen and (min-width: 1800px) { 179 | #write { 180 | max-width: 1200px; 181 | } 182 | } 183 | 184 | #write>ul:first-child, #write>ol:first-child { 185 | margin-top: 30px; 186 | } 187 | 188 | h1, h2, h3, h4, h5, h6 { 189 | position: relative; 190 | margin-top: 1rem; 191 | margin-bottom: 1rem; 192 | font-weight: bold; 193 | line-height: 1.4; 194 | cursor: text; 195 | font-family: var(--display-font)!important; 196 | } 197 | 198 | h1, h2, h3, h4 { 199 | color: var(--title-color); 200 | letter-spacing: -0.04rem; 201 | } 202 | 203 | h6 { 204 | margin-top: .6rem; 205 | margin-bottom: .2rem; 206 | } 207 | 208 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 209 | text-decoration: none; 210 | } 211 | 212 | h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code { 213 | font-size: inherit; 214 | } 215 | 216 | h1 { 217 | font-size: 2.25em; 218 | line-height: 1.2; 219 | } 220 | 221 | h2 { 222 | font-size: 1.75em; 223 | line-height: 1.225; 224 | } 225 | 226 | h3 { 227 | font-size: 1.5em; 228 | line-height: 1.43; 229 | } 230 | 231 | h4 { 232 | font-size: 1.25em; 233 | } 234 | 235 | h5 { 236 | font-size: 1em; 237 | } 238 | 239 | h6 { 240 | font-size: 1em; 241 | color: #777; 242 | } 243 | 244 | p, blockquote, ul, ol, dl, table { 245 | margin: 0.8em 0; 246 | } 247 | 248 | li>ol, li>ul { 249 | margin: 0 0; 250 | } 251 | 252 | h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { 253 | border: inherit; 254 | background-color: inherit; 255 | } 256 | 257 | hr { 258 | height: 2px; 259 | padding: 0; 260 | margin: 16px 0; 261 | background-color: #e7e7e7; 262 | border: 0 none; 263 | overflow: hidden; 264 | box-sizing: content-box; 265 | } 266 | 267 | li p.first { 268 | display: inline-block; 269 | } 270 | 271 | ul, ol { 272 | padding-left: 30px; 273 | } 274 | 275 | ul:first-child, ol:first-child { 276 | margin-top: 0; 277 | } 278 | 279 | ul:last-child, ol:last-child { 280 | margin-bottom: 0; 281 | } 282 | 283 | blockquote { 284 | color: var(--text-color); 285 | border: 1px solid var(--border); 286 | background-color: var(--elevated-background); 287 | border-radius: 4px; 288 | padding: 12px 16px; 289 | overflow: hidden; 290 | box-sizing: border-box; 291 | } 292 | 293 | blockquote blockquote { 294 | padding-right: 0; 295 | } 296 | 297 | table { 298 | padding: 0; 299 | word-break: initial; 300 | } 301 | 302 | table tr { 303 | border: 1px solid #dfe2e5; 304 | margin: 0; 305 | padding: 0; 306 | } 307 | 308 | table tr:nth-child(2n), thead { 309 | background-color: #f8f8f8; 310 | } 311 | 312 | table th { 313 | font-weight: bold; 314 | border: 1px solid #dfe2e5; 315 | border-bottom: 0; 316 | margin: 0; 317 | padding: 6px 13px; 318 | } 319 | 320 | table td { 321 | border: 1px solid #dfe2e5; 322 | margin: 0; 323 | padding: 6px 13px; 324 | } 325 | 326 | table th:first-child, table td:first-child { 327 | margin-top: 0; 328 | } 329 | 330 | table th:last-child, table td:last-child { 331 | margin-bottom: 0; 332 | } 333 | 334 | .CodeMirror-lines { 335 | padding-left: 4px; 336 | } 337 | 338 | .code-tooltip { 339 | border: 1px solid var(--border); 340 | background-color: var(--elevated-background); 341 | border-radius: 4px; 342 | font-family: var(--general-font); 343 | box-shadow: none!important; 344 | } 345 | 346 | .md-fences, code, tt { 347 | color: var(--text-color); 348 | border: 1px solid var(--border); 349 | background-color: var(--elevated-background); 350 | border-radius: 4px; 351 | padding: 0; 352 | padding: 2px 4px 0px 4px; 353 | font-size: 0.9em; 354 | font-family: var(--mono); 355 | font-variant-ligatures: common-ligatures!important; 356 | font-feature-settings: "liga" 1!important; 357 | } 358 | 359 | code { 360 | background-color: var(--elevated-background); 361 | padding: 0 2px 0 2px; 362 | } 363 | 364 | .md-fences { 365 | margin-bottom: 15px; 366 | margin-top: 15px; 367 | padding-top: 8px; 368 | padding-bottom: 6px; 369 | } 370 | 371 | .md-task-list-item>input { 372 | margin-left: -1.3em; 373 | } 374 | 375 | @media print { 376 | html { 377 | font-size: 13px; 378 | } 379 | table, pre { 380 | page-break-inside: avoid; 381 | } 382 | pre { 383 | word-wrap: break-word; 384 | } 385 | input[type=checkbox] { 386 | margin-top: -1px!important; 387 | } 388 | } 389 | 390 | #write pre.md-meta-block { 391 | padding: 1rem; 392 | font-size: 85%; 393 | line-height: 1.45; 394 | background-color: var(--elevated-background); 395 | border: 0; 396 | border-radius: 4px; 397 | color: #777777; 398 | margin-top: 0 !important; 399 | } 400 | 401 | .mathjax-block>.code-tooltip { 402 | bottom: .375rem; 403 | } 404 | 405 | .md-mathjax-midline { 406 | background: var(--elevated-background); 407 | } 408 | 409 | #write>h3.md-focus:before { 410 | left: -1.5625rem; 411 | top: .375rem; 412 | } 413 | 414 | #write>h4.md-focus:before { 415 | left: -1.5625rem; 416 | top: .285714286rem; 417 | } 418 | 419 | #write>h5.md-focus:before { 420 | left: -1.5625rem; 421 | top: .285714286rem; 422 | } 423 | 424 | #write>h6.md-focus:before { 425 | left: -1.5625rem; 426 | top: .285714286rem; 427 | } 428 | 429 | .md-image>.md-meta { 430 | border-radius: 4px; 431 | padding: 2px 0px 0px 4px; 432 | font-size: 0.9em; 433 | color: inherit; 434 | } 435 | 436 | .md-tag { 437 | color: var(--text-color); 438 | opacity: 1; 439 | } 440 | 441 | .md-toc { 442 | margin-top: 20px; 443 | padding-bottom: 20px; 444 | } 445 | 446 | .sidebar-tabs { 447 | border-bottom: none; 448 | } 449 | 450 | #typora-quick-open { 451 | border: 1px solid var(--border); 452 | background-color: var(--elevated-background); 453 | } 454 | 455 | #typora-quick-open-item { 456 | background-color: var(--elevated-background); 457 | border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; 458 | border-style: solid; 459 | border-width: 1px; 460 | } 461 | 462 | /** focus mode */ 463 | 464 | .on-focus-mode blockquote { 465 | border-left-color: rgba(85, 85, 85, 0.12); 466 | } 467 | 468 | header, .context-menu, .megamenu-content, footer { 469 | font-family: var(--general-font); 470 | } 471 | 472 | .file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { 473 | visibility: visible; 474 | } 475 | 476 | .mac-seamless-mode #typora-sidebar { 477 | background-color: var(--elevated-background); 478 | background-color: var(--side-bar-bg-color); 479 | } 480 | 481 | .md-lang { 482 | color: #b4654d; 483 | } 484 | 485 | #md-notification .btn { 486 | border: 0; 487 | } 488 | 489 | .dropdown-menu .divider { 490 | border-color: #e5e5e5; 491 | opacity: 0.4; 492 | } 493 | 494 | .ty-preferences .window-content { 495 | background-color: var(--elevated-background); 496 | } 497 | 498 | .ty-preferences .nav-group-item.active { 499 | color: var(--text-color); 500 | background: #999; 501 | } 502 | 503 | .menu-item-container a.menu-style-btn { 504 | background-color: var(--elevated-background); 505 | background-image: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); 506 | } 507 | 508 | .cm-keyword { 509 | color: var(--color-cm-keyword)!important; 510 | font-weight: 700!important; 511 | } 512 | 513 | .cm-variable { 514 | color: var(--color-cm-v)!important; 515 | } 516 | 517 | .cm-tag { 518 | color: var(--color-cm-keyword)!important; 519 | font-weight: 700!important; 520 | } 521 | 522 | .cm-variable-3, .cm-variable-2 { 523 | color: var(--color-cm-v3)!important; 524 | font-weight: 700!important; 525 | } 526 | 527 | .cm-def { 528 | color: var(--color-cm-attr)!important; 529 | } 530 | 531 | .cm-attribute { 532 | color: var(--color-cm-attr)!important 533 | } 534 | 535 | .cm-comment, .md-comment, .md-meta { 536 | color: var(--color-cm-comment)!important; 537 | } 538 | 539 | .cm-string { 540 | color: var(--color-cm-string)!important; 541 | font-variant-ligatures: common-ligatures!important; 542 | } 543 | 544 | .cm-link { 545 | color: var(--color-cm-link)!important; 546 | } 547 | 548 | .cm-type { 549 | color: var(--color-cm-v3); 550 | } 551 | 552 | .cm-property { 553 | color: var(--color-cm-v3)!important; 554 | } 555 | 556 | .cm-tag:not(.cm-bracket) { 557 | font-weight: 700; 558 | } 559 | 560 | .cm-operator { 561 | color: var(--color-cm-operator)!important; 562 | } 563 | 564 | .cm-number { 565 | color: var(--color-cm-number)!important; 566 | } 567 | 568 | .cm-meta { 569 | color: var(--color-cm-meta)!important; 570 | font-weight: 700!important; 571 | } 572 | 573 | .cm-builtin { 574 | color: var(--color-cm-builtin)!important; 575 | } 576 | 577 | li.task-list-item { 578 | list-style-type: none 579 | } 580 | 581 | li.task-list-item>input[type=checkbox], #write input[type=checkbox] { 582 | list-style: none; 583 | background: none; 584 | -webkit-appearance: none; 585 | -moz-appearance: none; 586 | appearance: none; 587 | width: 24px; 588 | height: 24px; 589 | background-image: var(--checkbox-unchecked); 590 | padding: 0; 591 | margin-top: 1px; 592 | margin-left: -32px; 593 | } 594 | 595 | li.task-list-item>input[type=checkbox][checked=checked], li.task-list-item>input[type=checkbox][checked], #write input[type=checkbox][checked=checked], #write input[type=checkbox][checked] { 596 | background-image: var(--checkbox-filled); 597 | } 598 | 599 | a { 600 | color: var(--text-link); 601 | } 602 | 603 | span.ty-icon.ty-delete-button::before { 604 | background-image: var(--dismiss); 605 | vertical-align: middle; 606 | content: " "; 607 | width: 20px; 608 | height: 20px; 609 | display: inline-block; 610 | } 611 | 612 | i.fa.fa-folder-o::before { 613 | background-image: var(--folder); 614 | vertical-align: middle; 615 | content: " "; 616 | width: 20px; 617 | height: 20px; 618 | display: inline-block; 619 | } 620 | 621 | i.file-node-icon.fa.fa-folder::before { 622 | background-image: var(--folder); 623 | vertical-align: middle; 624 | content: " "; 625 | width: 20px; 626 | height: 20px; 627 | display: inline-block; 628 | } 629 | 630 | i.file-node-icon.fa.fa-file-text-o::before { 631 | background-image: var(--document); 632 | vertical-align: middle; 633 | content: " "; 634 | width: 20px; 635 | height: 20px; 636 | display: inline-block; 637 | } 638 | 639 | i.fa.fa-caret-down::before { 640 | background-image: var(--chevron-down); 641 | vertical-align: middle; 642 | content: " "; 643 | width: 12px; 644 | height: 12px; 645 | display: inline-block; 646 | } 647 | 648 | i.fa.fa-caret-right::before { 649 | background-image: var(--chevron-right); 650 | vertical-align: middle; 651 | content: " "; 652 | width: 12px; 653 | height: 12px; 654 | display: inline-block; 655 | } 656 | 657 | .file-node-open-state { 658 | width: 16px; 659 | text-align: center; 660 | } 661 | 662 | span.ty-icon.ty-file-tree::before { 663 | background-image: var(--tree); 664 | vertical-align: middle; 665 | content: " "; 666 | width: 20px; 667 | height: 20px; 668 | display: inline-block; 669 | } 670 | 671 | span.ty-icon.ty-left-arrow::before { 672 | background-image: var(--arrowleft); 673 | vertical-align: middle; 674 | content: " "; 675 | width: 20px; 676 | height: 20px; 677 | display: inline-block; 678 | } 679 | 680 | span.ty-icon.ty-list::before { 681 | background-image: var(--navigation); 682 | vertical-align: middle; 683 | content: " "; 684 | width: 20px; 685 | height: 20px; 686 | display: inline-block; 687 | } 688 | 689 | span.ion-ios7-search-strong::before { 690 | background-image: var(--search); 691 | vertical-align: middle; 692 | content: " "; 693 | width: 20px; 694 | height: 20px; 695 | display: inline-block; 696 | } 697 | 698 | .sidebar-tab-btn, span.ion-ios7-search-strong, .sidebar-footer-item .footer-btn { 699 | display: flex!important; 700 | align-items: center!important; 701 | justify-content: center!important; 702 | vertical-align: middle!important; 703 | } 704 | 705 | span.ty-icon.ty-add::before { 706 | background-image: var(--add); 707 | vertical-align: middle; 708 | content: " "; 709 | width: 20px; 710 | height: 20px; 711 | display: inline-block; 712 | margin-bottom: 2px; 713 | } 714 | 715 | span.ty-icon.ty-dots-v::before { 716 | background-image: var(--dots); 717 | vertical-align: middle; 718 | content: " "; 719 | width: 20px; 720 | height: 20px; 721 | display: inline-block; 722 | margin-bottom: 2px; 723 | } 724 | 725 | span.ty-icon.ty-three-cells::before { 726 | background-image: var(--cells); 727 | vertical-align: middle; 728 | content: " "; 729 | width: 20px; 730 | height: 20px; 731 | display: inline-block; 732 | margin-bottom: 2px; 733 | } 734 | 735 | mark { 736 | border-radius: 4px; 737 | color: var(--mark-text); 738 | font-weight: inherit; 739 | background-color: var(--mark-bg); 740 | margin-left: 2px; 741 | margin-right: 2px; 742 | padding: 0px 4px 2px 4px; 743 | border-bottom: var(--mark-border); 744 | } 745 | 746 | del { 747 | border-radius: 4px; 748 | color: var(--text-color); 749 | font-weight: inherit; 750 | background-color: #88888850; 751 | margin-left: 2px; 752 | margin-right: 2px; 753 | padding: 0px 4px 2px 4px; 754 | text-decoration-color: var(--text-color); 755 | opacity: .3; 756 | } 757 | 758 | .sidebar-footer-item { 759 | height: 100%; 760 | vertical-align: middle; 761 | justify-content: center; 762 | } 763 | 764 | .file-node-background { 765 | height: 32px; 766 | } 767 | 768 | .file-library-node.file-tree-node.active>.file-node-content { 769 | color: white; 770 | } 771 | 772 | .file-library-node.file-tree-node.active.file-node-on-edit>.file-node-content { 773 | color: inherit; 774 | } 775 | 776 | .file-library-node.file-tree-node.active>.file-node-content>i { 777 | filter: var(--icon-filer); 778 | } 779 | 780 | .file-library-node.file-tree-node.active>.file-node-background { 781 | background-color: var(--accent-color); 782 | border: none; 783 | } 784 | 785 | .cm-header, .cm-header-1 { 786 | color: var(--title-font)!important; 787 | } 788 | 789 | .cm-atom { 790 | color: var(--color-cm-builtin)!important; 791 | } 792 | 793 | /** Css below might be platform specified **/ 794 | 795 | #filesearch-case-option-btn>svg, #searchpanel-case-option-btn>svg { 796 | display: none; 797 | } 798 | 799 | #filesearch-case-option-btn::before, #searchpanel-case-option-btn::before { 800 | background-image: var(--case); 801 | vertical-align: middle; 802 | content: " "; 803 | width: 20px; 804 | height: 20px; 805 | display: inline-block; 806 | } 807 | 808 | #filesearch-word-option-btn>svg, #searchpanel-word-option-btn>svg { 809 | display: none; 810 | } 811 | 812 | #filesearch-word-option-btn::before, #searchpanel-word-option-btn::before { 813 | background-image: var(--match); 814 | vertical-align: middle; 815 | content: " "; 816 | width: 20px; 817 | height: 20px; 818 | display: inline-block; 819 | } 820 | 821 | .mac-seamless-mode #md-searchpanel, #md-searchpanel { 822 | box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%); 823 | border-bottom: 1px solid var(--border); 824 | max-height: 72px; 825 | } 826 | 827 | .mac-seamless-mode #md-searchpanel input, #md-searchpanel input { 828 | height: auto; 829 | } 830 | 831 | .mac-seamless-mode #md-searchpanel.searchpanel-replace-mode, #md-searchpanel.searchpanel-replace-mode { 832 | max-height: 108px; 833 | } 834 | 835 | .ion-chevron-up::before { 836 | background-image: var(--chevron-up); 837 | vertical-align: middle; 838 | content: " "; 839 | width: 20px; 840 | height: 20px; 841 | display: inline-block; 842 | } 843 | 844 | .ion-chevron-down::before { 845 | background-image: var(--chevron-next); 846 | vertical-align: middle; 847 | content: " "; 848 | width: 20px; 849 | height: 20px; 850 | display: inline-block; 851 | } 852 | 853 | .ion-close-round::before { 854 | background-image: var(--dismiss); 855 | vertical-align: middle; 856 | content: " "; 857 | width: 20px; 858 | height: 20px; 859 | display: inline-block; 860 | } 861 | 862 | table.md-table { 863 | border: none!important; 864 | box-sizing: border-box; 865 | /* border-radius: 4px; */ 866 | overflow: hidden; 867 | } 868 | 869 | table { 870 | border-collapse: separate; 871 | } 872 | 873 | tbody>tr>td:not(:first-child) { 874 | box-sizing: border-box; 875 | border: none; 876 | border-right: var(--table-border); 877 | border-bottom: var(--table-border); 878 | } 879 | 880 | tbody>tr>td:first-child { 881 | box-sizing: border-box; 882 | border: none; 883 | border-bottom: var(--table-border); 884 | border-left: var(--table-border); 885 | border-right: var(--table-border); 886 | } 887 | 888 | tr>th:not(:first-child) { 889 | box-sizing: border-box; 890 | border: none; 891 | border-top: var(--table-border); 892 | border-right: var(--table-border); 893 | border-bottom: var(--table-border); 894 | } 895 | 896 | tr>th:first-child { 897 | box-sizing: border-box; 898 | border: var(--table-border); 899 | } 900 | 901 | tr:first-child>th:first-child { 902 | border-top-left-radius: 4px; 903 | } 904 | 905 | tr:first-child>th:last-child { 906 | border-top-right-radius: 4px; 907 | } 908 | 909 | tbody>tr:last-child>td:last-child { 910 | border-bottom-right-radius: 4px; 911 | } 912 | 913 | tbody>tr:last-child>td:first-child { 914 | border-bottom-left-radius: 4px; 915 | } 916 | 917 | table tr:nth-child(2n), table thead>tr { 918 | background-color: var(--elevated-background); 919 | } 920 | 921 | table tbody tr:nth-child(2n+1) { 922 | background-color: var(--bg-color); 923 | } 924 | 925 | thead:last-child>tr:last-child>th:first-child { 926 | border-bottom-left-radius: 4px; 927 | } 928 | 929 | thead:last-child>tr:last-child>th:last-child { 930 | border-bottom-right-radius: 4px; 931 | } 932 | 933 | table { 934 | font-feature-settings: "tnum"; 935 | } 936 | 937 | blockquote>h1:first-child, blockquote>h2:first-child, blockquote>h3:first-child, blockquote>h4:first-child, blockquote>h5:first-child, blockquote>h6:first-child { 938 | font: var(--title-font); 939 | font-weight: 700; 940 | font-size: inherit!important; 941 | margin: -12px -16px -8px -16px; 942 | padding: 12px 16px 8px 16px; 943 | border-top-right-radius: 4px; 944 | border-top-left-radius: 4px; 945 | display: flex; 946 | align-items: center; 947 | letter-spacing: auto!important; 948 | } 949 | 950 | blockquote>h1:first-child { 951 | color: var(--bookmark-color); 952 | } 953 | 954 | blockquote>h1:first-child::before { 955 | background-image: var(--bookmark-filled); 956 | vertical-align: middle; 957 | content: " "; 958 | width: 20px; 959 | height: 20px; 960 | display: inline-block; 961 | margin-right: 4px; 962 | } 963 | 964 | blockquote>h2:first-child { 965 | color: var(--star-color); 966 | } 967 | 968 | blockquote>h2:first-child::before { 969 | background-image: var(--star-filled); 970 | vertical-align: middle; 971 | content: " "; 972 | width: 20px; 973 | height: 20px; 974 | display: inline-block; 975 | margin-right: 4px; 976 | } 977 | 978 | blockquote>h3:first-child { 979 | color: var(--lightbulb-color); 980 | } 981 | 982 | blockquote>h3:first-child::before { 983 | background-image: var(--light-bulb-filled); 984 | vertical-align: middle; 985 | content: " "; 986 | width: 20px; 987 | height: 20px; 988 | display: inline-block; 989 | margin-right: 4px; 990 | } 991 | 992 | blockquote>h4:first-child { 993 | color: var(--note-color); 994 | } 995 | 996 | blockquote>h4:first-child::before { 997 | background-image: var(--note-filled); 998 | vertical-align: middle; 999 | content: " "; 1000 | width: 20px; 1001 | height: 20px; 1002 | display: inline-block; 1003 | margin-right: 4px; 1004 | } 1005 | 1006 | blockquote>h5:first-child { 1007 | color: var(--alert-color); 1008 | } 1009 | 1010 | blockquote>h5:first-child::before { 1011 | background-image: var(--warn-filled); 1012 | vertical-align: middle; 1013 | content: " "; 1014 | width: 20px; 1015 | height: 20px; 1016 | display: inline-block; 1017 | margin-right: 4px; 1018 | } 1019 | 1020 | blockquote>h6:first-child { 1021 | color: var(--question-color); 1022 | } 1023 | 1024 | blockquote>h6:first-child::before { 1025 | background-image: var(--chat-help-filled); 1026 | vertical-align: middle; 1027 | content: " "; 1028 | width: 20px; 1029 | height: 20px; 1030 | display: inline-block; 1031 | margin-right: 4px; 1032 | } -------------------------------------------------------------------------------- /fluent.css: -------------------------------------------------------------------------------- 1 | /* font face configs */ 2 | 3 | :root { 4 | /* change your prefered font here */ 5 | --title-font: "Inter Display", "Inter"; 6 | --text-font: "Inter"; 7 | /* the Inter fontface family provides rich opentype features. see https://rsms.me/inter/ */ 8 | --general-font-feature-settings: "calt", "ccmp", "kern", "salt" 0; 9 | --cjk-font: "Source Han Sans SC", "思源黑体 CN", "思源黑体"; 10 | --mono-font: "JetBrains Mono"; 11 | --fallback-font: "system-ui", "Helvetica Neue", Helvetica, Arial, sans-serif; 12 | } 13 | 14 | /* general color configs */ 15 | 16 | :root { 17 | --color-scale-black: #1b1f23; 18 | --color-scale-white: #fff; 19 | --color-scale-gray-0: #fafbfc; 20 | --color-scale-gray-1: #f6f8fa; 21 | --color-scale-gray-2: #e1e4e8; 22 | --color-scale-gray-3: #d1d5da; 23 | --color-scale-gray-4: #959da5; 24 | --color-scale-gray-5: #6a737d; 25 | --color-scale-gray-6: #586069; 26 | --color-scale-gray-7: #444d56; 27 | --color-scale-gray-8: #2f363d; 28 | --color-scale-gray-9: #24292e; 29 | --color-scale-blue-0: #f1f8ff; 30 | --color-scale-blue-1: #dbedff; 31 | --color-scale-blue-2: #c8e1ff; 32 | --color-scale-blue-3: #79b8ff; 33 | --color-scale-blue-4: #2188ff; 34 | --color-scale-blue-5: #0366d6; 35 | --color-scale-blue-6: #005cc5; 36 | --color-scale-blue-7: #044289; 37 | --color-scale-blue-8: #032f62; 38 | --color-scale-blue-9: #05264c; 39 | --mark-bg: #ffde67; 40 | --mark-text: #080a10; 41 | --color-cm-keyword: #3b78e7; 42 | --color-cm-attr: #9c27b0; 43 | --color-cm-comment: #6a737d; 44 | --color-cm-string: #0d904f; 45 | --color-cm-operator: #d81b60; 46 | --color-cm-number: #d81b60; 47 | --color-cm-meta: #6933b1; 48 | --color-cm-builtin: #e36209; 49 | --color-cm-v3: #43a8b3; 50 | --color-cm-v: #c53929; 51 | --color-cm-link: #24a3c3; 52 | --text-link: #486df1; 53 | --bookmark-color: #311b92; 54 | --bookmark-bg: #ae92e3; 55 | --star-color: #044289; 56 | --star-bg: var(--color-scale-blue-2); 57 | --question-color: #880e4f; 58 | --question-bg: #f8bbd0; 59 | --alert-color: #8a2a0d; 60 | --alert-bg: #e69d94; 61 | --note-color: #004d40; 62 | --note-bg: #8be3d6; 63 | --lightbulb-color: #b0791b; 64 | --lightbulb-bg: #fff9c4; 65 | } 66 | 67 | :root { 68 | --control-text-color: var(--color-text-secondary); 69 | --bg-color: #ffffff; 70 | /*change background*/ 71 | --text-color: var(--color-text-primary); 72 | /*change text color*/ 73 | --md-char-color: #b3bdd1; 74 | --meta-content-color: #398ea3; 75 | /*change color of meta contents like image text or link address in markdown */ 76 | --primary-color: #486df1; 77 | --accent-color: #486df1; 78 | /* color of primary buttons */ 79 | --primary-btn-border-color: var(--color-border-primary); 80 | --primary-btn-text-color: #fff; 81 | --window-border: 1px solid var(--color-bg-tertiary); 82 | /*border for sidebar, etc*/ 83 | --active-file-bg-color: var(--color-auto-blue-1); 84 | /*background color if list item in file tree or file list*/ 85 | --active-file-text-color: inherit; 86 | --active-file-border-color: var(--color-auto-blue-6); 87 | --side-bar-bg-color: #f9fafb; 88 | /*change background of sidebar*/ 89 | --item-hover-bg-color: rgba(229, 229, 229, 0.59); 90 | /*background of control items when hover, like menu in sidebar*/ 91 | --item-hover-text-color: inherit; 92 | /*mono font for codes, fences*/ 93 | --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23486df1%22/%3E%0A%3C/svg%3E%0A"); 94 | --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 95 | --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 96 | --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 97 | --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 98 | --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 99 | --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 100 | --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 101 | --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 102 | --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 103 | --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 104 | --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); 105 | --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); 106 | --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 107 | --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 108 | --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 109 | --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 110 | --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 111 | --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); 112 | --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23311b92%22/%3E%0A%3C/svg%3E%0A"); 113 | --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23880e4f%22/%3E%0A%3C/svg%3E%0A"); 114 | --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23044289%22/%3E%0A%3C/svg%3E%0A"); 115 | --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%238a2a0d%22/%3E%0A%3C/svg%3E%0A"); 116 | --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3C/svg%3E%0A"); 117 | --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%23004d40%22/%3E%0A%3C/svg%3E%0A"); 118 | --elevated-background: var(--color-scale-gray-0); 119 | --border: #f1f3f4; 120 | --icon-color: var(--text-color); 121 | --icon-filer: brightness(10); 122 | --title-color: #08090b; 123 | --monospace: var(--mono); 124 | --mark-border: none; 125 | --table-border: 1px solid var(--color-scale-gray-2) !important; 126 | } 127 | 128 | @media (prefers-color-scheme: dark) { 129 | :root { 130 | --title-color: #eff0f2; 131 | --bg-color: #131416; 132 | --text-color: #d0d3d4; 133 | --side-bar-bg-color: #030405; 134 | --control-text-color: #a0a0a0; 135 | --item-hover-bg-color: rgba(60, 61, 61, 0.59); 136 | --elevated-background: var(--color-scale-gray-9); 137 | --border: var(--color-auto-gray-8); 138 | --primary-color: #33373f; 139 | --accent-color: #33373f; 140 | --icon-color: var(--color-scale-gray-1); 141 | --icon-filer: brightness(10); 142 | --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23ae92e3%22/%3E%0A%3C/svg%3E%0A"); 143 | --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23f8bbd0%22/%3E%0A%3C/svg%3E%0A"); 144 | --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23c8e1ff%22/%3E%0A%3C/svg%3E%0A"); 145 | --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%23e69d94%22/%3E%0A%3C/svg%3E%0A"); 146 | --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3C/svg%3E%0A"); 147 | --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%238be3d6%22/%3E%0A%3C/svg%3E%0A"); 148 | --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23d0d3d4%22/%3E%0A%3C/svg%3E%0A"); 149 | --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 150 | --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 151 | --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 152 | --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 153 | --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 154 | --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 155 | --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 156 | --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 157 | --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 158 | --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); 159 | --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); 160 | --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); 161 | --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 162 | --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 163 | --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 164 | --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 165 | --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 166 | --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); 167 | --color-cm-keyword: #a8cdf4; 168 | --color-cm-attr: #dea8e7; 169 | --color-cm-comment: #92989e; 170 | --color-cm-string: #8ce7b9; 171 | --color-cm-operator: #f1a5c1; 172 | --color-cm-number: #f1a5c1; 173 | --color-cm-meta: #bfa3e4; 174 | --color-cm-builtin: #e7bc9f; 175 | --color-cm-link: #9edae9; 176 | --color-cm-v3: #bafdf7; 177 | --mark-bg: #ffde6720; 178 | --mark-text: #ffe790; 179 | --text-link: #7492ff; 180 | --color-cm-v: #f2c08b; 181 | --border: #393b3b; 182 | --question-color: #f8bbd0; 183 | --alert-color: #e69d94; 184 | --note-color: #8be3d6; 185 | --lightbulb-color: #fff9c4; 186 | --bookmark-color: #ae92e3; 187 | --star-color: var(--color-scale-blue-2); 188 | --table-border: 1px solid var(--color-scale-gray-7) !important; 189 | } 190 | } 191 | 192 | /* CJK override */ 193 | 194 | @font-face { 195 | font-family: quote1; 196 | src: local("思源黑体"); 197 | unicode-range: U+201c, U+201d; 198 | } 199 | 200 | @font-face { 201 | font-family: quote2; 202 | src: local("思源黑体 CN"); 203 | unicode-range: U+201c, U+201d; 204 | } 205 | 206 | @font-face { 207 | font-family: quote3; 208 | src: local("Source Han Sans SC"); 209 | unicode-range: U+201c, U+201d; 210 | } 211 | 212 | :root { 213 | --mono: var(--mono-font), var(--cjk-font); 214 | --general-font: quote1, quote2, quote3, var(--text-font), var(--cjk-font), var(--fallback-font); 215 | --display-font: quote1, quote2, quote3, var(--title-font), var(--cjk-font), var(--fallback-font); 216 | } 217 | 218 | html { 219 | font-size: 16px; 220 | } 221 | 222 | body, .file-list-item-summary { 223 | font-family: var(--general-font); 224 | font-feature-settings: var(--general-font-feature-settings); 225 | color: var(--text-color); 226 | line-height: 1.6; 227 | } 228 | 229 | #write { 230 | max-width: 860px; 231 | margin: 0 auto; 232 | padding: 30px; 233 | padding-bottom: 100px; 234 | } 235 | 236 | @media only screen and (min-width: 1400px) { 237 | #write { 238 | max-width: 1024px; 239 | } 240 | } 241 | 242 | @media only screen and (min-width: 1800px) { 243 | #write { 244 | max-width: 1200px; 245 | } 246 | } 247 | 248 | #write>ul:first-child, #write>ol:first-child { 249 | margin-top: 30px; 250 | } 251 | 252 | h1, h2, h3, h4, h5, h6 { 253 | position: relative; 254 | margin-top: 1rem; 255 | margin-bottom: 1rem; 256 | font-weight: bold; 257 | line-height: 1.4; 258 | cursor: text; 259 | font-family: var(--display-font)!important; 260 | } 261 | 262 | h1, h2, h3, h4 { 263 | color: var(--title-color); 264 | letter-spacing: -0.04rem; 265 | } 266 | 267 | h6 { 268 | margin-top: .6rem; 269 | margin-bottom: .2rem; 270 | } 271 | 272 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 273 | text-decoration: none; 274 | } 275 | 276 | h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code { 277 | font-size: inherit; 278 | } 279 | 280 | h1 { 281 | font-size: 2.25em; 282 | line-height: 1.2; 283 | } 284 | 285 | h2 { 286 | font-size: 1.75em; 287 | line-height: 1.225; 288 | } 289 | 290 | h3 { 291 | font-size: 1.5em; 292 | line-height: 1.43; 293 | } 294 | 295 | h4 { 296 | font-size: 1.25em; 297 | } 298 | 299 | h5 { 300 | font-size: 1em; 301 | } 302 | 303 | h6 { 304 | font-size: 1em; 305 | color: #777; 306 | } 307 | 308 | p, blockquote, ul, ol, dl, table { 309 | margin: 0.8em 0; 310 | } 311 | 312 | li>ol, li>ul { 313 | margin: 0 0; 314 | } 315 | 316 | h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { 317 | border: inherit; 318 | background-color: inherit; 319 | } 320 | 321 | hr { 322 | height: 2px; 323 | padding: 0; 324 | margin: 16px 0; 325 | background-color: #e7e7e7; 326 | border: 0 none; 327 | overflow: hidden; 328 | box-sizing: content-box; 329 | } 330 | 331 | li p.first { 332 | display: inline-block; 333 | } 334 | 335 | ul, ol { 336 | padding-left: 30px; 337 | } 338 | 339 | ul:first-child, ol:first-child { 340 | margin-top: 0; 341 | } 342 | 343 | ul:last-child, ol:last-child { 344 | margin-bottom: 0; 345 | } 346 | 347 | blockquote { 348 | color: var(--text-color); 349 | border: 1px solid var(--border); 350 | background-color: var(--elevated-background); 351 | border-radius: 4px; 352 | padding: 12px 16px; 353 | overflow: hidden; 354 | box-sizing: border-box; 355 | } 356 | 357 | blockquote blockquote { 358 | padding-right: 0; 359 | } 360 | 361 | table { 362 | padding: 0; 363 | word-break: initial; 364 | } 365 | 366 | table tr { 367 | border: 1px solid #dfe2e5; 368 | margin: 0; 369 | padding: 0; 370 | } 371 | 372 | table tr:nth-child(2n), thead { 373 | background-color: #f8f8f8; 374 | } 375 | 376 | table th { 377 | font-weight: bold; 378 | border: 1px solid #dfe2e5; 379 | border-bottom: 0; 380 | margin: 0; 381 | padding: 6px 13px; 382 | } 383 | 384 | table td { 385 | border: 1px solid #dfe2e5; 386 | margin: 0; 387 | padding: 6px 13px; 388 | } 389 | 390 | table th:first-child, table td:first-child { 391 | margin-top: 0; 392 | } 393 | 394 | table th:last-child, table td:last-child { 395 | margin-bottom: 0; 396 | } 397 | 398 | .CodeMirror-lines { 399 | padding-left: 4px; 400 | } 401 | 402 | .code-tooltip { 403 | border: 1px solid var(--border); 404 | background-color: var(--elevated-background); 405 | border-radius: 4px; 406 | font-family: var(--general-font); 407 | box-shadow: none!important; 408 | } 409 | 410 | .md-fences, code, tt { 411 | color: var(--text-color); 412 | border: 1px solid var(--border); 413 | background-color: var(--elevated-background); 414 | border-radius: 4px; 415 | padding: 0; 416 | padding: 2px 4px 0px 4px; 417 | font-size: 0.9em; 418 | font-family: var(--mono); 419 | font-variant-ligatures: common-ligatures!important; 420 | font-feature-settings: "liga" 1!important; 421 | } 422 | 423 | code { 424 | background-color: var(--elevated-background); 425 | padding: 0 2px 0 2px; 426 | } 427 | 428 | .md-fences { 429 | margin-bottom: 15px; 430 | margin-top: 15px; 431 | padding-top: 8px; 432 | padding-bottom: 6px; 433 | } 434 | 435 | .md-task-list-item>input { 436 | margin-left: -1.3em; 437 | } 438 | 439 | @media print { 440 | html { 441 | font-size: 13px; 442 | } 443 | table, pre { 444 | page-break-inside: avoid; 445 | } 446 | pre { 447 | word-wrap: break-word; 448 | } 449 | input[type=checkbox] { 450 | margin-top: -1px!important; 451 | } 452 | } 453 | 454 | #write pre.md-meta-block { 455 | padding: 1rem; 456 | font-size: 85%; 457 | line-height: 1.45; 458 | background-color: var(--elevated-background); 459 | border: 0; 460 | border-radius: 4px; 461 | color: #777777; 462 | margin-top: 0 !important; 463 | } 464 | 465 | .mathjax-block>.code-tooltip { 466 | bottom: .375rem; 467 | } 468 | 469 | .md-mathjax-midline { 470 | background: var(--elevated-background); 471 | } 472 | 473 | #write>h3.md-focus:before { 474 | left: -1.5625rem; 475 | top: .375rem; 476 | } 477 | 478 | #write>h4.md-focus:before { 479 | left: -1.5625rem; 480 | top: .285714286rem; 481 | } 482 | 483 | #write>h5.md-focus:before { 484 | left: -1.5625rem; 485 | top: .285714286rem; 486 | } 487 | 488 | #write>h6.md-focus:before { 489 | left: -1.5625rem; 490 | top: .285714286rem; 491 | } 492 | 493 | .md-image>.md-meta { 494 | border-radius: 4px; 495 | padding: 2px 0px 0px 4px; 496 | font-size: 0.9em; 497 | color: inherit; 498 | } 499 | 500 | .md-tag { 501 | color: var(--text-color); 502 | opacity: 1; 503 | } 504 | 505 | .md-toc { 506 | margin-top: 20px; 507 | padding-bottom: 20px; 508 | } 509 | 510 | .sidebar-tabs { 511 | border-bottom: none; 512 | } 513 | 514 | #typora-quick-open { 515 | border: 1px solid var(--border); 516 | background-color: var(--elevated-background); 517 | } 518 | 519 | #typora-quick-open-item { 520 | background-color: var(--elevated-background); 521 | border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; 522 | border-style: solid; 523 | border-width: 1px; 524 | } 525 | 526 | /** focus mode */ 527 | 528 | .on-focus-mode blockquote { 529 | border-left-color: rgba(85, 85, 85, 0.12); 530 | } 531 | 532 | header, .context-menu, .megamenu-content, footer { 533 | font-family: var(--general-font); 534 | } 535 | 536 | .file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { 537 | visibility: visible; 538 | } 539 | 540 | .mac-seamless-mode #typora-sidebar { 541 | background-color: var(--elevated-background); 542 | background-color: var(--side-bar-bg-color); 543 | } 544 | 545 | .md-lang { 546 | color: #b4654d; 547 | } 548 | 549 | #md-notification .btn { 550 | border: 0; 551 | } 552 | 553 | .dropdown-menu .divider { 554 | border-color: #e5e5e5; 555 | opacity: 0.4; 556 | } 557 | 558 | .ty-preferences .window-content { 559 | background-color: var(--elevated-background); 560 | } 561 | 562 | .ty-preferences .nav-group-item.active { 563 | color: var(--text-color); 564 | background: #999; 565 | } 566 | 567 | .menu-item-container a.menu-style-btn { 568 | background-color: var(--elevated-background); 569 | background-image: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); 570 | } 571 | 572 | .cm-keyword { 573 | color: var(--color-cm-keyword)!important; 574 | font-weight: 700!important; 575 | } 576 | 577 | .cm-variable { 578 | color: var(--color-cm-v)!important; 579 | } 580 | 581 | .cm-tag { 582 | color: var(--color-cm-keyword)!important; 583 | font-weight: 700!important; 584 | } 585 | 586 | .cm-variable-3, .cm-variable-2 { 587 | color: var(--color-cm-v3)!important; 588 | font-weight: 700!important; 589 | } 590 | 591 | .cm-def { 592 | color: var(--color-cm-attr)!important; 593 | } 594 | 595 | .cm-attribute { 596 | color: var(--color-cm-attr)!important 597 | } 598 | 599 | .cm-comment, .md-comment, .md-meta { 600 | color: var(--color-cm-comment)!important; 601 | } 602 | 603 | .cm-string { 604 | color: var(--color-cm-string)!important; 605 | font-variant-ligatures: common-ligatures!important; 606 | } 607 | 608 | .cm-link { 609 | color: var(--color-cm-link)!important; 610 | } 611 | 612 | .cm-type { 613 | color: var(--color-cm-v3); 614 | } 615 | 616 | .cm-property { 617 | color: var(--color-cm-v3)!important; 618 | } 619 | 620 | .cm-tag:not(.cm-bracket) { 621 | font-weight: 700; 622 | } 623 | 624 | .cm-operator { 625 | color: var(--color-cm-operator)!important; 626 | } 627 | 628 | .cm-number { 629 | color: var(--color-cm-number)!important; 630 | } 631 | 632 | .cm-meta { 633 | color: var(--color-cm-meta)!important; 634 | font-weight: 700!important; 635 | } 636 | 637 | .cm-builtin { 638 | color: var(--color-cm-builtin)!important; 639 | } 640 | 641 | li.task-list-item { 642 | list-style-type: none 643 | } 644 | 645 | li.task-list-item>input[type=checkbox], #write input[type=checkbox] { 646 | list-style: none; 647 | background: none; 648 | -webkit-appearance: none; 649 | -moz-appearance: none; 650 | appearance: none; 651 | width: 24px; 652 | height: 24px; 653 | background-image: var(--checkbox-unchecked); 654 | padding: 0; 655 | margin-top: 1px; 656 | margin-left: -32px; 657 | } 658 | 659 | li.task-list-item>input[type=checkbox][checked=checked], li.task-list-item>input[type=checkbox][checked], #write input[type=checkbox][checked=checked], #write input[type=checkbox][checked] { 660 | background-image: var(--checkbox-filled); 661 | } 662 | 663 | a { 664 | color: var(--text-link); 665 | } 666 | 667 | span.ty-icon.ty-delete-button::before { 668 | background-image: var(--dismiss); 669 | vertical-align: middle; 670 | content: " "; 671 | width: 20px; 672 | height: 20px; 673 | display: inline-block; 674 | } 675 | 676 | i.fa.fa-folder-o::before { 677 | background-image: var(--folder); 678 | vertical-align: middle; 679 | content: " "; 680 | width: 20px; 681 | height: 20px; 682 | display: inline-block; 683 | } 684 | 685 | i.file-node-icon.fa.fa-folder::before { 686 | background-image: var(--folder); 687 | vertical-align: middle; 688 | content: " "; 689 | width: 20px; 690 | height: 20px; 691 | display: inline-block; 692 | } 693 | 694 | i.file-node-icon.fa.fa-file-text-o::before { 695 | background-image: var(--document); 696 | vertical-align: middle; 697 | content: " "; 698 | width: 20px; 699 | height: 20px; 700 | display: inline-block; 701 | } 702 | 703 | i.fa.fa-caret-down::before { 704 | background-image: var(--chevron-down); 705 | vertical-align: middle; 706 | content: " "; 707 | width: 12px; 708 | height: 12px; 709 | display: inline-block; 710 | } 711 | 712 | i.fa.fa-caret-right::before { 713 | background-image: var(--chevron-right); 714 | vertical-align: middle; 715 | content: " "; 716 | width: 12px; 717 | height: 12px; 718 | display: inline-block; 719 | } 720 | 721 | .file-node-open-state { 722 | width: 16px; 723 | text-align: center; 724 | } 725 | 726 | span.ty-icon.ty-file-tree::before { 727 | background-image: var(--tree); 728 | vertical-align: middle; 729 | content: " "; 730 | width: 20px; 731 | height: 20px; 732 | display: inline-block; 733 | } 734 | 735 | span.ty-icon.ty-left-arrow::before { 736 | background-image: var(--arrowleft); 737 | vertical-align: middle; 738 | content: " "; 739 | width: 20px; 740 | height: 20px; 741 | display: inline-block; 742 | } 743 | 744 | span.ty-icon.ty-list::before { 745 | background-image: var(--navigation); 746 | vertical-align: middle; 747 | content: " "; 748 | width: 20px; 749 | height: 20px; 750 | display: inline-block; 751 | } 752 | 753 | span.ion-ios7-search-strong::before { 754 | background-image: var(--search); 755 | vertical-align: middle; 756 | content: " "; 757 | width: 20px; 758 | height: 20px; 759 | display: inline-block; 760 | } 761 | 762 | .sidebar-tab-btn, span.ion-ios7-search-strong, .sidebar-footer-item .footer-btn { 763 | display: flex!important; 764 | align-items: center!important; 765 | justify-content: center!important; 766 | vertical-align: middle!important; 767 | } 768 | 769 | span.ty-icon.ty-add::before { 770 | background-image: var(--add); 771 | vertical-align: middle; 772 | content: " "; 773 | width: 20px; 774 | height: 20px; 775 | display: inline-block; 776 | margin-bottom: 2px; 777 | } 778 | 779 | span.ty-icon.ty-dots-v::before { 780 | background-image: var(--dots); 781 | vertical-align: middle; 782 | content: " "; 783 | width: 20px; 784 | height: 20px; 785 | display: inline-block; 786 | margin-bottom: 2px; 787 | } 788 | 789 | span.ty-icon.ty-three-cells::before { 790 | background-image: var(--cells); 791 | vertical-align: middle; 792 | content: " "; 793 | width: 20px; 794 | height: 20px; 795 | display: inline-block; 796 | margin-bottom: 2px; 797 | } 798 | 799 | mark { 800 | border-radius: 4px; 801 | color: var(--mark-text); 802 | font-weight: inherit; 803 | background-color: var(--mark-bg); 804 | margin-left: 2px; 805 | margin-right: 2px; 806 | padding: 0px 4px 2px 4px; 807 | border-bottom: var(--mark-border); 808 | } 809 | 810 | del { 811 | border-radius: 4px; 812 | color: var(--text-color); 813 | font-weight: inherit; 814 | background-color: #88888850; 815 | margin-left: 2px; 816 | margin-right: 2px; 817 | padding: 0px 4px 2px 4px; 818 | text-decoration-color: var(--text-color); 819 | opacity: .3; 820 | } 821 | 822 | .sidebar-footer-item { 823 | height: 100%; 824 | vertical-align: middle; 825 | justify-content: center; 826 | } 827 | 828 | .file-node-background { 829 | height: 32px; 830 | } 831 | 832 | .file-library-node.file-tree-node.active>.file-node-content { 833 | color: black; 834 | } 835 | 836 | .file-library-node.file-tree-node.active.file-node-on-edit>.file-node-content { 837 | color: inherit; 838 | } 839 | 840 | .file-library-node.file-tree-node.active>.file-node-content>i { 841 | filter: var(--icon-filer); 842 | } 843 | 844 | .file-library-node.file-tree-node.active>.file-node-background { 845 | background-color: var(--accent-color); 846 | border: none; 847 | } 848 | 849 | .cm-header, .cm-header-1 { 850 | color: var(--title-font)!important; 851 | } 852 | 853 | .cm-atom { 854 | color: var(--color-cm-builtin)!important; 855 | } 856 | 857 | /** Css below might be platform specified **/ 858 | 859 | #filesearch-case-option-btn>svg, #searchpanel-case-option-btn>svg { 860 | display: none; 861 | } 862 | 863 | #filesearch-case-option-btn::before, #searchpanel-case-option-btn::before { 864 | background-image: var(--case); 865 | vertical-align: middle; 866 | content: " "; 867 | width: 20px; 868 | height: 20px; 869 | display: inline-block; 870 | } 871 | 872 | #filesearch-word-option-btn>svg, #searchpanel-word-option-btn>svg { 873 | display: none; 874 | } 875 | 876 | #filesearch-word-option-btn::before, #searchpanel-word-option-btn::before { 877 | background-image: var(--match); 878 | vertical-align: middle; 879 | content: " "; 880 | width: 20px; 881 | height: 20px; 882 | display: inline-block; 883 | } 884 | 885 | .mac-seamless-mode #md-searchpanel, #md-searchpanel { 886 | box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%); 887 | border-bottom: 1px solid var(--border); 888 | max-height: 72px; 889 | } 890 | 891 | .mac-seamless-mode #md-searchpanel input, #md-searchpanel input { 892 | height: auto; 893 | } 894 | 895 | .mac-seamless-mode #md-searchpanel.searchpanel-replace-mode, #md-searchpanel.searchpanel-replace-mode { 896 | max-height: 108px; 897 | } 898 | 899 | .ion-chevron-up::before { 900 | background-image: var(--chevron-up); 901 | vertical-align: middle; 902 | content: " "; 903 | width: 20px; 904 | height: 20px; 905 | display: inline-block; 906 | } 907 | 908 | .ion-chevron-down::before { 909 | background-image: var(--chevron-next); 910 | vertical-align: middle; 911 | content: " "; 912 | width: 20px; 913 | height: 20px; 914 | display: inline-block; 915 | } 916 | 917 | .ion-close-round::before { 918 | background-image: var(--dismiss); 919 | vertical-align: middle; 920 | content: " "; 921 | width: 20px; 922 | height: 20px; 923 | display: inline-block; 924 | } 925 | 926 | table.md-table { 927 | border: none!important; 928 | box-sizing: border-box; 929 | /* border-radius: 4px; */ 930 | overflow: hidden; 931 | } 932 | 933 | table { 934 | border-collapse: separate; 935 | } 936 | 937 | tbody>tr>td:not(:first-child) { 938 | box-sizing: border-box; 939 | border: none; 940 | border-right: var(--table-border); 941 | border-bottom: var(--table-border); 942 | } 943 | 944 | tbody>tr>td:first-child { 945 | box-sizing: border-box; 946 | border: none; 947 | border-bottom: var(--table-border); 948 | border-left: var(--table-border); 949 | border-right: var(--table-border); 950 | } 951 | 952 | tr>th:not(:first-child) { 953 | box-sizing: border-box; 954 | border: none; 955 | border-top: var(--table-border); 956 | border-right: var(--table-border); 957 | border-bottom: var(--table-border); 958 | } 959 | 960 | tr>th:first-child { 961 | box-sizing: border-box; 962 | border: var(--table-border); 963 | } 964 | 965 | tr:first-child>th:first-child { 966 | border-top-left-radius: 4px; 967 | } 968 | 969 | tr:first-child>th:last-child { 970 | border-top-right-radius: 4px; 971 | } 972 | 973 | tbody>tr:last-child>td:last-child { 974 | border-bottom-right-radius: 4px; 975 | } 976 | 977 | tbody>tr:last-child>td:first-child { 978 | border-bottom-left-radius: 4px; 979 | } 980 | 981 | table tr:nth-child(2n), table thead>tr { 982 | background-color: var(--elevated-background); 983 | } 984 | 985 | table tbody tr:nth-child(2n+1) { 986 | background-color: var(--bg-color); 987 | } 988 | 989 | thead:last-child>tr:last-child>th:first-child { 990 | border-bottom-left-radius: 4px; 991 | } 992 | 993 | thead:last-child>tr:last-child>th:last-child { 994 | border-bottom-right-radius: 4px; 995 | } 996 | 997 | table { 998 | font-feature-settings: "tnum"; 999 | } 1000 | 1001 | blockquote>h1:first-child, blockquote>h2:first-child, blockquote>h3:first-child, blockquote>h4:first-child, blockquote>h5:first-child, blockquote>h6:first-child { 1002 | font: var(--title-font); 1003 | font-weight: 700; 1004 | font-size: inherit!important; 1005 | margin: -12px -16px -8px -16px; 1006 | padding: 12px 16px 8px 16px; 1007 | border-top-right-radius: 4px; 1008 | border-top-left-radius: 4px; 1009 | display: flex; 1010 | align-items: center; 1011 | letter-spacing: auto!important; 1012 | } 1013 | 1014 | blockquote>h1:first-child { 1015 | color: var(--bookmark-color); 1016 | } 1017 | 1018 | blockquote>h1:first-child::before { 1019 | background-image: var(--bookmark-filled); 1020 | vertical-align: middle; 1021 | content: " "; 1022 | width: 20px; 1023 | height: 20px; 1024 | display: inline-block; 1025 | margin-right: 4px; 1026 | } 1027 | 1028 | blockquote>h2:first-child { 1029 | color: var(--star-color); 1030 | } 1031 | 1032 | blockquote>h2:first-child::before { 1033 | background-image: var(--star-filled); 1034 | vertical-align: middle; 1035 | content: " "; 1036 | width: 20px; 1037 | height: 20px; 1038 | display: inline-block; 1039 | margin-right: 4px; 1040 | } 1041 | 1042 | blockquote>h3:first-child { 1043 | color: var(--lightbulb-color); 1044 | } 1045 | 1046 | blockquote>h3:first-child::before { 1047 | background-image: var(--light-bulb-filled); 1048 | vertical-align: middle; 1049 | content: " "; 1050 | width: 20px; 1051 | height: 20px; 1052 | display: inline-block; 1053 | margin-right: 4px; 1054 | } 1055 | 1056 | blockquote>h4:first-child { 1057 | color: var(--note-color); 1058 | } 1059 | 1060 | blockquote>h4:first-child::before { 1061 | background-image: var(--note-filled); 1062 | vertical-align: middle; 1063 | content: " "; 1064 | width: 20px; 1065 | height: 20px; 1066 | display: inline-block; 1067 | margin-right: 4px; 1068 | } 1069 | 1070 | blockquote>h5:first-child { 1071 | color: var(--alert-color); 1072 | } 1073 | 1074 | blockquote>h5:first-child::before { 1075 | background-image: var(--warn-filled); 1076 | vertical-align: middle; 1077 | content: " "; 1078 | width: 20px; 1079 | height: 20px; 1080 | display: inline-block; 1081 | margin-right: 4px; 1082 | } 1083 | 1084 | blockquote>h6:first-child { 1085 | color: var(--question-color); 1086 | } 1087 | 1088 | blockquote>h6:first-child::before { 1089 | background-image: var(--chat-help-filled); 1090 | vertical-align: middle; 1091 | content: " "; 1092 | width: 20px; 1093 | height: 20px; 1094 | display: inline-block; 1095 | margin-right: 4px; 1096 | } -------------------------------------------------------------------------------- /fluent/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/li3zhen1/Fluent-Typora/5a6a6741359a7630d5006ace2117618e46b5032d/fluent/.DS_Store -------------------------------------------------------------------------------- /fluent/escaping.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/li3zhen1/Fluent-Typora/5a6a6741359a7630d5006ace2117618e46b5032d/fluent/escaping.png -------------------------------------------------------------------------------- /fluent/fluent-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/li3zhen1/Fluent-Typora/5a6a6741359a7630d5006ace2117618e46b5032d/fluent/fluent-dark.png -------------------------------------------------------------------------------- /fluent/fluent-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/li3zhen1/Fluent-Typora/5a6a6741359a7630d5006ace2117618e46b5032d/fluent/fluent-light.png -------------------------------------------------------------------------------- /fluent/fluent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/li3zhen1/Fluent-Typora/5a6a6741359a7630d5006ace2117618e46b5032d/fluent/fluent.png --------------------------------------------------------------------------------