halo-theme-hao/templates/modules/variables/layout.html
2024-04-12 14:35:37 +08:00

41 lines
1.9 KiB
HTML

<style type="text/css" th:inline="css">
[data-theme=light] {
--heo-theme: [(${theme.config.style.themeLightSkin})] !important;
--heo-theme-op: [(${theme.config.style.themeLightSkin})]23 !important;
--heo-theme-op-deep: [(${theme.config.style.themeLightSkin})]dd !important;
--heo-theme-none: [(${theme.config.style.themeLightSkin})]00 !important;
}
[data-theme=dark] {
--heo-theme: [(${theme.config.style.themeDarkSkin})] !important;
--heo-theme-op: [(${theme.config.style.themeDarkSkin})]23 !important;
--heo-theme-op-deep: [(${theme.config.style.themeDarkSkin})]dd !important;
--heo-theme-none: [(${theme.config.style.themeDarkSkin})]00 !important;
}
.color-scheme-dark,.dark,[data-color-scheme=dark] {
--halo-search-widget-color-modal-layer: var(--heo-maskbgdeep);
--halo-search-widget-color-modal-content-bg: var(--heo-card-bg);
--halo-search-widget-color-form-input: rgb(255 255 255 / 79.9%);
--halo-search-widget-color-form-input-placeholder: #6b7280d9;
--halo-search-widget-color-form-input-bg: var(--heo-card-bg);
--halo-search-widget-color-form-divider: #bbbbbb0f;
--halo-search-widget-color-result-item-bg: var(--heo-card-bg);
--halo-search-widget-color-result-item-hover-bg: #90939914;
--halo-search-widget-color-result-item-title: rgb(255 255 255 / 79.9%);
--halo-search-widget-color-result-item-content: #ffffff82;
--halo-search-widget-color-command-kbd-item: #c0c4ccb3;
--halo-search-widget-color-command-kbd-border: #bbbbbb0f;
--halo-search-widget-color-result-empty: #6b7280d9
}
[data-theme=light] {
--halo-search-widget-color-result-item-title : #4B5563
}
[# th:if="${!theme.config.post.opacity}"]
#aside-content #card-toc .toc-content a.toc-link:not(.active) {
opacity: 1;
filter: blur(0px);
}
[/]
</style>