diff --git a/app/src/main/res/color/selector_pingle_tag_l_background.xml b/app/src/main/res/color/selector_pingle_tag_l_background.xml
new file mode 100644
index 00000000..931e49d9
--- /dev/null
+++ b/app/src/main/res/color/selector_pingle_tag_l_background.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/g_09" android:state_checked="false" />
+    <item android:color="@color/pingle_green" android:state_checked="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/color/selector_pingle_tag_l_text_color.xml b/app/src/main/res/color/selector_pingle_tag_l_text_color.xml
new file mode 100644
index 00000000..39c53871
--- /dev/null
+++ b/app/src/main/res/color/selector_pingle_tag_l_text_color.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/g_02" android:state_enabled="false" />
+    <item android:color="@color/black" android:state_enabled="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 5da56298..c68d21df 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -95,6 +95,41 @@
         </item>
     </style>
 
+    <!-- tag -->
+    <style name="Theme.Pingle.Chip.Tag.All" parent="Theme.Pingle.Chip">
+        <item name="cornerRadius">50dp</item>
+        <item name="backgroundTint">@null</item>
+    </style>
+
+    <style name="Theme.Pingle.Chip.Tag.L" parent="Theme.Pingle.Chip.Tag.All">
+        <item name="textStartPadding">16dp</item>
+        <item name="textEndPadding">16dp</item>
+        <item name="android:paddingVertical">8dp</item>
+        <item name="android:clickable">true</item>
+        <item name="chipBackgroundColor">@color/selector_pingle_tag_l_background</item>
+        <item name="android:textColor">@color/selector_pingle_tag_l_text_color</item>
+    </style>
+
+    <style name="Theme.Pingle.Chip.Tag.M" parent="Theme.Pingle.Chip.Tag.All">
+        <item name="textStartPadding">10dp</item>
+        <item name="textEndPadding">10dp</item>
+        <item name="android:paddingVertical">4dp</item>
+        <item name="android:clickable">false</item>
+        <item name="chipBackgroundColor">@color/g_10</item>
+        <item name="android:textColor">@color/pingle_green</item>
+        <item name="android:textAppearance">@style/TextAppearance.Pingle.Cap.Semi.12</item>
+    </style>
+
+    <style name="Theme.Pingle.Chip.Tag.S" parent="Theme.Pingle.Chip.Tag.All">
+        <item name="textStartPadding">8dp</item>
+        <item name="textEndPadding">8dp</item>
+        <item name="android:paddingVertical">3dp</item>
+        <item name="android:clickable">false</item>
+        <item name="chipBackgroundColor">@color/g_10</item>
+        <item name="android:textColor">@color/pingle_green</item>
+        <item name="android:textAppearance">@style/TextAppearance.Pingle.Cap.Semi.10</item>
+    </style>
+
     <!-- Corner size -->
     <style name="ShapeAppearanceOverlay.App.CornerSize50Percent" parent="">
         <item name="cornerSize">50%</item>