@diplodoc/transform 4.31.3 → 4.32.1

package/README.md

@@ -1,5 +1,6 @@
 **english** | [русский](https://github.com/yandex-cloud/yfm-transform/blob/master/README.ru.md)
-- - -
+
+---
 
 [![NPM version](https://img.shields.io/npm/v/@diplodoc/transform.svg?style=flat)](https://www.npmjs.org/package/@diplodoc/transform)
 
@@ -11,49 +12,49 @@ Use it in your code to work with text during program execution. For example, to
 
 1. Install a package:
 
-    ```shell
-    npm i @diplodoc/transform
-    ```
+   ```shell
+   npm i @diplodoc/transform
+   ```
 
 1. Add the package in your code using the `require()` or `import()` function:
 
-    ```javascript
-    const transform = require('@diplodoc/transform');
-    ```
+   ```javascript
+   const transform = require('@diplodoc/transform');
+   ```
 
 1. To ensure text is displayed properly, add CSS styles and client scripts to the project:
 
-     ```css
-     @import '~@diplodoc/transform/dist/css/yfm.css';
-     ```
+   ```css
+   @import '~@diplodoc/transform/dist/css/yfm.css';
+   ```
 
-     ```javascript
-     import '@diplodoc/transform/dist/js/yfm';
-     ```
+   ```javascript
+   import '@diplodoc/transform/dist/js/yfm';
+   ```
 
 ## Usage {#use}
 
 The package provides the `transform()` function:
 
-* Input data: [Settings](settings.md) and a string with YFM.
-* Returned value: An object with the `result` and `logs` fields.
+- Input data: [Settings](settings.md) and a string with YFM.
+- Returned value: An object with the `result` and `logs` fields.
 
 ### Result field
 
 `result`: Resulting object, contains the fields:
 
-* `html`: A line with HTML.
-* `meta`: [Metadata](../../syntax/meta.md#meta) from the transmitted content.
-* `title`: The document title. Returned if `extractTitle = true` or `needTitle = true`.
-* `headings`: A list of document headers.
+- `html`: A line with HTML.
+- `meta`: [Metadata](../../syntax/meta.md#meta) from the transmitted content.
+- `title`: The document title. Returned if `extractTitle = true` or `needTitle = true`.
+- `headings`: A list of document headers.
 
 ### Logs field
 
 `logs`: Information about the transformation process, includes arrays:
 
-* `error`: Errors.
-* `warn`: Warnings.
-* `info`: Additional information.
+- `error`: Errors.
+- `warn`: Warnings.
+- `info`: Additional information.
 
 ### Example of a function invocation
 
@@ -62,15 +63,14 @@ const fs = require('fs');
 const transform = require('@diplodoc/transform');
 
 const content = fs.readFileSync(filePath, 'utf');
-const vars = { user: { name: 'Alice' } };
+const vars = {user: {name: 'Alice'}};
 
 const {
-    result: {html, meta, title, headings},
-    logs,
-    } = transform(content, {vars});
+  result: {html, meta, title, headings},
+  logs,
+} = transform(content, {vars});
 ```
 
 ## License
 
 MIT
-

package/README.ru.md

@@ -1,5 +1,6 @@
 **русский** | [english](https://github.com/yandex-cloud/yfm-transform/blob/master/README.md)
-- - -
+
+---
 
 [![NPM version](https://img.shields.io/npm/v/@diplodoc/transform.svg?style=flat)](https://www.npmjs.org/package/@diplodoc/transform)
 
@@ -11,46 +12,49 @@
 
 1. Установите пакет:
 
-    ```shell
-    npm i @diplodoc/transform
-    ```
+   ```shell
+   npm i @diplodoc/transform
+   ```
 
 1. Подключите пакет в своем коде, используя функцию `require()` или `import()`:
 
-    ```javascript
-    const transform = require('@diplodoc/transform');
-    ```
+   ```javascript
+   const transform = require('@diplodoc/transform');
+   ```
 
 1. Для корректного отображения подключите в проект CSS-стили и клиентские скрипты:
 
-     ```css
-     @import '~@diplodoc/transform/dist/css/yfm.css';
-     ```
+   ```css
+   @import '~@diplodoc/transform/dist/css/yfm.css';
+   ```
 
-     ```javascript
-     import '@diplodoc/transform/dist/js/yfm';
-     ```
+   ```javascript
+   import '@diplodoc/transform/dist/js/yfm';
+   ```
 
 ## Использование {#use}
 
 Пакет предоставляет функцию `transform()`:
-* входные данные — строка с YFM и [настройки](settings.md);
-* возвращаемое значение — объект с полями `result` и `logs`.
+
+- входные данные — строка с YFM и [настройки](settings.md);
+- возвращаемое значение — объект с полями `result` и `logs`.
 
 ### Поле result
 
 `result` — объект результата, содержит поля:
-* `html` — строка с HTML.
-* `meta` — [метаданные](../../syntax/meta.md#meta) из переданного контента.
-* `title` — заголовок документа. Возвращается, если заданы настройки `extractTitle = true` или `needTitle = true`.
-* `headings` — список заголовков документа.
+
+- `html` — строка с HTML.
+- `meta` — [метаданные](../../syntax/meta.md#meta) из переданного контента.
+- `title` — заголовок документа. Возвращается, если заданы настройки `extractTitle = true` или `needTitle = true`.
+- `headings` — список заголовков документа.
 
 ### Поле logs
 
 `logs` — информация о процессе трансформации, включает массивы:
-* `error` — ошибки.
-* `warn` — предупреждения.
-* `info` — дополнительная информация.
+
+- `error` — ошибки.
+- `warn` — предупреждения.
+- `info` — дополнительная информация.
 
 ### Пример вызова функции
 
@@ -59,15 +63,14 @@ const fs = require('fs');
 const transform = require('@diplodoc/transform');
 
 const content = fs.readFileSync(filePath, 'utf');
-const vars = { user: { name: 'Alice' } };
+const vars = {user: {name: 'Alice'}};
 
 const {
-    result: {html, meta, title, headings},
-    logs,
-    } = transform(content, {vars});
+  result: {html, meta, title, headings},
+  logs,
+} = transform(content, {vars});
 ```
 
-
 ## License
 
 MIT

package/dist/css/print.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/scss/home/runner/work/transform/transform/src/scss/print/code.scss", "../../src/scss/%3Cinput%20css%205puEFZ%3E", "../../src/scss/home/runner/work/transform/transform/src/scss/print/common.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/cut.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/note.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/table.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/tabs.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/term.scss"],
+  "sources": ["../../src/scss/home/runner/work/transform/transform/src/scss/print/code.scss", "../../src/scss/%3Cinput%20css%20UeGPjq%3E", "../../src/scss/home/runner/work/transform/transform/src/scss/print/common.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/cut.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/note.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/table.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/tabs.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/term.scss"],
   "sourcesContent": ["@media print {\n    .yfm {\n        .yfm-clipboard {\n            & > pre > code {\n                white-space: pre-wrap;\n            }\n        }\n    }\n}", "@media print {\n  .yfm .yfm-clipboard > pre > code {\n    white-space: pre-wrap;\n  }\n}\n@media print {\n  .yfm .yfm-page__delimeter {\n    display: none;\n  }\n  .yfm h1[data-original-article], .yfm h2[data-original-article] {\n    page-break-before: always;\n  }\n}\n@media print {\n  .yfm .yfm-cut-title {\n    padding-left: 0;\n  }\n  .yfm .yfm-cut-title:before {\n    display: none;\n  }\n  .yfm .yfm-cut-content {\n    height: auto;\n    display: block;\n    padding: 5px 0 15px 30px;\n  }\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol {\n  counter-reset: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li {\n  counter-increment: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li::before {\n  content: counters(cut-list, \".\") \". \";\n}\n\n@media print {\n  .yfm .yfm-note {\n    page-break-inside: avoid;\n  }\n}\n.yfm .yfm-table-container {\n  position: relative;\n}\n.yfm .yfm-table-container > table {\n  overflow: initial;\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: initial;\n  transform-origin: top left;\n}\n.yfm .yfm-table-container > table thead {\n  display: table-row-group;\n}\n.yfm .yfm-table-container > table th, .yfm .yfm-table-container > table td {\n  page-break-inside: avoid;\n  white-space: pre-wrap;\n  text-overflow: initial;\n}\n\n@media print {\n  .yfm .yfm-tab-list {\n    display: none;\n  }\n  .yfm .yfm-tab-panel {\n    visibility: visible;\n    height: auto;\n    display: block;\n  }\n  .yfm .yfm-tab-panel:before {\n    content: attr(data-title);\n    margin-bottom: -1px;\n    margin-right: 20px;\n    border-bottom: 2px solid transparent;\n    line-height: 33px;\n    font-weight: 700;\n    outline: 0;\n    cursor: pointer;\n  }\n}\n@media print {\n  .yfm .yfm-term_title {\n    color: currentColor;\n    border-bottom: none;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvdHJhbnNmb3JtL3RyYW5zZm9ybS9zcmMvc2NzcyIsInNvdXJjZXMiOlsicHJpbnQvY29kZS5zY3NzIiwicHJpbnQvY29tbW9uLnNjc3MiLCJwcmludC9jdXQuc2NzcyIsInByaW50L25vdGUuc2NzcyIsInByaW50L3RhYmxlLnNjc3MiLCJwcmludC90YWJzLnNjc3MiLCJwcmludC90ZXJtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFHWTtJQUNJOzs7QUNKaEI7RUFFUTtJQUNJOztFQUlBO0lBQ0k7OztBQ1JoQjtFQUdZO0lBQ0k7O0VBRUE7SUFDSTs7RUFJUjtJQUNJO0lBQ0E7SUFDQTs7O0FBT1o7RUFDSTs7QUFFQTtFQUNJOztBQUVBO0VBQ0k7OztBQzVCaEI7RUFFUTtJQUNJOzs7QUNGUjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7OztBQ25CaEI7RUFHWTtJQUNJOztFQUdKO0lBQ0k7SUFDQTtJQUNBOztFQUdKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTs7O0FDckJoQjtFQUdZO0lBQ0k7SUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tY2xpcGJvYXJkIHtcbiAgICAgICAgICAgICYgPiBwcmUgPiBjb2RlIHtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59IiwiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS1wYWdlX19kZWxpbWV0ZXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGgxLCBoMiB7XG4gICAgICAgICAgICAmW2RhdGEtb3JpZ2luYWwtYXJ0aWNsZV0ge1xuICAgICAgICAgICAgICAgIHBhZ2UtYnJlYWstYmVmb3JlOiBhbHdheXM7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59IiwiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS1jdXQge1xuICAgICAgICAgICAgJi10aXRsZSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuXG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi1jb250ZW50IHtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogNXB4IDAgMTVweCAzMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuXG4ueWZtLWN1dC1jb250ZW50IHtcbiAgICAueWZtOm5vdCgueWZtX25vLWxpc3QtcmVzZXQpICYgb2wge1xuICAgICAgICBjb3VudGVyLXJlc2V0OiBjdXQtbGlzdDtcblxuICAgICAgICAmID4gbGkge1xuICAgICAgICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGN1dC1saXN0O1xuXG4gICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6IGNvdW50ZXJzKGN1dC1saXN0LCAnLicpICcuICc7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLW5vdGUge1xuICAgICAgICAgICAgcGFnZS1icmVhay1pbnNpZGU6IGF2b2lkO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiLnlmbSB7XG4gICAgLnlmbS10YWJsZS1jb250YWluZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgJiA+IHRhYmxlIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBpbml0aWFsO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIG1heC13aWR0aDogaW5pdGlhbDtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuXG4gICAgICAgICAgICB0aGVhZCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogdGFibGUtcm93LWdyb3VwO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aCwgdGQge1xuICAgICAgICAgICAgICAgIHBhZ2UtYnJlYWstaW5zaWRlOiBhdm9pZDtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogaW5pdGlhbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLXRhYiB7XG4gICAgICAgICAgICAmLWxpc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtcGFuZWwge1xuICAgICAgICAgICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLXBhbmVsOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogYXR0cihkYXRhLXRpdGxlKTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtMXB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMzcHg7XG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tdGVybSB7XG4gICAgICAgICAgICAmX3RpdGxlIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogY3VycmVudENvbG9yO1xuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59Il19 */", "@media print {\n    .yfm {\n        .yfm-page__delimeter {\n            display: none;\n        }\n\n        h1, h2 {\n            &[data-original-article] {\n                page-break-before: always;\n            }\n        }\n    }\n}", "@media print {\n    .yfm {\n        .yfm-cut {\n            &-title {\n                padding-left: 0;\n\n                &:before {\n                    display: none;\n                }\n            }\n\n            &-content {\n                height: auto;\n                display: block;\n                padding: 5px 0 15px 30px;\n            }\n        }\n    }\n}\n\n.yfm-cut-content {\n    .yfm:not(.yfm_no-list-reset) & ol {\n        counter-reset: cut-list;\n\n        & > li {\n            counter-increment: cut-list;\n\n            &::before {\n                content: counters(cut-list, '.') '. ';\n            }\n        }\n    }\n}\n", "@media print {\n    .yfm {\n        .yfm-note {\n            page-break-inside: avoid;\n        }\n    }\n}\n", ".yfm {\n    .yfm-table-container {\n        position: relative;\n\n        & > table {\n            overflow: initial;\n            position: absolute;\n            top: 0;\n            left: 0;\n            max-width: initial;\n            transform-origin: top left;\n\n            thead {\n                display: table-row-group;\n            }\n\n            th, td {\n                page-break-inside: avoid;\n                white-space: pre-wrap;\n                text-overflow: initial;\n            }\n        }\n    }\n}", "@media print {\n    .yfm {\n        .yfm-tab {\n            &-list {\n                display: none;\n            }\n\n            &-panel {\n                visibility: visible;\n                height: auto;\n                display: block;\n            }\n\n            &-panel:before {\n                content: attr(data-title);\n                margin-bottom: -1px;\n                margin-right: 20px;\n                border-bottom: 2px solid transparent;\n                line-height: 33px;\n                font-weight: 700;\n                outline: 0;\n                cursor: pointer;\n            }\n        }\n    }\n}\n", "@media print {\n    .yfm {\n        .yfm-term {\n            &_title {\n                color: currentColor;\n                border-bottom: none;\n            }\n        }\n    }\n}"],
   "mappings": ";AAAA,OAAA;AAGY,GAAA,IAAA,CAAA,cAAA,EAAA,IAAA,EAAA;AACI,iBAAA;ACDd;AACF;ACJA,OAAA;AAEQ,GFCI,IEDJ,CAAA;AACI,aAAA;ADKV;ACDU,GFJA,IEIA,EAAA,CAAA;EAAA,CFJA,IEIA,EAAA,CAAA;AACI,uBAAA;ADGd;AACF;AEZA,OAAA;AAGY,GHAA,IGAA,CAAA;AACI,kBAAA;AFYd;AEVc,GHHJ,IGGI,CAHJ,aAGI;AACI,aAAA;AFYlB;AERU,GHRA,IGQA,CAAA;AACI,YAAA;AACA,aAAA;AACA,aAAA,IAAA,EAAA,KAAA;AFUd;AACF;AEJI,CHlBQ,GGkBR,KAAA,CAAA,mBAAA,CAVQ,gBAUR;AACI,iBAAA;AFMR;AEJQ,CHrBI,GGqBJ,KAAA,CAHJ,mBAGI,CAbI,gBAaJ,GAAA,EAAA;AACI,qBAAA;AFMZ;AEJY,CHxBA,GGwBA,KAAA,CANR,mBAMQ,CAhBA,gBAgBA,GAAA,EAAA,EAAA;AACI,WAAA,SAAA,QAAA,EAAA,KAAA;AFMhB;AGlCA,OAAA;AAEQ,GJCI,IIDJ,CAAA;AACI,uBAAA;AHoCV;AACF;AIvCI,CLEQ,IKFR,CAAA;AACI,YAAA;AJyCR;AIvCQ,CLDI,IKCJ,CAHJ,oBAGI,EAAA;AACI,YAAA;AAAA,YAAA;AACA,YAAA;AACA,OAAA;AACA,QAAA;AACA,aAAA;AAAA,aAAA;AACA,oBAAA,IAAA;AJyCZ;AIvCY,CLTA,IKSA,CAXR,oBAWQ,EAAA,MAAA;AACI,WAAA;AJyChB;AItCY,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AAAA,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AACI,qBAAA;AACA,eAAA;AACA,iBAAA;AJwChB;AK3DA,OAAA;AAGY,GNAA,IMAA,CAAA;AACI,aAAA;AL4Dd;AKzDU,GNJA,IMIA,CAAA;AACI,gBAAA;AACA,YAAA;AACA,aAAA;AL2Dd;AKxDU,GNVA,IMUA,CANA,aAMA;AACI,aAAA,KAAA;AACA,mBAAA;AACA,kBAAA;AACA,mBAAA,IAAA,MAAA;AACA,iBAAA;AACA,iBAAA;AACA,aAAA;AACA,YAAA;AL0Dd;AACF;AMhFA,OAAA;AAGY,GPAA,IOAA,CAAA;AACI,WAAA;AACA,mBAAA;ANgFd;AACF;",
   "names": []

package/dist/css/yfm.css

@@ -2,10 +2,84 @@
 
 /* src/scss/yfm.scss */
 .yfm {
+  --yfm-color-text-private: rgba(0, 0, 0, 0.7);
+  --yfm-color-link-private: #027bf3;
+  --yfm-color-link-hover-private: #004080;
+  --yfm-color-base-private: #ffffff;
+  --yfm-color-table-private: #333;
+  --yfm-color-border-private: rgba(0, 0, 0, 0.07);
+  --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
+  --yfm-color-accent-private: #027bf3;
+  --yfm-color-inline-code-private: rgba(59, 96, 128, 1);
+  --yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
+  --yfm-color-code-background-private: rgba(107, 132, 153, 0.12);
+  --yfm-color-hljs-background-private: rgba(107, 132, 153, 0.12);
+  --yfm-color-hljs-subst-private: #444;
+  --yfm-color-hljs-comment-private: #888888;
+  --yfm-color-hljs-deletion-private: #880000;
+  --yfm-color-hljs-section-private: #880000;
+  --yfm-color-hljs-pseudo-private: #bc6060;
+  --yfm-color-hljs-literal-private: #78a960;
+  --yfm-color-hljs-addition-private: #397300;
+  --yfm-color-hljs-meta-private: #1f7199;
+  --yfm-color-hljs-meta-string-private: #4d99bf;
+  --yfm-color-note-tip-private: #56bd67;
+  --yfm-color-note-tip-background-private: rgba(63, 201, 46, 0.1);
+  --yfm-color-note-warning-private: #f19518;
+  --yfm-color-note-warning-background-private: rgba(255, 136, 0, 0.15);
+  --yfm-color-note-important-private: #ff4645;
+  --yfm-color-note-important-background-private: rgba(235, 50, 38, 0.08);
+  --yfm-color-note-info-background-private: rgba(2, 123, 243, 0.08);
+  --yfm-color-term-title-private: #027bf3;
+  --yfm-color-term-title-hover-private: #004080;
+  --yfm-color-term-dfn-background-private: rgb(255, 255, 255);
+  --yfm-color-term-dfn-shadow-private: rgba(0, 0, 0, 0.15);
+  --yfm-color-term-dfn-presudo-shadow-private: rgb(229, 229, 229);
+  --yfm-color-modal-content-private: rgb(255, 255, 255);
+  --yfm-color-modal-actions-hover-private: rgba(0, 0, 0, 0.05);
+  --yfm-color-modal-wide-content-private: rgba(0, 0, 0, 0.85);
+  --yfm-color-modal-wide-content-overlay-private: rgb(0, 0, 0);
+  --yfm-color-base: var(--yfm-color-base-private);
+  --yfm-color-text: var(--yfm-color-text-private);
+  --yfm-color-link: var(--yfm-color-link-private);
+  --yfm-color-link-hover: var(--yfm-color-link-hover-private);
+  --yfm-color-table: var(--yfm-color-table-private);
+  --yfm-color-table-row-background: var(--yfm-color-table-row-background-private);
+  --yfm-color-border: var(--yfm-color-border-private);
+  --yfm-color-accent: var(--yfm-color-accent-private);
+  --yfm-color-inline-code: var(--yfm-color-inline-code-private);
+  --yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
+  --yfm-color-code-background: var(--yfm-color-code-background-private);
+  --yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
+  --yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);
+  --yfm-color-hljs-comment: var(--yfm-color-hljs-comment-private);
+  --yfm-color-hljs-deletion: var(--yfm-color-hljs-deletion-private);
+  --yfm-color-hljs-section: var(--yfm-color-hljs-section-private);
+  --yfm-color-hljs-pseudo: var(--yfm-color-hljs-pseudo-private);
+  --yfm-color-hljs-literal: var(--yfm-color-hljs-literal-private);
+  --yfm-color-hljs-addition: var(--yfm-color-hljs-addition-private);
+  --yfm-color-hljs-meta: var(--yfm-color-hljs-meta-private);
+  --yfm-color-hljs-meta-string: var(--yfm-color-hljs-meta-string-private);
+  --yfm-color-note-tip: var(--yfm-color-note-tip-private);
+  --yfm-color-note-tip-background: var(--yfm-color-note-tip-background-private);
+  --yfm-color-note-warning: var(--yfm-color-note-warning-private);
+  --yfm-color-note-warning-background: var(--yfm-color-note-warning-background-private);
+  --yfm-color-note-important: var(--yfm-color-note-important-private);
+  --yfm-color-note-important-background: var(--yfm-color-note-important-background-private);
+  --yfm-color-note-info-background: var(--yfm-color-note-info-background-private);
+  --yfm-color-term-title: var(--yfm-color-term-title-private);
+  --yfm-color-term-title-hover: var(--yfm-color-term-title-hover-private);
+  --yfm-color-term-dfn-background: var(--yfm-color-term-dfn-background-private);
+  --yfm-color-term-dfn-shadow: var(--yfm-color-term-dfn-shadow-private);
+  --yfm-color-term-dfn-pseudo-shadow: var(--yfm-color-term-dfn-presudo-shadow-private);
+  --yfm-color-modal-content: var(--yfm-color-modal-content-private);
+  --yfm-color-modal-actions-hover: var(--yfm-color-modal-actions-hover-private);
+  --yfm-color-modal-wide-content: var(--yfm-color-modal-wide-content-private);
+  --yfm-color-modal-wide-content-overlay: var(--yfm-color-modal-wide-content-overlay-private);
   font-family:
     "Segoe UI",
-    Arial,
-    Helvetica,
+    arial,
+    helvetica,
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -15,16 +89,7 @@
   line-height: 20px;
   word-wrap: break-word;
   color: rgba(0, 0, 0, 0.7);
-  --yfm-color-hljs-background: rgba(107, 132, 153, 0.12);
-  --yfm-color-hljs-subst: #444;
-  --yfm-color-hljs-comment: #888888;
-  --yfm-color-hljs-deletion: #880000;
-  --yfm-color-hljs-section: #880000;
-  --yfm-color-hljs-pseudo: #BC6060;
-  --yfm-color-hljs-literal: #78A960;
-  --yfm-color-hljs-addition: #397300;
-  --yfm-color-hljs-meta: #1f7199;
-  --yfm-color-hljs-meta-string: #4d99bf;
+  color: var(--yfm-color-text);
   --yfm-font-family-monospace:
     "Menlo",
     "Monaco",
@@ -37,8 +102,8 @@
     monospace;
   --yfm-font-family-sans:
     "Segoe UI",
-    Arial,
-    Helvetica,
+    arial,
+    helvetica,
     sans-serif,
     "Apple Color Emoji",
     "Segoe UI Emoji",
@@ -88,13 +153,13 @@
 }
 .yfm a {
   background-color: transparent;
-  color: #027bf3;
+  color: var(--yfm-color-link);
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 .yfm a:hover,
 .yfm a:active {
-  color: #004080;
+  color: var(--yfm-color-link-hover);
 }
 .yfm a:not([href]) {
   color: inherit;
@@ -120,7 +185,7 @@
 .yfm img {
   -o-object-fit: contain;
   object-fit: contain;
-  background-color: #ffffff;
+  background-color: var(--yfm-color-base);
 }
 .yfm svg {
   height: auto;
@@ -139,7 +204,7 @@
 .yfm dl,
 .yfm table,
 .yfm pre {
-  margin: 0 0 15px 0;
+  margin: 0 0 15px;
 }
 .yfm ul pre,
 .yfm ol pre,
@@ -167,7 +232,7 @@
   padding: 0;
 }
 .yfm table {
-  color: #333;
+  color: var(--yfm-color-table);
   display: inline-block;
   max-width: 100%;
   width: auto;
@@ -175,15 +240,15 @@
   position: relative;
   z-index: 1;
   box-sizing: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.07);
+  border: 1px solid var(--yfm-color-border);
   border-radius: 8px;
   border-collapse: collapse;
   border-spacing: 0;
-  background: #ffffff;
+  background: var(--yfm-color-base);
 }
 .yfm table thead,
 .yfm table tr:nth-child(2n) {
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: var(--yfm-color-table-row-background);
 }
 .yfm table tr:first-child td,
 .yfm table tr:first-child th {
@@ -198,7 +263,7 @@
   padding: 10px 20px;
   overflow: hidden;
   text-overflow: ellipsis;
-  border: 1px solid rgba(0, 0, 0, 0.07);
+  border: 1px solid var(--yfm-color-border);
 }
 .yfm table th > *:first-child,
 .yfm table td > *:first-child {
@@ -230,7 +295,7 @@
   padding: 0;
   margin: 1.5em 0;
   overflow: hidden;
-  background-color: rgba(0, 0, 0, 0.07);
+  background-color: var(--yfm-color-border);
   border: none;
 }
 .yfm hr::before {
@@ -245,7 +310,7 @@
 .yfm blockquote {
   position: relative;
   padding-left: 12px;
-  border-left: 3px solid #027bf3;
+  border-left: 3px solid var(--yfm-color-accent);
 }
 .yfm blockquote > *:first-child {
   margin-top: 0;
@@ -317,11 +382,11 @@
 }
 .yfm code {
   padding: 0.1em 0.4em 0.15em;
-  background-color: rgba(107, 132, 153, 0.12);
+  background-color: var(--yfm-color-inline-code-background);
   border-radius: 4px;
   font-size: 0.875em;
-  white-space: normal;
-  color: rgb(59, 96, 128);
+  white-space: pre-wrap;
+  color: var(--yfm-color-inline-code);
 }
 .yfm pre {
   word-wrap: normal;
@@ -337,14 +402,14 @@
   word-wrap: normal;
   background-color: transparent;
   border: 0;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--yfm-color-text);
 }
 .yfm pre > code {
   display: block;
   padding: 16px;
   overflow: auto;
-  background-color: rgba(107, 132, 153, 0.12);
-  color: rgba(0, 0, 0, 0.7);
+  background-color: var(--yfm-color-code-background);
+  color: var(--yfm-color-text);
   white-space: pre;
 }
 .yfm sup,
@@ -376,7 +441,7 @@
   font-weight: 700;
 }
 .yfm .yfm-note > p {
-  margin: 0 0 10px 0;
+  margin: 0 0 10px;
 }
 .yfm .yfm-note > p:first-child::before {
   box-sizing: content-box;
@@ -397,23 +462,23 @@
 .yfm .yfm-note.yfm-accent-tip > p:first-child::before {
   content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
 }
-.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
 .yfm .yfm-note.yfm-accent-warning > p:first-child::before {
   content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
 }
+.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
 .yfm .yfm-note.yfm-accent-info {
-  background: rgba(2, 123, 243, 0.08);
+  background: var(--yfm-color-note-info-background);
 }
 .yfm .yfm-note.yfm-accent-tip {
-  background: rgba(63, 201, 46, 0.1);
+  background: var(--yfm-color-note-tip-background);
 }
 .yfm .yfm-note.yfm-accent-alert {
-  background: rgba(235, 50, 38, 0.08);
+  background: var(--yfm-color-note-important-background);
 }
 .yfm .yfm-note.yfm-accent-warning {
-  background: rgba(255, 136, 0, 0.15);
+  background: var(--yfm-color-note-warning-background);
 }
 .yfm h1 .yfm-anchor,
 .yfm h2 .yfm-anchor,
@@ -472,16 +537,13 @@
   display: block;
   overflow-x: auto;
   padding: 16px;
-  background: rgba(107, 132, 153, 0.12);
   background: var(--yfm-color-hljs-background);
 }
 .yfm .hljs,
 .yfm .hljs-subst {
-  color: #444;
   color: var(--yfm-color-hljs-subst);
 }
 .yfm .hljs-comment {
-  color: #888888;
   color: var(--yfm-color-hljs-comment);
 }
 .yfm .hljs-keyword,
@@ -500,12 +562,10 @@
 .yfm .hljs-quote,
 .yfm .hljs-template-tag,
 .yfm .hljs-deletion {
-  color: #880000;
   color: var(--yfm-color-hljs-deletion);
 }
 .yfm .hljs-title,
 .yfm .hljs-section {
-  color: #880000;
   color: var(--yfm-color-hljs-section);
   font-weight: bold;
 }
@@ -516,26 +576,21 @@
 .yfm .hljs-link,
 .yfm .hljs-selector-attr,
 .yfm .hljs-selector-pseudo {
-  color: #BC6060;
   color: var(--yfm-color-hljs-pseudo);
 }
 .yfm .hljs-literal {
-  color: #78A960;
   color: var(--yfm-color-hljs-literal);
 }
 .yfm .hljs-built_in,
 .yfm .hljs-bullet,
 .yfm .hljs-code,
 .yfm .hljs-addition {
-  color: #397300;
   color: var(--yfm-color-hljs-addition);
 }
 .yfm .hljs-meta {
-  color: #1f7199;
   color: var(--yfm-color-hljs-meta);
 }
 .yfm .hljs-meta-string {
-  color: #4d99bf;
   color: var(--yfm-color-hljs-meta-string);
 }
 .yfm .hljs-emphasis {
@@ -581,8 +636,8 @@
   user-select: none;
   width: 16px;
   margin: 0 2px;
-  color: rgba(0, 0, 0, 0.7);
-  color: var(--yfm-file-icon-color, rgba(0, 0, 0, 0.7));
+  color: --yfm-color-text;
+  color: var(--yfm-file-icon-color, --yfm-color-text);
   background-color: currentColor;
   background-repeat: no-repeat;
   background-position: 50%;
@@ -600,7 +655,7 @@
   content: "\a0";
 }
 .yfm-term_title {
-  color: #027bf3;
+  color: var(--yfm-color-term-title);
   cursor: pointer;
   border-bottom: 1px dotted;
   font-size: inherit;
@@ -608,7 +663,7 @@
   font-style: normal;
 }
 .yfm-term_title:hover {
-  color: #004080;
+  color: var(--yfm-color-term-title-hover);
 }
 .yfm-term_dfn {
   position: absolute;
@@ -619,12 +674,12 @@
   visibility: hidden;
   opacity: 0;
   padding: 10px;
-  background-color: rgb(255, 255, 255);
+  background-color: var(--yfm-color-term-dfn-background);
   font-size: inherit;
   line-height: inherit;
   font-style: normal;
   border-radius: 4px;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
   outline: none;
 }
 @media screen and (max-width: 600px) {
@@ -641,7 +696,7 @@
   bottom: 0;
   left: 0;
   border-radius: inherit;
-  box-shadow: 0 0 0 1px rgb(229, 229, 229);
+  box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
 }
 .yfm-term_dfn.open {
   visibility: visible;
@@ -703,7 +758,7 @@
 }
 .wide-container .wide-content-wrapper {
   z-index: 200;
-  background-color: var(--g-color-base-background);
+  background-color: var(--yfm-color-modal-content);
   height: 90vh;
   width: 70vw;
   border-radius: 10px;
@@ -747,7 +802,7 @@
   transition: background 300ms;
 }
 .wide-container .wide-content-wrapper .wide-actions .close-action:hover {
-  background: var(--g-color-base-simple-hover);
+  background: var(--yfm-color-modal-actions-hover);
 }
 .wide-element-wrapper {
   display: flex;
@@ -767,7 +822,7 @@
   z-index: 100;
   padding: 6px;
   box-sizing: content-box;
-  color: var(--g-color-text-primary);
+  color: var(--yfm-color-modal-wide-content);
   cursor: pointer;
 }
 .wide-content-viewer > svg {
@@ -781,7 +836,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  background-color: black;
+  background-color: var(--yfm-color-modal-wide-content-overlay);
   opacity: 0.6;
 }
 .yfm-cut {