Add and update new input border variables

1. Border colour did not have sufficient contrast. New contrast ratio
passes WCAG AA for Graphical Objects and user interface components.

2. New border variable to aid consistency and future maintanance.
This commit is contained in:
krisztin
2025-02-07 14:21:31 +00:00
parent f8e55f1eb3
commit 4bd925e3ec

View File

@@ -83,7 +83,7 @@ $color-sel-hover-bg: $lighter-grey !default;
// Text inputs styles
$color-txt-bg: $lighter-grey !default;
$color-txt-brd: $lighter-grey !default;
$color-txt-brd: $dark-grey !default;
$color-txt-text: $near-black !default;
$color-txt-hover-brd: $teal !default;
$color-txt-disabled-text: $medium-grey !default;
@@ -171,6 +171,7 @@ $h3-size: $h4-size + 2 !default;
$h2-size: $h3-size + 2 !default;
$h1-size: $h2-size + 2 !default;
$border-input: 1px solid $color-txt-brd;
$border-radius: 4px !default;
$box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.07) !default;