diff --git a/example/T_Theme.qml b/example/T_Theme.qml
index 0facbb1..0ff23f7 100644
--- a/example/T_Theme.qml
+++ b/example/T_Theme.qml
@@ -48,6 +48,17 @@ Item {
                     }
                 }
             }
+            FluText{
+                text:"夜间模式"
+                fontStyle: FluText.Subtitle
+                Layout.topMargin: 20
+            }
+            FluToggleSwitch{
+                checked: FluTheme.isDark
+                onClickFunc:function(){
+                    FluTheme.isDark = !FluTheme.isDark
+                }
+            }
         }
     }
 }
diff --git a/src/Fluent.cpp b/src/Fluent.cpp
index ee0646c..6fec0fd 100644
--- a/src/Fluent.cpp
+++ b/src/Fluent.cpp
@@ -33,6 +33,7 @@ void Fluent::registerTypes(const char *uri){
     qmlRegisterType<WindowHelper>(uri,major,minor,"WindowHelper");
     qmlRegisterType<FluColorSet>(uri,major,minor,"FluColorSet");
 
+    qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluContentDialog.qml"),uri,major,minor,"FluContentDialog");
     qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluMenu.qml"),uri,major,minor,"FluMenu");
     qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluMenuItem.qml"),uri,major,minor,"FluMenuItem");
     qmlRegisterType(QUrl("qrc:/com.zhuzichu/controls/FluScrollBar.qml"),uri,major,minor,"FluScrollBar");
diff --git a/src/controls/FluContentDialog.qml b/src/controls/FluContentDialog.qml
new file mode 100644
index 0000000..46da69c
--- /dev/null
+++ b/src/controls/FluContentDialog.qml
@@ -0,0 +1,19 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Controls 2.15
+
+Popup {
+    id: popup
+    default property alias content: container.data
+
+    background: Rectangle {
+        implicitWidth: 140
+        implicitHeight: container.height
+        color:FluTheme.isDark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(237/255,237/255,237/255,1)
+        radius: 5
+        FluShadow{
+            radius: 5
+        }
+
+    }
+}
diff --git a/src/res.qrc b/src/res.qrc
index fd39bb5..2932444 100644
--- a/src/res.qrc
+++ b/src/res.qrc
@@ -32,5 +32,6 @@
         <file>controls/FluMenuItem.qml</file>
         <file>controls/FluShadow.qml</file>
         <file>controls/FluTextButton.qml</file>
+        <file>controls/FluContentDialog.qml</file>
     </qresource>
 </RCC>