From 02f5772ffd867a914adb0bc89a2f89253977fdf0 Mon Sep 17 00:00:00 2001
From: DanielPais <dangastardelli@gmail.com>
Date: Thu, 4 Dec 2025 15:44:17 -0300
Subject: [PATCH] Improving contrast ratio in inputs, text, and tables

---
 .../number-picker.component.html              |  6 ++--
 .../text/starts-with-text.component.html      |  2 +-
 src/styles/_global-styles.scss                | 33 ++++++++++++++++---
 3 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/src/app/shared/form/number-picker/number-picker.component.html b/src/app/shared/form/number-picker/number-picker.component.html
index 6d8aeb7b9d9..6f2f84fcd93 100644
--- a/src/app/shared/form/number-picker/number-picker.component.html
+++ b/src/app/shared/form/number-picker/number-picker.component.html
@@ -17,9 +17,9 @@
       placeholder="{{placeholder}}"
       [name]="name"
       [(ngModel)]="value"
-      (blur)="onBlur($event); $event.stopPropagation();"
-      (change)="update($event); $event.stopPropagation();"
-      (focus)="onFocus($event); $event.stopPropagation();"
+      (blur)="onBlur($event)"
+      (change)="update($event)"
+      (focus)="onFocus($event)"
       [readonly]="disabled"
       [disabled]="disabled"
       [ngClass]="{'is-invalid': invalid}"
diff --git a/src/app/shared/starts-with/text/starts-with-text.component.html b/src/app/shared/starts-with/text/starts-with-text.component.html
index 6e70dc122b1..b7f18a30e39 100644
--- a/src/app/shared/starts-with/text/starts-with-text.component.html
+++ b/src/app/shared/starts-with/text/starts-with-text.component.html
@@ -6,6 +6,6 @@
         <button class="btn btn-primary" type="submit" role="button" tabindex="0"><i class="fas fa-book-open"></i> {{'browse.startsWith.submit' | translate}}</button>
     </div>
   </div>
-  <small class="text-muted">{{'browse.startsWith.type_text' | translate}}</small>
+  <small>{{'browse.startsWith.type_text' | translate}}</small>
 </div>
 </form>
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 5ddaf6affa5..b7fa7c72687 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -461,16 +461,41 @@ ngb-accordion {
 }
 
 .form-control, .page-link {
-    &:disabled::placeholder {
-        color: lighten($gray-700, 10%);
+  border: 0.119rem solid $gray-600;
+    &::placeholder {
+        color: $gray-600;
     }
     &:focus {
         box-shadow: none;
-        outline: 2px solid lighten($gray-700, 10%);
-        outline-offset: 2px !important;
+        outline: 1px solid lighten($gray-700, 10%);
+        outline-offset: 1px !important;
     }
 }
 
+.page-link.disabled, .disabled > .page-link {
+    border-color: $gray-600;
+}
+
+.input-group-text {
+  border: 0.119rem solid $gray-600;
+}
+
+.accordion-item {
+  border: 0.119rem solid $gray-600;
+}
+
+.accordion-button:not(.collapsed) {
+  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 $gray-600;
+}
+
+.modal-content {
+  border: 0.119rem solid $gray-600;
+}
+
+.modal-header {
+  border-bottom: 0.119rem solid $gray-600;
+}
+
 .alert-success {
     color: darken($success, 22%);
 }