fix: adjust ui of title for notification

Add DropShadow for text.

pms: BUG-313195

Author: 18202781743

panels/notification/center/CMakeLists.txt

@@ -20,6 +20,7 @@ qt_add_qml_module(notificationcenterpanel
         AnimationSettingButton.qml
         BoundingRectangle.qml
         DataPanel.qml
+        NotifyHeaderTitleText.qml
     SOURCES
         notificationcenterpanel.h
         notificationcenterpanel.cpp

panels/notification/center/GroupNotify.qml

@@ -15,12 +15,11 @@ NotifyItem {
     signal collapse()
 
     contentItem: RowLayout {
-        Text {
+        NotifyHeaderTitleText {
             text: root.appName
             Layout.alignment: Qt.AlignLeft
             Layout.leftMargin: 18
-            font: DTK.fontManager.t5
-            color: palette.windowText
+            tFont: DTK.fontManager.t5
         }
 
         Item {

panels/notification/center/NotifyHeader.qml

@@ -38,16 +38,11 @@ FocusScope {
 
     RowLayout {
         anchors.fill: parent
-        Text {
+        NotifyHeaderTitleText {
             text: qsTr("Notification Center")
             Layout.alignment: Qt.AlignLeft
             Layout.leftMargin: 18
-            font {
-                pixelSize: DTK.fontManager.t4.pixelSize
-                family: DTK.fontManager.t4.family
-                bold: true
-            }
-            color: palette.windowText
+            tFont: DTK.fontManager.t4
             MouseArea {
                 anchors.fill: parent
                 onDoubleClicked: {

panels/notification/center/NotifyHeaderTitleText.qml

@@ -0,0 +1,25 @@
+// SPDX-FileCopyrightText: 2025 UnionTech Software Technology Co., Ltd.
+//
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+import QtQuick
+import Qt5Compat.GraphicalEffects
+import org.deepin.dtk 1.0
+import org.deepin.ds.notificationcenter
+
+Text {
+    property font tFont: DTK.fontManager.t4
+    font {
+        pixelSize: tFont.pixelSize
+        family: tFont.family
+        bold: true
+    }
+    color: Qt.rgba(1, 1, 1, 1)
+    layer.enabled: true
+    layer.effect: DropShadow {
+        color: Qt.rgba(0, 0, 0, 0.6)
+        radius: 4
+        samples: 9
+        verticalOffset: 1
+    }
+}