diff --git a/app/javascript/application.scss b/app/javascript/application.scss index 47eeb4f6..f931d537 100644 --- a/app/javascript/application.scss +++ b/app/javascript/application.scss @@ -48,11 +48,11 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .base-input { - @apply input input-bordered bg-white; + @apply input input-bordered bg-base-300; } .base-textarea { - @apply textarea textarea-bordered bg-white rounded-3xl; + @apply textarea textarea-bordered bg-base-300 rounded-3xl; } .base-button { @@ -60,15 +60,15 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .white-button { - @apply btn btn-outline text-base bg-white border-2; + @apply btn btn-outline text-base bg-base-300 border-2; } .base-checkbox { - @apply checkbox rounded bg-white checkbox-sm no-animation; + @apply checkbox rounded bg-base-300 checkbox-sm no-animation; } .base-radio { - @apply radio bg-white radio-sm no-animation; + @apply radio bg-base-300 radio-sm no-animation; } .base-select { @@ -115,7 +115,7 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .autocomplete { - background: white; + background: #333333; z-index: 1000; font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; overflow: auto; @@ -132,7 +132,7 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .autocomplete .group { - background: #eee; + background: #3a3a3a; } .autocomplete > div:hover:not(.group), diff --git a/app/javascript/form.scss b/app/javascript/form.scss index 8bee8834..3ae0798d 100644 --- a/app/javascript/form.scss +++ b/app/javascript/form.scss @@ -48,7 +48,7 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .base-textarea { - @apply textarea textarea-bordered bg-white rounded-3xl; + @apply textarea textarea-bordered bg-base-300 rounded-3xl; } .btn { @@ -56,7 +56,7 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .base-input { - @apply input input-bordered bg-white; + @apply input input-bordered bg-base-300; } .base-button { @@ -64,15 +64,15 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .white-button { - @apply btn btn-outline text-base bg-white border-2; + @apply btn btn-outline text-base bg-base-300 border-2; } .base-checkbox { - @apply checkbox rounded bg-white checkbox-sm; + @apply checkbox rounded bg-base-300 checkbox-sm; } .base-radio { - @apply radio bg-white radio-sm; + @apply radio bg-base-300 radio-sm; } .font-times { diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue index dc224fad..7c5a8790 100644 --- a/app/javascript/submission_form/form.vue +++ b/app/javascript/submission_form/form.vue @@ -559,7 +559,7 @@ :key="step[0].uuid" href="#" class="inline border border-base-300 h-3 w-3 rounded-full mx-1 mt-1" - :class="{ 'bg-base-300 steps-progress-current': index === currentStep, 'bg-base-content': (index < currentStep && stepFields[index].every((f) => !f.required || ![null, undefined, ''].includes(values[f.uuid]))) || isCompleted, 'bg-white': index > currentStep }" + :class="{ 'bg-base-300 steps-progress-current': index === currentStep, 'bg-base-content': (index < currentStep && stepFields[index].every((f) => !f.required || ![null, undefined, ''].includes(values[f.uuid]))) || isCompleted, 'bg-base-200': index > currentStep }" @click.prevent="isCompleted ? '' : [saveStep(), goToStep(index, true)]" /> diff --git a/app/javascript/submission_form/kba_step.vue b/app/javascript/submission_form/kba_step.vue index 03c7431a..856882ce 100644 --- a/app/javascript/submission_form/kba_step.vue +++ b/app/javascript/submission_form/kba_step.vue @@ -120,7 +120,7 @@ id="kba_fn" v-model="form.fn" type="text" - class="input input-bordered !h-10 w-full bg-white" + class="input input-bordered !h-10 w-full bg-base-300" required > @@ -133,7 +133,7 @@ id="kba_ln" v-model="form.ln" type="text" - class="input input-bordered !h-10 w-full bg-white" + class="input input-bordered !h-10 w-full bg-base-300" required > @@ -146,7 +146,7 @@ id="kba_addr" v-model="form.addr" type="text" - class="input input-bordered !h-10 w-full bg-white" + class="input input-bordered !h-10 w-full bg-base-300" required > @@ -159,7 +159,7 @@ id="kba_city" v-model="form.city" type="text" - class="input input-bordered !h-10 w-full bg-white" + class="input input-bordered !h-10 w-full bg-base-300" required > @@ -171,7 +171,7 @@