diff --git a/modules/baseWidgets/ext.isekai.baseWidgets.less b/modules/baseWidgets/ext.isekai.baseWidgets.less index f4ee6a8..b6091af 100644 --- a/modules/baseWidgets/ext.isekai.baseWidgets.less +++ b/modules/baseWidgets/ext.isekai.baseWidgets.less @@ -238,13 +238,33 @@ } &.skin-citizen { - .page-actions { + .isekai-bottom-nav-container { + z-index: 201; + } + + .page-actions, + .citizen-toc { bottom: ~"calc(var(--header-size) + var(--space-xs) + " @isekai-bottom-nav-button-size ~")"; } .citizen-header { bottom: @isekai-bottom-nav-button-size; } + + .citizen-feature-autohide-navigation-clientpref-1 .citizen-scroll--down .citizen-header { + transform: translate3d(0, 200%, 0); + } } } } + +.skin-citizen-dark { + .isekai-bottom-nav-container { + background-color: rgba(0, 0, 0, 0.8); + backdrop-filter: blur(20px) saturate(120%); + } + + .isekai-bottom-nav-btn { + color: var(--color-base); + } +} \ No newline at end of file diff --git a/modules/offcanvasTOC/ext.isekai.offcanvasTOC.less b/modules/offcanvasTOC/ext.isekai.offcanvasTOC.less index 16bbfef..c35f0ff 100644 --- a/modules/offcanvasTOC/ext.isekai.offcanvasTOC.less +++ b/modules/offcanvasTOC/ext.isekai.offcanvasTOC.less @@ -111,3 +111,35 @@ body.toc-offcanvas-open { opacity: 1; } } + + +// 深色模式补丁 +.skin-citizen-dark { + .toc-offcanvas { + background-color: var(--color-surface-2); + + > ul { + a.list-item { + text-decoration: none; + + &:hover, + &:active, + &:focus, + &:visited { + color: var(--color-base); + outline: none; + } + } + + .list-item { + color: var(--color-base); + background-color: var(--color-surface-0); + border-top: 1px solid var(--border-color-base); + + &:active { + background-color: var(--color-surface-1); + } + } + } + } +} \ No newline at end of file