diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 66fe2f246..7098e4e3f 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -1,10 +1,14 @@
 @charset "utf-8";
 
 :root {
-	--radius: 12px;
-	--marginFull: 16px;
-	--marginHalf: 10px;
-	--avatarSize: 48px;
+	--radius-xs: 10px;
+	--radius-sm: 10px;
+	--radius: 10px;
+	--radius-md: 10px;
+	--radius-lg: 10px;
+	--radius-xl: 10px;
+	--radius-ellipse: 10px;
+	--radius-full: 10px;
 
 	--margin: var(--marginFull);
 
@@ -25,6 +29,17 @@
 	//--ad: rgb(255 169 0 / 10%);
 }
 
+html.radius-misskey {
+	--radius-xs: 4px;
+	--radius-sm: 8px;
+	--radius: 12px;
+	--radius-md: 16px;
+	--radius-lg: 24px;
+	--radius-xl: 32px;
+	--radius-ellipse: 999px;
+	--radius-full: 100%;
+}
+
 ::selection {
 	color: #fff;
 	background-color: var(--accent);
@@ -586,7 +601,7 @@ hr {
 	padding: 2px 3px;
 	color: var(--accent);
 	border: solid 1px var(--accent);
-	border-radius: 4px;
+	border-radius: var(--radius-xs);
 	vertical-align: top;
 }
 
@@ -626,7 +641,7 @@ hr {
 		vertical-align: bottom;
 		height: 128px;
 		margin-bottom: 16px;
-		border-radius: 16px;
+		border-radius: var(--radius-md);
 	}
 }