diff --git a/styles/components/issues/editor.ts b/styles/components/issues/editor.ts
index 1ec71f3..c41612e 100644
--- a/styles/components/issues/editor.ts
+++ b/styles/components/issues/editor.ts
@@ -1,129 +1,144 @@
-import { otherThemeVars, themeVars } from "@lutinglt/gitea-github-theme/core";
+import { css, otherThemeVars, themeVars } from "@lutinglt/gitea-github-theme/core";
 
-/** GitHub's comment editor, for the rules of a `.combo-markdown-editor`: a bordered box whose toolbar carries the Write/Preview tabs. */
-export const markdownEditor = `
-  border: 1px solid ${themeVars.color.light.border};
-  border-radius: ${otherThemeVars.border.radius};
-  background: ${themeVars.color.body};
-  & markdown-toolbar {
-    background: ${themeVars.color.box.header};
-    border-bottom: 1px solid ${themeVars.color.light.border};
-  }
-  & .markdown-toolbar-button {
-    color: ${themeVars.color.text.light.num1};
-    width: 28px;
-    height: 28px;
-    padding: 6px;
-    border: 0;
-    background: transparent;
-  }
-  & textarea {
-    background: ${themeVars.color.body};
-    font-size: 14px;
+/**
+ * GitHub's comment editor, written once for every place Forgejo renders its markdown editor in an
+ * issue or pull request: a bordered box whose toolbar carries the Write/Preview tabs, and a plain
+ * attachment line instead of a dashed drop area. To style another editor, add its container here.
+ */
+const hosts = `:is(
+  .page-content.repository.view.issue.github-conversation .comment.form,
+  .page-content.repository.new.issue.github-issue-new,
+  .review-box-panel,
+  .comment-code-cloud
+)`;
+
+export default css`
+  ${hosts} .combo-markdown-editor {
     border: 1px solid ${themeVars.color.light.border};
     border-radius: ${otherThemeVars.border.radius};
-    box-shadow: none;
-  }
-  overflow: visible;
-
-  & markdown-toolbar {
-    border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0;
-    min-height: 38px;
-    padding: 0 8px 0 0;
-    gap: 8px;
-
-    & .markdown-toolbar-group {
-      flex: 0 0 auto;
+    background: ${themeVars.color.body};
+    & markdown-toolbar {
+      background: ${themeVars.color.box.header};
+      border-bottom: 1px solid ${themeVars.color.light.border};
     }
-    & .switch {
+    & .markdown-toolbar-button {
+      color: ${themeVars.color.text.light.num1};
+      width: 28px;
+      height: 28px;
+      padding: 6px;
       border: 0;
       background: transparent;
-      border-radius: 0;
-      margin: 0 auto -1px 0;
-      min-height: 38px;
     }
-    /* Forgejo overlaps neighbouring switch items with negative margins and paints the first one. */
-    & .switch .item {
-      height: 38px;
-      min-height: 38px;
-      margin: 0 !important;
-      padding: 8px 16px !important;
-      border: 1px solid transparent;
-      border-radius: 0;
-      background: transparent !important;
-      box-shadow: none;
-      outline: 0;
-      color: ${themeVars.color.text.light.num1};
+    & textarea {
+      background: ${themeVars.color.body};
       font-size: 14px;
-      line-height: 21px;
-      font-weight: 400;
-    }
-    & .switch .item:not(.active):hover {
-      color: ${themeVars.color.text.self};
-    }
-    & .switch .item.active {
-      border-right-color: ${themeVars.color.light.border};
-      border-left-color: ${themeVars.color.light.border};
-      border-bottom-color: ${themeVars.color.body};
-      background: ${themeVars.color.body} !important;
-      color: ${themeVars.color.text.self};
+      border: 1px solid ${themeVars.color.light.border};
+      border-radius: ${otherThemeVars.border.radius};
+      box-shadow: none;
     }
-    /* The editor's own border already draws the first tab's left edge. */
-    & .switch .item.active:first-child {
-      border-left-color: transparent;
-      border-top-left-radius: ${otherThemeVars.border.radius};
+    overflow: visible;
+
+    & markdown-toolbar {
+      border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0;
+      min-height: 38px;
+      padding: 0 8px 0 0;
+      gap: 8px;
+
+      & .markdown-toolbar-group {
+        flex: 0 0 auto;
+      }
+      & .switch {
+        border: 0;
+        background: transparent;
+        border-radius: 0;
+        margin: 0 auto -1px 0;
+        min-height: 38px;
+      }
+      /* Forgejo overlaps neighbouring switch items with negative margins and paints the first one. */
+      & .switch .item {
+        height: 38px;
+        min-height: 38px;
+        margin: 0 !important;
+        padding: 8px 16px !important;
+        border: 1px solid transparent;
+        border-radius: 0;
+        background: transparent !important;
+        box-shadow: none;
+        outline: 0;
+        color: ${themeVars.color.text.light.num1};
+        font-size: 14px;
+        line-height: 21px;
+        font-weight: 400;
+      }
+      & .switch .item:not(.active):hover {
+        color: ${themeVars.color.text.self};
+      }
+      & .switch .item.active {
+        border-right-color: ${themeVars.color.light.border};
+        border-left-color: ${themeVars.color.light.border};
+        border-bottom-color: ${themeVars.color.body};
+        background: ${themeVars.color.body} !important;
+        color: ${themeVars.color.text.self};
+      }
+      /* The editor's own border already draws the first tab's left edge. */
+      & .switch .item.active:first-child {
+        border-left-color: transparent;
+        border-top-left-radius: ${otherThemeVars.border.radius};
+      }
+      & .switch .item:focus-visible {
+        outline: 2px solid ${themeVars.github.fgColor.accent};
+        outline-offset: -2px;
+      }
+      & .switch .item.active::before,
+      & .switch .item.active::after {
+        display: none;
+      }
     }
-    & .switch .item:focus-visible {
-      outline: 2px solid ${themeVars.github.fgColor.accent};
-      outline-offset: -2px;
+    & > .ui.tab.markup {
+      background: ${themeVars.color.body};
+      padding: 16px;
+      min-height: 136px;
+      font-size: 14px;
+      line-height: 21px;
     }
-    & .switch .item.active::before,
-    & .switch .item.active::after {
-      display: none;
+    & textarea {
+      margin: 8px;
+      width: calc(100% - 16px);
+      height: auto;
+      min-height: 123px;
+      max-height: calc(35lh + 18px);
+      field-sizing: content;
+      line-height: 21px;
+      font-family: var(--fonts-proportional);
+      padding: 8px;
     }
   }
-  & > .ui.tab.markup {
-    background: ${themeVars.color.body};
-    padding: 16px;
-    min-height: 136px;
-    font-size: 14px;
-    line-height: 21px;
-  }
-  & textarea {
-    margin: 8px;
-    width: calc(100% - 16px);
-    height: auto;
-    min-height: 123px;
-    max-height: calc(35lh + 18px);
-    field-sizing: content;
-    line-height: 21px;
-    font-family: var(--fonts-proportional);
-    padding: 8px;
-  }
-`;
-
-/** The attachment line under an editor, for the rules of its `.dropzone`: a plain text button instead of a dashed drop area. */
-export const attachmentDropzone = `
-  min-height: 32px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  & .dz-message {
-    margin: 0;
-    text-align: left;
-  }
-  & .dz-button {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    padding: 6px 8px;
+  ${hosts} .ui.dropzone {
     min-height: 32px;
-    font-size: 12px;
-    line-height: 18px;
-    font-weight: 400;
-    color: ${themeVars.color.text.light.num1};
-    background: transparent;
+    padding: 0;
     border: 0;
-    box-shadow: none;
+    background: transparent;
+    & .dz-message {
+      margin: 0;
+      text-align: left;
+    }
+    & .dz-button {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 8px;
+      min-height: 32px;
+      font-size: 12px;
+      line-height: 18px;
+      font-weight: 400;
+      color: ${themeVars.color.text.light.num1};
+      background: transparent;
+      border: 0;
+      box-shadow: none;
+    }
+    border: 0 !important;
+    & .dz-button {
+      color: ${themeVars.color.text.light.num1} !important;
+    }
   }
 `;
diff --git a/styles/components/issues/index.ts b/styles/components/issues/index.ts
index ecb7275..03a60fc 100644
--- a/styles/components/issues/index.ts
+++ b/styles/components/issues/index.ts
@@ -18,10 +18,12 @@
  */
 
 import { cssCombine } from "@lutinglt/gitea-github-theme/core";
+import editor from "./editor";
 import issue from "./issue";
 import issueComment from "./issue_comment";
 import issueConversation from "./issue_conversation";
 import issueList from "./issue_list";
+import issueNew from "./issue_new";
 import issueOverview from "./issue_overview";
 import issueSidebar from "./issue_sidebar";
 import issueTimeline from "./issue_timeline";
@@ -34,6 +36,8 @@ export default cssCombine(
   issueList,
   issueOverview,
   issueConversation,
+  editor,
+  issueNew,
   pullReview,
   pullFilesReview,
   issueSidebar,
diff --git a/styles/components/issues/issue_conversation.ts b/styles/components/issues/issue_conversation.ts
index 43bea32..0e98e50 100644
--- a/styles/components/issues/issue_conversation.ts
+++ b/styles/components/issues/issue_conversation.ts
@@ -1,5 +1,4 @@
 import { css, otherThemeVars, themeVars } from "@lutinglt/gitea-github-theme/core";
-import { attachmentDropzone, markdownEditor } from "./editor";
 
 export default css`
   .page-content.repository.view.issue.github-conversation {
@@ -39,6 +38,7 @@ export default css`
       align-items: center;
       gap: 4px;
       font-size: 14px;
+      font-weight: 600;
       line-height: 20px;
       border-radius: 20px !important;
     }
@@ -471,12 +471,6 @@ export default css`
           color: ${themeVars.github.borderColor.done.emphasis};
         }
       }
-      & .combo-markdown-editor {
-        ${markdownEditor}
-      }
-      & .dropzone {
-        ${attachmentDropzone}
-      }
     }
 
     &.own-conversation .comment.first {
diff --git a/styles/components/issues/issue_new.ts b/styles/components/issues/issue_new.ts
new file mode 100644
index 0000000..65c856e
--- /dev/null
+++ b/styles/components/issues/issue_new.ts
@@ -0,0 +1,102 @@
+import { css, themeVars } from "@lutinglt/gitea-github-theme/core";
+
+/** The "New issue" page, laid out as GitHub's "Create new issue": avatar, heading, title, editor, sidebar. */
+export default css`
+  .page-content.repository.new.issue.github-issue-new {
+    & > .ui.container {
+      width: calc(100% - 64px) !important;
+      max-width: 1232px !important;
+      margin: 24px auto !important;
+    }
+    & .issue-new-heading {
+      margin: 0 0 8px 56px;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+    }
+    & .issue-content {
+      gap: 24px;
+    }
+    & .issue-content-left .ui.comments {
+      max-width: none;
+      margin: 0;
+    }
+    & .issue-content-left .comment {
+      display: grid;
+      grid-template-columns: 40px minmax(0, 1fr);
+      gap: 16px;
+      margin: -32px 0 0;
+      padding: 0;
+      & > :is(img, .avatar) {
+        float: none;
+        width: 40px;
+        height: 40px;
+        margin: 0;
+      }
+      /* GitHub's form has no box around it. */
+      & > .ui.segment.content {
+        margin: 32px 0 0 !important;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        box-shadow: none;
+        &::before,
+        &::after {
+          display: none;
+        }
+      }
+    }
+    & .issue-content-left .field {
+      margin: 0 0 16px;
+    }
+    & #issue_title {
+      height: 32px;
+      padding: 5px 12px;
+      font-size: 14px;
+      line-height: 20px;
+    }
+    & .combo-markdown-editor textarea {
+      min-height: 300px !important;
+    }
+    & .issue-content-left .text.right .ui.ui.ui.button {
+      height: 32px;
+      min-height: 32px;
+      padding: 5px 12px;
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 20px;
+    }
+    /* Sidebar: muted bold headings with the gear at the right edge, as on an issue page. */
+    & .issue-content-right.ui.segment {
+      padding: 0;
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+      font-size: 12px;
+    }
+    & .issue-content-right .ui.dropdown {
+      width: 100%;
+    }
+    & .issue-content-right .ui.dropdown > .text {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      padding: 4px 0;
+      &:hover {
+        color: ${themeVars.github.fgColor.accent};
+      }
+    }
+    & .issue-content-right strong {
+      color: ${themeVars.color.text.light.num1};
+      font-size: 12px;
+      font-weight: 600;
+    }
+    & .issue-content-right .ui.dropdown > .text:hover strong {
+      color: inherit;
+    }
+    & .issue-content-right .divider {
+      margin: 16px 0;
+    }
+  }
+`;
diff --git a/styles/components/issues/issue_overview.ts b/styles/components/issues/issue_overview.ts
index ecddd23..ac73aa5 100644
--- a/styles/components/issues/issue_overview.ts
+++ b/styles/components/issues/issue_overview.ts
@@ -104,7 +104,7 @@ export default css`
       & .flex-item-title {
         font-size: 16px;
         line-height: 24px;
-        font-weight: 600;
+        font-weight: 500;
       }
       & .flex-item-main > .labels-list {
         display: flex;
diff --git a/styles/components/issues/pull_files_review.ts b/styles/components/issues/pull_files_review.ts
index ecdeb34..26b7ebf 100644
--- a/styles/components/issues/pull_files_review.ts
+++ b/styles/components/issues/pull_files_review.ts
@@ -1,5 +1,4 @@
 import { css, otherThemeVars, themeVars } from "@lutinglt/gitea-github-theme/core";
-import { attachmentDropzone, markdownEditor } from "./editor";
 
 /** Buttons that close a review form, at GitHub's 32px control height. */
 const reviewButton = `
@@ -106,42 +105,24 @@ export default css`
       margin-right: 16px;
     }
     & .combo-markdown-editor {
-      ${markdownEditor}
       /* Forgejo fixes this editor at 730px; it fills the dialog instead. */
       width: auto;
       max-width: none;
       /* The dialog is narrower than the toolbar's buttons at their usual spacing. */
       & markdown-toolbar {
-        gap: 0;
-        padding-right: 4px;
+        gap: 0 !important;
+        padding-right: 4px !important;
       }
       & .markdown-toolbar-group {
-        gap: 0;
-      }
-    }
-    & .ui.dropzone {
-      ${attachmentDropzone}
-      border: 0 !important;
-      & .dz-button {
-        color: ${themeVars.color.text.light.num1} !important;
+        gap: 0 !important;
       }
     }
   }
   /* The comment form opened on a diff line */
   .comment-code-cloud {
-    & .combo-markdown-editor {
-      ${markdownEditor}
-    }
     & .field:has(> .dropzone) {
       margin: 4px 0 0;
     }
-    & .ui.dropzone {
-      ${attachmentDropzone}
-      border: 0 !important;
-      & .dz-button {
-        color: ${themeVars.color.text.light.num1} !important;
-      }
-    }
     & .field.footer {
       display: flex;
       flex-wrap: wrap;
diff --git a/styles/public/other.ts b/styles/public/other.ts
index 561e4f5..d93943d 100644
--- a/styles/public/other.ts
+++ b/styles/public/other.ts
@@ -54,7 +54,8 @@ const svg = css`
   }
   /* 关闭工单按钮设置为紫色 */
   .tw-text-red .octicon-issue-closed,
-  .tw-text-red.octicon-issue-closed {
+  .tw-text-red.octicon-issue-closed,
+  .text.red.octicon-issue-closed {
     color: ${themeVars.github.fgColor.done} !important;
   }
   /* 关闭 PR 按钮设置为红色 */
diff --git a/templates/repo/issue/new.tmpl b/templates/repo/issue/new.tmpl
new file mode 100644
index 0000000..662652e
--- /dev/null
+++ b/templates/repo/issue/new.tmpl
@@ -0,0 +1,8 @@
+{{template "base/head" .}}
+<div role="main" aria-label="{{.Title}}" class="page-content repository new issue github-issue-new">
+	<div class="ui container">
+		<h1 class="issue-new-heading">{{ctx.Locale.Tr "repo.issues.new"}}</h1>
+		{{template "repo/issue/new_form" .}}
+	</div>
+</div>
+{{template "base/footer" .}}