diff --git a/docs/.vuepress/theme/styles/base.pcss b/docs/.vuepress/theme/styles/base.pcss index 61202c337..b4f7e1d18 100644 --- a/docs/.vuepress/theme/styles/base.pcss +++ b/docs/.vuepress/theme/styles/base.pcss @@ -46,6 +46,9 @@ --code-color-orange: #C14915; --code-color-olive: #667500; --code-color-gray: #6A707C; + --code-color-entity: #4f6066; + --code-bg-color-entity: #eee8d5; + --code-color-muted: #5c6672; } html { diff --git a/docs/.vuepress/theme/styles/code.pcss b/docs/.vuepress/theme/styles/code.pcss index 673db3a25..cbaa0f152 100644 --- a/docs/.vuepress/theme/styles/code.pcss +++ b/docs/.vuepress/theme/styles/code.pcss @@ -61,6 +61,12 @@ &.keyword { color: var(--code-color-olive); } + + &.entity { + color: var(--code-color-entity); + background: var(--code-bg-color-entity); + cursor: help; + } } } diff --git a/docs/.vuepress/theme/styles/color-mode.pcss b/docs/.vuepress/theme/styles/color-mode.pcss index 96ecd1c39..f4a5414cd 100644 --- a/docs/.vuepress/theme/styles/color-mode.pcss +++ b/docs/.vuepress/theme/styles/color-mode.pcss @@ -44,6 +44,9 @@ --code-color-orange: #E96E3A; --code-color-olive: #778A00; --code-color-gray: #7C8F00; + --code-color-entity: #93a7ad; + --code-bg-color-entity: #073642; + --code-color-muted: #8593a1; .search-box { --placeholder-color: #91A1BB; @@ -92,6 +95,9 @@ --code-color-orange: #E96E3A; --code-color-olive: #809400; --code-color-gray: #868F9D; + --code-color-entity: #93a7ad; + --code-bg-color-entity: #073642; + --code-color-muted: #8593a1; --code-highlight-border: #55697D; .link-panel { diff --git a/docs/.vuepress/theme/styles/treeview.pcss b/docs/.vuepress/theme/styles/treeview.pcss index 0d468f361..f1325f6a1 100644 --- a/docs/.vuepress/theme/styles/treeview.pcss +++ b/docs/.vuepress/theme/styles/treeview.pcss @@ -17,6 +17,15 @@ font-size: 0.825rem; } + .token.treeview-part .entry-name.dotfile { + color: var(--code-color-muted); + opacity: 1; + } + + .token.treeview-part .entry-name.dotfile:before { + opacity: 0.5; + } + .token.treeview-part .entry-name:before, .token.treeview-part .entry-name.ext-pdf:before { content: " ";