diff --git a/web/kiri/index.css b/web/kiri/index.css index 8a617e75..aa64d261 100644 --- a/web/kiri/index.css +++ b/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 { diff --git a/web/moto/palette.css b/web/moto/palette.css index 6829caa1..5affb52a 100644 --- a/web/moto/palette.css +++ b/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; diff --git a/web/moto/theme.css b/web/moto/theme.css index 82b48c6e..97ecbac9 100644 --- a/web/moto/theme.css +++ b/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 {