输入框大小和颜色优化

.github/release.md

@@ -12,6 +12,7 @@
 - 仓库导航栏颜色同步
 - 动画效果优化
 - 按钮大小优化
+- 输入框大小和颜色优化
 
 ## 🐞 Fix
 

src/button.scss

@@ -1,6 +1,6 @@
 // Made by Luting ^-^
 .ui.button {
-  padding: 10px 16px;
+  padding: 9px 16px;
 }
 .ui.primary.button {
   background-color: #238636;

src/input.scss

@@ -17,8 +17,15 @@ textarea,
 .ui.form input[type='time'],
 .ui.form input[type='url'],
 .ui.selection.dropdown {
+  background: unset;
+
+  &:hover {
+    background: unset;
+  }
+
   &:focus,
   &:focus-visible {
+    background: unset !important;
     border-radius: var(--border-radius);
     border-color: #1f6feb;
     outline: none;

src/modal.scss

@@ -18,4 +18,28 @@
     background-color: var(--color-box-header);
     border-top: 1.5px solid var(--color-light-border);
   }
+
+  input,
+  textarea,
+  .ui.input input,
+  .ui.form input:not([type]),
+  .ui.form select,
+  .ui.form textarea,
+  .ui.form input[type='date'],
+  .ui.form input[type='datetime-local'],
+  .ui.form input[type='email'],
+  .ui.form input[type='file'],
+  .ui.form input[type='number'],
+  .ui.form input[type='password'],
+  .ui.form input[type='search'],
+  .ui.form input[type='tel'],
+  .ui.form input[type='text'],
+  .ui.form input[type='time'],
+  .ui.form input[type='url'],
+  .ui.selection.dropdown {
+    &:focus,
+    &:focus-visible {
+      background: #0d1117 !important;
+    }
+  }
 }

src/repo.scss

@@ -318,7 +318,7 @@
         .flex-item-icon {
           svg.svg.octicon-tag {
             color: #3fb950;
-            margin-top: 3px;
+            margin-top: 2px;
           }
         }
 

src/setting.scss

@@ -118,4 +118,46 @@
   .ui.attached.segment.error {
     border: 1px solid var(--color-error-border) !important;
   }
+
+  input,
+  textarea,
+  .ui.input input,
+  .ui.form input:not([type]),
+  .ui.form select,
+  .ui.form textarea,
+  .ui.form input[type='date'],
+  .ui.form input[type='datetime-local'],
+  .ui.form input[type='email'],
+  .ui.form input[type='file'],
+  .ui.form input[type='number'],
+  .ui.form input[type='password'],
+  .ui.form input[type='search'],
+  .ui.form input[type='tel'],
+  .ui.form input[type='text'],
+  .ui.form input[type='time'],
+  .ui.form input[type='url'],
+  .ui.selection.dropdown {
+    background: var(--color-box-header);
+  }
+
+  .ui.form input:not([type]),
+  .ui.form select,
+  .ui.form textarea,
+  .ui.form input[type='date'],
+  .ui.form input[type='datetime-local'],
+  .ui.form input[type='email'],
+  .ui.form input[type='file'],
+  .ui.form input[type='number'],
+  .ui.form input[type='password'],
+  .ui.form input[type='search'],
+  .ui.form input[type='tel'],
+  .ui.form input[type='text'],
+  .ui.form input[type='time'],
+  .ui.form input[type='url'] {
+    padding: 7px 12px;
+  }
+
+  .ui.selection.dropdown {
+    padding: 7px 24px 7px 12px;
+  }
 }

src/theme-github.scss

@@ -6,12 +6,12 @@
 @use 'transition'; // 添加过渡动画
 @use 'modal'; // 弹窗
 @use 'input'; // 输入框
-@use 'repo'; // 仓库
 @use 'button'; // 按钮
-@use 'issue'; // 工单&拉取请求
-@use 'dropdown'; // 下拉菜单
-@use 'setting'; // 设置
 @use 'label'; // 标签
+@use 'dropdown'; // 下拉菜单
+@use 'repo'; // 仓库
+@use 'issue'; // 工单&拉取请求
+@use 'setting'; // 设置
 @use 'release'; // 发布
 @use 'actions'; // 操作
 @use 'svg'; // svg

src/transition.scss

@@ -11,9 +11,6 @@
   }
 }
 
-input,
-textarea,
-details summary,
 #navbar .item,
 .header-wrapper .ui.tabular.menu .item,
 .job-step-summary,
@@ -21,21 +18,7 @@ details summary,
 .job-brief-item,
 .tippy-box .flex-items-block .item,
 .clone-panel-tab .item,
-.ui.input > input,
-.ui.form input:not([type]),
 .ui.form select,
-.ui.form textarea,
-.ui.form input[type='date'],
-.ui.form input[type='datetime-local'],
-.ui.form input[type='email'],
-.ui.form input[type='file'],
-.ui.form input[type='number'],
-.ui.form input[type='password'],
-.ui.form input[type='search'],
-.ui.form input[type='tel'],
-.ui.form input[type='text'],
-.ui.form input[type='time'],
-.ui.form input[type='url'],
 .ui.label,
 .ui.modal,
 .ui.selection.dropdown,