npm - @diplodoc/components - Versions diffs - 4.39.2 → 5.1.0 - Mend

@diplodoc/components 4.39.2 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/build/index.css CHANGED Viewed

@@ -14,8 +14,8 @@
     "Menlo",
     "Monaco",
     "Consolas",
-    "Ubuntu Mono",
     "Liberation Mono",
+    "Ubuntu Mono",
     "DejaVu Sans Mono",
     "Courier New",
     "Courier",
@@ -75,6 +75,27 @@
   --g-text-code-inline-2-line-height: 16px;
   --g-text-code-inline-3-font-size: 16px;
   --g-text-code-inline-3-line-height: 20px;
+  --g-text-body-1-font: var(--g-text-body-font-weight) var(--g-text-body-1-font-size) / var(--g-text-body-1-line-height) var(--g-text-body-font-family);
+  --g-text-body-2-font: var(--g-text-body-font-weight) var(--g-text-body-2-font-size) / var(--g-text-body-2-line-height) var(--g-text-body-font-family);
+  --g-text-body-3-font: var(--g-text-body-font-weight) var(--g-text-body-3-font-size) / var(--g-text-body-3-line-height) var(--g-text-body-font-family);
+  --g-text-body-short-font: var(--g-text-body-font-weight) var(--g-text-body-short-font-size) / var(--g-text-body-short-line-height) var(--g-text-body-font-family);
+  --g-text-caption-1-font: var(--g-text-caption-font-weight) var(--g-text-caption-1-font-size) / var(--g-text-caption-1-line-height) var(--g-text-caption-font-family);
+  --g-text-caption-2-font: var(--g-text-caption-font-weight) var(--g-text-caption-2-font-size) / var(--g-text-caption-2-line-height) var(--g-text-caption-font-family);
+  --g-text-header-1-font: var(--g-text-header-font-weight) var(--g-text-header-1-font-size) / var(--g-text-header-1-line-height) var(--g-text-header-font-family);
+  --g-text-header-2-font: var(--g-text-header-font-weight) var(--g-text-header-2-font-size) / var(--g-text-header-2-line-height) var(--g-text-header-font-family);
+  --g-text-subheader-1-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-1-font-size) / var(--g-text-subheader-1-line-height) var(--g-text-subheader-font-family);
+  --g-text-subheader-2-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-2-font-size) / var(--g-text-subheader-2-line-height) var(--g-text-subheader-font-family);
+  --g-text-subheader-3-font: var(--g-text-subheader-font-weight) var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-line-height) var(--g-text-subheader-font-family);
+  --g-text-display-1-font: var(--g-text-display-font-weight) var(--g-text-display-1-font-size) / var(--g-text-display-1-line-height) var(--g-text-display-font-family);
+  --g-text-display-2-font: var(--g-text-display-font-weight) var(--g-text-display-2-font-size) / var(--g-text-display-2-line-height) var(--g-text-display-font-family);
+  --g-text-display-3-font: var(--g-text-display-font-weight) var(--g-text-display-3-font-size) / var(--g-text-display-3-line-height) var(--g-text-display-font-family);
+  --g-text-display-4-font: var(--g-text-display-font-weight) var(--g-text-display-4-font-size) / var(--g-text-display-4-line-height) var(--g-text-display-font-family);
+  --g-text-code-1-font: var(--g-text-code-font-weight) var(--g-text-code-1-font-size) / var(--g-text-code-1-line-height) var(--g-text-code-font-family);
+  --g-text-code-2-font: var(--g-text-code-font-weight) var(--g-text-code-2-font-size) / var(--g-text-code-2-line-height) var(--g-text-code-font-family);
+  --g-text-code-3-font: var(--g-text-code-font-weight) var(--g-text-code-3-font-size) / var(--g-text-code-3-line-height) var(--g-text-code-font-family);
+  --g-text-code-inline-1-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-1-font-size) / var(--g-text-code-inline-1-line-height) var(--g-text-code-inline-font-family);
+  --g-text-code-inline-2-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-2-font-size) / var(--g-text-code-inline-2-line-height) var(--g-text-code-inline-font-family);
+  --g-text-code-inline-3-font: var(--g-text-code-inline-font-weight) var(--g-text-code-inline-3-font-size) / var(--g-text-code-inline-3-line-height) var(--g-text-code-inline-font-family);
   font-family:
     "Inter",
     "Helvetica Neue",
