HarmonyOS鸿蒙Next中Hdsnavigation组件（API18上测试）深浅色模式切换，顶部模糊状态会丢失。

跟暗黑模式没有关系，我测试了一下，标题栏的初始颜色跟originalStyle有关，如果设置了该属性会变成预先设置的颜色，如果没有设置originalStyle，初始颜色跟背景颜色一致，其次下拉过程中标题栏的背景颜色跟背景颜色相关，背景是什么颜色就是什么颜色，参考demo:

// 模块导入
import { HdsNavigation, HdsNavigationAttribute, ScrollEffectType, HdsNavigationTitleMode } from '@kit.UIDesignKit';
import { LengthMetrics } from '@kit.ArkUI';

const TITLE_BAR_HEIGHT_MINI: number = 50;

@Entry
@Component
struct Index {
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
  @Provide('pageInfos') pageInfos: NavPathStack = new NavPathStack();
  scroller: Scroller = new Scroller();
  @State blankHeight: number = TITLE_BAR_HEIGHT_MINI;
  @State isHideBackButton: boolean = false;
  @State titleMode: HdsNavigationTitleMode = HdsNavigationTitleMode.MINI;
  @State subTitle: string = 'Sub';

  build() {
    HdsNavigation(this.pageInfos) { // 创建HdsNavigation组件
      Column() {
        Stack() {
          Scroll(this.scroller) { // 内容区设置可滚动容器组件，用于实现内容区滚动联动标题栏动态模糊效果
            Column() {
              // HdsNavigation标题栏与内容区默认设置堆叠布局，可以在内容区叠加标题栏高度的Blank，防止内容区被标题栏遮挡
              Blank().height(this.blankHeight)
              Image($r('app.media.background'))
                .width('100%')
              Button('pushPath', { stateEffect: true, type: ButtonType.Capsule })
                .width('80%')
                .height(40)
                .margin({ top: '5%', right: '50vp', left: '50vp' })
                .onClick(() => {
                  console.info('HDS_BASE_COMPONENT', `onClick firstPage`);
                  this.pageInfos.pushPath({ name: 'pageOne' })
                })
              Button('hide backButton ' + this.isHideBackButton)
                .onClick(() => {
                  this.isHideBackButton = !this.isHideBackButton
                })
                .width('80%')
                .height(40)
                .margin({ top: '5%', right: '50vp', left: '50vp' , bottom: '5%'})
              List({ space: 12, initialIndex: 0 }) {
                ForEach(this.arr, (item: number) => {
                  ListItem() {
                    Text('' + item)
                      .width('100%')
                      .height(72)
                      .fontSize(16)
                      .fontWeight(500)
                      .textAlign(TextAlign.Center)
                  }
                  .height(120)
                  .backgroundColor(Color.Orange)
                  .borderRadius(24)
                }, (item: number) => item.toString())
              }
              .edgeEffect(EdgeEffect.None)
              .width('100%')
              .height('100%')
              .nestedScroll({scrollForward: NestedScrollMode.PARENT_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST})
            }
          }
          .edgeEffect(EdgeEffect.Spring).scrollBar(BarState.Off)
        }
      }
      // .backgroundColor(Color.Red)
    }
    .titleBar({
      style: { // HdsNavigation标题栏样式设置
        // 标题栏动态模糊样式，包括是否使能滚动动态模糊，动态模糊类型，动态模糊生效的滚动距离等
        scrollEffectOpts: {
          enableScrollEffect: true,
          scrollEffectType: ScrollEffectType.COMMON_BLUR,
          blurEffectiveStartOffset: LengthMetrics.vp(0),
          blurEffectiveEndOffset: LengthMetrics.vp(20)
        },
        originalStyle: {
          backgroundStyle: {
            backgroundColor:'#87CEEB ',
          },
          contentStyle: {
            titleStyle: { mainTitleColor: $r('sys.color.font_primary'), subTitleColor: $r('sys.color.font_secondary') },
            menuStyle: { backgroundColor: $r('sys.color.comp_background_tertiary'), iconColor: $r('sys.color.icon_primary') },
            backIconStyle: { backgroundColor: $r('sys.color.comp_background_tertiary'), iconColor: $r('sys.color.icon_primary') }
          }
        }, scrollEffectStyle: {
          backgroundStyle: {
            backgroundColor: $r('sys.color.ohos_id_color_background_transparent'),
          },
          contentStyle: {
            titleStyle: { mainTitleColor: $r('sys.color.font_primary'), subTitleColor: $r('sys.color.font_secondary') },
            menuStyle: { backgroundColor: $r('sys.color.comp_background_tertiary'), iconColor: $r('sys.color.icon_primary') },
            backIconStyle: { backgroundColor: $r('sys.color.comp_background_tertiary'), iconColor: $r('sys.color.icon_primary') }
          }
        }
      },
      content: { // HdsNavigation标题栏内容区设置
        title: { // HdsNavigation标题栏标题设置
          mainTitle: 'Main',
          subTitle: this.subTitle
        },
        menu: { // HdsNavigation标题栏菜单项设置
          value: [{
            content: {
              label: 'menu1',
              icon: $r('sys.symbol.ohos_wifi'),
              isEnabled: true,
            },
            badge: {
              count: 1,
            }
          }, {
            content: {
              label: 'menu2',
              icon: $r('sys.symbol.ohos_lock'),
              isEnabled: true,
              action: () => {
                console.info("HDS_NAV HELLO 2");
              }
            }
          }, {
            content: {
              label: 'menu3',
              icon: $r('sys.symbol.speaker_plus'),
            }
          }, {
            content: { // 第三个菜单项内容设置
              label: 'menu4',
              icon: $r('sys.symbol.ohos_star'),
            }
          }]
        },
        backIcon: { // HdsNavigation返回按钮设置
          label: 'backButton',
          icon: $r('sys.symbol.ohos_mic'),
          isEnabled: true,
        }
      }
    })
    .titleMode(this.titleMode)
    .hideBackButton(this.isHideBackButton)
  }
}