主题基色

This commit is contained in:
1152958806@qq.com 2023-08-17 11:51:17 +08:00
parent aabd78b816
commit c7a23f6f36
3 changed files with 19 additions and 10 deletions

View File

@ -92,7 +92,7 @@
--heo-maskbgdeep: rgba(0, 0, 0, 0.85);
--heo-hovertext: #0A84FF;
--heo-ahoverbg: #fff;
--heo-lighttext: #f2b94b;
--heo-lighttext: var(--heo-main);
--heo-secondtext: #a1a2b8;
--heo-scrollbar: rgba(200, 200, 223, 0.4);
--heo-card-btn-bg: #30343f;

View File

@ -205,15 +205,8 @@
</div>
<style type="text/css" th:inline="css">
[data-theme=light] {
--heo-theme: [(${theme.config.style.themeLightSkin})];
}
[data-theme=dark] {
--heo-theme: [(${theme.config.style.themeDarkSkin})];
}
</style>
<!-- 根据配置设置 css 变量值,全局 css 通过变量值进行处理 -->
<th:block th:replace="modules/variables/layout"></th:block>
<script data-pjax="">

View File

@ -0,0 +1,16 @@
<style type="text/css" th:inline="css" th:fragment="variables-root">
[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;
}
</style>