diff --git a/Auto-Image.js b/Auto-Image.js index 3e80dcd..96eefee 100644 --- a/Auto-Image.js +++ b/Auto-Image.js @@ -3744,14 +3744,14 @@ Minimum Batch Size - +
- +

@@ -3832,14 +3832,14 @@ Block Width - +

- +

diff --git a/auto-image-styles.css b/auto-image-styles.css index 896ade6..480c805 100644 --- a/auto-image-styles.css +++ b/auto-image-styles.css @@ -1289,10 +1289,10 @@ margin-right: 4px; } -.wplace-random-batch-input { +.wplace-settings-number-input { width: 100%; padding: 10px 12px; - background: var(--wplace-bg-subtle); + background: var(--wplace-bg-input); color: var(--wplace-text); border: 1px solid var(--wplace-border-subtle); border-radius: 8px; @@ -1883,17 +1883,6 @@ margin-right: 4px; } -.wplace-block-size-input { - width: 100%; - padding: 10px 12px; - background: var(--wplace-bg-subtle); - color: var(--wplace-text); - border: 1px solid var(--wplace-border-subtle); - border-radius: 8px; - font-size: 13px; - outline: none; -} - .wplace-block-size-description { font-size: 11px; color: var(--wplace-text-dim); diff --git a/themes/classic-light.css b/themes/classic-light.css index 4f4fbcb..3761527 100644 --- a/themes/classic-light.css +++ b/themes/classic-light.css @@ -41,19 +41,19 @@ --wplace-text-muted: rgb(33 37 41 / 70%); --wplace-text-dim: rgb(33 37 41 / 60%); --wplace-text-faded: rgb(33 37 41 / 80%); - + /* Background variants */ - --wplace-bg-input: rgb(0 0 0 / 8%); - --wplace-bg-subtle: rgb(0 0 0 / 5%); - --wplace-bg-faint: rgb(0 0 0 / 3%); - --wplace-bg-ghost: rgb(0 0 0 / 2%); - --wplace-bg-whisper: rgb(0 0 0 / 1%); - + --wplace-bg-input: #f3f3f3; /* neutral-100 */ + --wplace-bg-subtle: #f3f3f3; /* neutral-100 — hover */ + --wplace-bg-faint: #e0e0e0; /* neutral-200 */ + --wplace-bg-ghost: #d1d1d1; /* neutral-300 */ + --wplace-bg-whisper: #e0e0e0; /* can be used as whisper on hover */ + /* Border variants */ - --wplace-border-subtle: rgb(0 0 0 / 20%); - --wplace-border-faint: rgb(0 0 0 / 15%); - --wplace-border-ghost: rgb(0 0 0 / 10%); - --wplace-border-ultra-faint: rgb(0 0 0 / 5%); + --wplace-border-subtle: #d1d1d1; /* neutral-300 */ + --wplace-border-faint: #e0e0e0; /* neutral-200 */ + --wplace-border-ghost: #e0e0e0; /* neutral-200 */ + --wplace-border-ultra-faint: #e0e0e0; /* neutral-200 — very faint */ /* Shadow variants */ --wplace-shadow-drag: 0 12px 40px rgb(0 0 0 / 20%), 0 0 0 2px rgb(111 66 193 / 30%);