@@ -1741,32 +1762,6 @@ body.g-root {
   --g-color-infographics-axis: var(--g-color-private-white-150-solid);
   --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
 }
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) {
-  scrollbar-width: var(--g-scrollbar-width);
-  scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
-}
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar,
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar {
-  width: var(--g-scrollbar-width);
-  height: var(--g-scrollbar-width);
-  background: var(--g-color-scroll-track);
-}
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-track,
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-track {
-  background: var(--g-color-scroll-track);
-}
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-corner,
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-corner {
-  background: var(--g-color-scroll-corner);
-}
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb,
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb {
-  background: var(--g-color-scroll-handle);
-}
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb:hover,
-.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb:hover {
-  background: var(--g-color-scroll-handle-hover);
-}
 @keyframes g-loading-animation {
   from {
     background-position: -12px 0;
@@ -1785,8 +1780,289 @@ body.g-root {
   --csstools-color-scheme--dark: initial;
   color-scheme: dark;
 }
+.yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.g-root_theme_light .dc-doc-page .yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.g-root_theme_light-hc .dc-doc-page .yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.g-root_theme_dark .dc-doc-page .yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
+.g-root_theme_dark .dc-doc-page .yfm table[sticky-header] th::before {
+  background: var(--yfm-color-base);
+}
+.g-root_theme_dark .dc-doc-page .yfm .yfm-cut-title:before {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==);
+}
+.g-root_theme_dark .dc-doc-page .yfm .yfm-tabs-accordion .yfm-tab:after {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==);
+}
+.g-root_theme_dark-hc .dc-doc-page .yfm {
+  --yfm-color-base: var(--g-color-base-background);
+  --yfm-color-text: var(--g-color-text-primary);
+  --yfm-color-link: var(--g-color-text-link);
+  --yfm-color-link-hover: var(--g-color-text-link-hover);
+  --yfm-color-border: var(--g-color-line-generic);
+  --yfm-color-accent: var(--g-color-line-brand);
+  --yfm-color-inline-code: var(--g-color-text-misc);
+  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
+  --yfm-color-code-background: var(--g-color-base-misc-light);
+  --yfm-color-note-tip: var(--g-color-text-positive);
+  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
+  --yfm-color-note-warning: var(--g-color-text-warning);
+  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
+  --yfm-color-note-important: var(--g-color-text-danger);
+  --yfm-color-note-important-background: var(--g-color-base-danger-light);
+  --yfm-color-note-info: var(--g-color-text-info);
+  --yfm-color-note-info-background: var(--g-color-base-info-light);
+  --yfm-color-term-title: var(--g-color-text-brand);
+  --yfm-color-term-title-hover: var(--g-color-text-brand-heavy);
+  --yfm-color-term-dfn-background: var(--g-color-base-float);
+  --yfm-color-term-dfn-shadow: var(--g-color-sfx-shadow);
+  --yfm-color-term-dfn-pseudo-shadow: var(--g-color-line-generic);
+  --yfm-color-modal-content: var(--g-color-base-modal);
+  --yfm-color-modal-actions-hover: var(--g-color-base-simple-hover);
+  --yfm-color-modal-wide-content: var(--g-color-text-primary);
+  --yfm-color-modal-wide-content-overlay: var(--g-color-sfx-veil);
+  --yfm-color-table: var(--g-color-text-primary);
+  --yfm-color-table-row-background: var(--g-color-base-generic);
+  --yfm-color-table-border: var(--g-color-line-generic);
+  --yfm-color-table-background: var(--g-color-base-background);
+  --yfm-color-table-head-background: var(--g-color-base-generic);
+  --yfm-color-table-stripe-row-background: var(--g-color-base-generic);
+}
 .dc-doc-page .yfm {
-  color: var(--g-color-text-primary);
+  color: var(--yfm-color-text);
   --yfm-color-hljs-background: var(--g-color-base-background);
   --yfm-color-hljs-subst: var(--g-color-text-complementary);
   --yfm-color-hljs-comment: var(--g-color-text-secondary);
@@ -1802,22 +2078,17 @@ body.g-root {
 .dc-doc-page .yfm *::-webkit-scrollbar-track {
   background: transparent;
 }
-.dc-doc-page .yfm a:not(.pc-card-base-block) {
-  color: var(--g-color-text-link);
+.dc-doc-page .yfm a {
   border-radius: var(--g-focus-border-radius);
 }
-.dc-doc-page .yfm a:not(.pc-card-base-block):hover,
-.dc-doc-page .yfm a:not(.pc-card-base-block):active {
-  color: var(--g-color-text-link-hover);
-}
-.dc-doc-page .yfm a:not(.pc-card-base-block):focus {
+.dc-doc-page .yfm a:focus {
   box-shadow: 0 0 0 2px var(--g-color-line-focus);
   outline: 0;
 }
-.dc-doc-page .yfm a:not(.pc-card-base-block):focus:not(:focus-visible) {
+.dc-doc-page .yfm a:focus:not(:focus-visible) {
   box-shadow: none;
 }
-.dc-doc-page .yfm a:not(.pc-card-base-block).yfm-anchor:focus::before {
+.dc-doc-page .yfm a.yfm-anchor:focus::before {
   visibility: visible;
 }
 .dc-doc-page .yfm .pc-icon-wrapper__icon {
@@ -1827,65 +2098,57 @@ body.g-root {
   background-color: var(--g-color-base-background);
 }
 .dc-doc-page .yfm.yfm-accent-info {
-  background: var(--g-color-base-info-light);
+  background: var(--yfm-color-note-info-background);
 }
 .dc-doc-page .yfm.yfm-accent-tip {
-  background: var(--g-color-base-positive-light);
+  background: var(--yfm-color-note-tip-background);
 }
 .dc-doc-page .yfm.yfm-accent-alert {
-  background: var(--g-color-base-danger-light);
+  background: var(--yfm-color-note-important-background);
 }
 .dc-doc-page .yfm.yfm-accent-warning {
-  background: var(--g-color-base-warning-light);
+  background: var(--yfm-color-note-warning-background);
 }
 .dc-doc-page .yfm code {
   font-size: var(--dc-code-short-font-size);
   line-height: var(--dc-code-short-line-height);
   padding: var(--dc-code-short-padding);
-  background: var(--g-color-base-misc-light);
-  color: var(--g-color-text-misc);
 }
 .dc-doc-page .yfm pre > code {
   font-size: var(--dc-code-font-size);
   line-height: var(--dc-code-line-height);
   padding: 16px;
-  background: var(--g-color-base-misc-light);
   color: var(--g-color-text-complementary);
 }
 .dc-doc-page .yfm dfn,
 .dc-doc-page .yfm .inline_code_tooltip {
-  background: var(--g-color-base-float);
-  box-shadow: 0 8px 20px var(--g-color-sfx-shadow);
+  background: var(--yfm-color-term-dfn-background);
+  box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
 }
 .dc-doc-page .yfm dfn:before,
 .dc-doc-page .yfm .inline_code_tooltip:before {
-  box-shadow: 0 0 0 1px var(--g-color-line-generic-solid);
-}
-.dc-doc-page .yfm table {
-  color: var(--g-color-text-primary);
-  border-color: var(--g-color-line-generic);
-  background: var(--g-color-base-background);
+  box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
 }
 .dc-doc-page .yfm table thead,
 .dc-doc-page .yfm table[sticky-header] thead th::after,
 .dc-doc-page .yfm table tr:nth-child(2n) {
-  background: var(--g-color-base-generic);
+  background: var(--yfm-color-table-row-background);
 }
 .dc-doc-page .yfm hr {
-  background-color: var(--g-color-base-background);
+  background-color: var(--yfm-color-base);
 }
 .dc-doc-page .yfm blockquote {
   border-left-color: var(--g-color-base-brand);
 }
 .dc-doc-page .yfm .yfm-tab-list {
-  border-bottom-color: var(--g-color-line-generic);
+  border-bottom-color: var(--yfm-color-border);
 }
 .dc-doc-page .yfm .yfm-tab {
   border-radius: var(--g-focus-border-radius);
 }
 .dc-doc-page .yfm .yfm-tab:hover,
 .dc-doc-page .yfm .yfm-tab:active {
-  color: var(--g-color-text-link-hover);
+  color: var(--yfm-color-link-hover);
 }
 .dc-doc-page .yfm .yfm-tab:focus {
   outline: 2px solid var(--g-color-line-focus);
@@ -1897,6 +2160,8 @@ body.g-root {
 .dc-doc-page .yfm .yfm-tab.active {
   border-bottom-color: var(--g-color-base-brand);
 }
+.dc-doc-page .yfm {
+}
 .dc-doc-page .yfm .yfm-cut {
   margin-bottom: 15px;
 }
@@ -1904,7 +2169,7 @@ body.g-root {
   padding: 5px 0 0 30px;
 }
 .dc-doc-page .yfm .yfm-term_title:hover {
-  color: var(--g-color-text-link-hover);
+  color: var(--yfm-color-link-hover);
 }
 .dc-doc-page .yfm h1,
 .dc-doc-page .yfm h2 {
@@ -1951,7 +2216,7 @@ body.g-root {
 .dc-doc-page .yfm .yfm-page__delimeter {
   height: 4px;
   border-radius: 2px;
-  background: var(--g-color-line-generic);
+  background: var(--yfm-color-border);
   margin-top: 20px;
   margin-bottom: 0;
 }
@@ -1996,20 +2261,15 @@ body.g-root {
 .dc-doc-page .yfm h6:hover .yfm-original-link svg {
   visibility: visible;
 }
+.dc-doc-page .yfm {
+}
 .dc-doc-page .yfm .yfm-anchor_hidden {
   visibility: hidden;
 }
 .dc-doc-page .yfm .yfm-anchor_hidden:before {
   visibility: hidden !important;
 }
-.g-root_theme_dark .dc-doc-page .yfm table[sticky-header] th::before {
-  background: var(--g-color-base-background);
-}
-.g-root_theme_dark .dc-doc-page .yfm .yfm-cut-title:before {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==);
-}
-.g-root_theme_dark .dc-doc-page .yfm .yfm-tabs-accordion .yfm-tab:after {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNykiIGZpbGw9Im5vbmUiIGQ9Ik0zIDZsNSA1IDUtNSI+PC9wYXRoPjwvc3ZnPg==);
+.dc-doc-page .yfm {
 }
 .dc-neuro-expert-widget {
   position: fixed;