🎨

src/server/router.ts

@@ -24,7 +24,7 @@ const welcomeMessage = [
 	'今日、何ノート書いた？',
 	'10000 ノートは初心者、そう思っていませんか？',
 	'息するように Misskey、そんなあなたへ。',
-	'あなたは真の Misskey 廃人ですか？'
+	'あなたは真の Misskey 廃人ですか？',
 ];
 
 const login = async (ctx: Context, user: Record<string, unknown>, host: string, token: string) => {

src/views/_base.pug

@@ -31,3 +31,5 @@ html
                         a(href="/about") version #{version}
                     block footer
         block script
+        script(defer src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js')
+            

styles/_xeltica-design.scss

@@ -130,7 +130,7 @@ button, .xd-button {
   text-decoration: none;
   cursor: pointer;
 
-  &:hover {
+  &:hover, &:focus {
     background: var(--bg-pale-1);
   }
   &:active {
@@ -141,7 +141,7 @@ button, .xd-button {
     background: var(--primary);
     color: var(--primary-fg);
     border-color: var(--primary-dark);
-    &:hover {
+    &:hover, &:focus {
       background: var(--primary-light);
     }
     &:active {
@@ -153,7 +153,7 @@ button, .xd-button {
     background: var(--bg-danger);
     color: white;
     border-color: var(--divider-danger);
-    &:hover {
+    &:hover, &:focus {
       background: var(--bg-danger-lighten);
     }
     &:active {
@@ -162,6 +162,22 @@ button, .xd-button {
   }
 }
 
+textarea {
+  width: 100%;
+  font-size: 1rem;
+  padding: 16px;
+  border-radius: var(--radius);
+  background: var(--overlay);
+  border: none;
+  outline: none;
+  height: 8rem;
+  line-height: 1;
+  &:focus {
+    border: 1px solid var(--primary);
+    color: var(--fg);
+  }
+}
+
 // ul, ol {
 //   > ul, > ol {
 //     margin-bottom: 0;