diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index 9b544b9..0000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: 'Issue::Enhancement'
-assignees: ''
-
----
-
-**Is your feature request related to a problem?**
-<!-- A clear and concise description of what the problem is. Ex. I don't like this design that [...] -->
-
-**The solution I'd like**
-<!-- A clear and concise description of what you want to happen. -->
-
-**Screenshots or video**
-<!-- It is helpful to attach screenshots or video similar to the desired features. -->
-
-**Alternatives I've considered**
-<!-- A clear and concise description of any alternative solutions or features you've considered. -->
-
-**Additional context**
-<!-- Add any other context or screenshots about the feature request here. -->
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
new file mode 100644
index 0000000..2555fbc
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,50 @@
+name: Feature request
+description: Suggest an idea for this project
+title: ""
+labels: ["Issue::Enhancement"]
+
+body:
+  - type: textarea
+    id: is-your-feature-related-to-a-problem
+    attributes:
+      label: Is your feature request related to a problem
+      description: A clear and concise description of what the problem is.
+      placeholder: Ex. I don't like this design that [...]
+    validations:
+      required: false
+
+  - type: textarea
+    id: the-solution-i-d-like
+    attributes:
+      label: The solution I'd like
+      description: A clear and concise description of what you want to happen.
+      placeholder: Ex. I hope that the tab bar background of Windows 7 is an AERO interface like IE.
+    validations:
+      required: false
+
+  - type: textarea
+    id: screenshots-or-video
+    attributes:
+      label: Screenshots or video
+      description: If is helpful to attach screenshots or video similar to the desired features.
+      placeholder: Drag or paste images or videos to upload
+    validations:
+      required: false
+
+  - type: textarea
+    id: alternatives-i-ve-considered
+    attributes:
+      label: Alternatives I've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+      placeholder: Ex. I don't like this design that [...]
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
+      placeholder: Anything to write down or refer to is fine
+    validations:
+      required: false
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
deleted file mode 100644
index d1da789..0000000
--- a/.github/pull_request_template.md
+++ /dev/null
@@ -1,24 +0,0 @@
-**Describe the PR**
-<!-- A clear and concise description of what the PR is. -->
-
-**Related Issue**
-<!--Related or discussed issues. If it's a big change, it's a good idea to open an issue ahead of time. -->
-
-**Screenshots**
-<!-- If applicable, add screenshots to help explain your commit. -->
-
-**Environment (please complete the following information):**
-<!-- Check like `- [x]`. -->
-
- - PR Type
-   - [ ] `Add:` Add feature or enhanced.
-   - [ ] `Fix:` Bug fix or change default values.
-   - [ ] `Clean:` Refactoring.
-   - [ ] `Doc:` Update docs.
- - Distribution
-   - [ ] [Original Lepton](https://github.com/black7375/Firefox-UI-Fix)
-   - [ ] [Lepton's photon style](https://github.com/black7375/Firefox-UI-Fix/tree/photon-style)
-   - [ ] [Lepton's proton style](https://github.com/black7375/Firefox-UI-Fix/tree/proton-style)
-
-**Additional context**
-<!-- Add any other context about the commit here. -->
diff --git a/.github/pull_request_template.yml b/.github/pull_request_template.yml
new file mode 100644
index 0000000..e1715e3
--- /dev/null
+++ b/.github/pull_request_template.yml
@@ -0,0 +1,44 @@
+name: Pull Request Template
+description: Pull Request's template
+title: ""
+
+body:
+  - type: textarea
+    id: describe-the-pr
+    attributes:
+      label: Describe the PR
+      description: A clear and consise description of what the PR is.
+      placeholder: Tell us what you did!
+    validations:
+      required: true
+
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots
+      description: If applicable, and screenshots to help explain your commit.
+      placeholder: Drag or paste images or videos to upload
+    validations:
+      required: false
+
+  - type: checkboxes
+    id: pr-type
+    attributes:
+      label: PR Type?
+      description: You may select more than one.
+      options:
+        - label: "`Add:` Add feature or enhanced."
+        - label: "`Fix:` Bug fix or change default values."
+        - label: "`Clean:` Refactoring or code quality improvement."
+        - label: "`Doc:` Update docs."
+    validations:
+      required: true
+
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context about the commit here.
+      placeholder: Anything to write down or refer to is fine
+    validations:
+      required: false