rm legacy n normalize css

web/kiri/index.css

@@ -86,23 +86,17 @@ button[disabled] {
     color: #999;
 }
 input {
-    background-color: #f8f8ff;
+    margin-top: 1px;
     margin-bottom: 1px;
-    text-align: right;
-    border: 0.5px solid #bbb;
     padding-top: 0;
     padding-bottom: 0;
-    margin-top: 1px;
     position: relative;
+    text-align: right;
 }
 input:focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgb(0 100 255 / 10%);
 }
-input[disabled] {
-    background-color: #ddd;
-    color: #000;
-}
 input[type="range"] {
     width: 85px;
     background-color: transparent;
@@ -141,8 +135,6 @@ textarea {
     overflow: scroll;
 }
 select {
-    border: 1px solid #bbb;
-    background-color: rgba(255,255,255,0.5);
     border-radius: 3px;
 }
 th, tr, td, span, div, label, button {

web/moto/palette.css

@@ -13,14 +13,14 @@
     --border-gray:  rgba(128,128,128,0.5);
     --ui-text: #222;
     --ui-text-muted: #888;
-    --ui-border: #bbb;
+    --ui-border: #ddd;
     --ui-border-strong: #777;
     --ui-hr: #ddd;
-    --ui-input-bg: #f8f8ff;
+    --ui-input-bg: #e8e8e8;
     --ui-input-fg: #222;
     --ui-input-disabled-bg: #ddd;
     --ui-input-disabled-fg: #000;
-    --ui-select-bg: rgba(255,255,255,0.5);
+    --ui-select-bg: #e8e8e8;
     --ui-option-selected-bg: var(--appname-blue);
     --ui-textarea-bg: #fff;
     --ui-textarea-fg: #222;
@@ -47,7 +47,7 @@
     --border-gray:  rgba(128,128,128,0.5);
     --ui-text: #fff;
     --ui-text-muted: #888;
-    --ui-border: #888;
+    --ui-border: #444;
     --ui-border-strong: #666;
     --ui-hr: #555;
     --ui-input-bg: #333;

web/moto/theme.css

@@ -13,9 +13,12 @@
 :root[data-app="kiri"] input,
 :root[data-app="kiri"] select,
 :root[data-app="kiri"] option {
+    border-style: solid;
+    border-width: 0px;
     border-color: var(--ui-border);
     background-color: var(--ui-input-bg);
     color: var(--ui-input-fg);
+    border-bottom-width: 1px;
 }
 
 :root[data-app="kiri"] select {