diff --git a/src/static/css/ccdarktheme.css b/src/static/css/ccdarktheme.css
index be6b4d9..ddc4b3f 100644
--- a/src/static/css/ccdarktheme.css
+++ b/src/static/css/ccdarktheme.css
@@ -2289,3 +2289,7 @@
 .TWPT-log-entry.TWPT-log-entry--error {
   color: #ff8A80!important;
 }
+
+.TWPT-warning {
+  background-color: #670505!important;
+}
diff --git a/src/static/css/thread_page_design_warning.css b/src/static/css/thread_page_design_warning.css
new file mode 100644
index 0000000..71e4989
--- /dev/null
+++ b/src/static/css/thread_page_design_warning.css
@@ -0,0 +1,32 @@
+.TWPT-warning {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  padding: 8px 48px;
+  margin-bottom: 16px;
+  border-radius: 8px;
+
+  background-color: #feecec;
+}
+
+.TWPT-warning--icon {
+  margin-right: 8px;
+}
+
+.TWPT-warning--text {
+  flex-grow: 1;
+}
+
+.TWPT-warning--btn {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: 100px;
+  margin-left: 8px;
+}
+
+.TWPT-warning--btn .TWPT-badge {
+  --icon-size: 14px;
+  margin-right: 4px;
+}