Skip to content

Commit dd4619c

Browse files
committed
feat(colors): Change base text color from neutral-3 to dark-2
To improve contrast ratios [finishes #115272257]
1 parent 6a3ea63 commit dd4619c

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

library/src/pivotal-ui/components/pui-variables.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -260,7 +260,7 @@ $navbar-width: 210px;
260260

261261
$html-bg: $neutral-11;
262262
$body-bg: transparent;
263-
$text-color: $neutral-3 !default;
263+
$text-color: $dark-2 !default;
264264

265265
// Links
266266
// -------------------------
@@ -501,7 +501,7 @@ $input-bg-disabled: $gray-lighter !default;
501501
$progress-border-radius: $border-radius-base !default;
502502
$input-font-weight: $font-weight-em-high;
503503

504-
$input-color: $neutral-3 !default;
504+
$input-color: $text-color !default;
505505
$input-color-hover: $accent-5;
506506
$input-color-active: $accent-3;
507507
$input-border: $neutral-7 !default;
@@ -514,7 +514,7 @@ $input-border-width: 1px !default;
514514

515515
$input-color-placeholder: $neutral-5 !default;
516516

517-
$form-label-color: $neutral-3 !default;
517+
$form-label-color: $text-color !default;
518518

519519
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
520520
$input-height-large: (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
@@ -736,7 +736,7 @@ $nav-tabs-title-font-size: 16px;
736736

737737
// Responsive tabs
738738
$tab-responsive-bg: $shadow-4;
739-
$tab-responsive-color: $neutral-3;
739+
$tab-responsive-color: $text-color;
740740
$tab-responsive-active-color: $brand-5;
741741
$tab-responsive-radius: $border-radius-large;
742742
$tab-responsive-pane-padding: 10px;
@@ -1111,7 +1111,7 @@ $panel-title-border: 3px solid rgba(0,0,0,.1);
11111111
// Panel Headings
11121112
// -------------------------
11131113
$panel-heading-basic-bg: $neutral-9;
1114-
$panel-heading-basic-text: $neutral-3;
1114+
$panel-heading-basic-text: $text-color;
11151115
$panel-heading-basic-font-size: 22px; //TODO: once typography is solidified this should use heading vars
11161116

11171117
$panel-heading-simple-text: $neutral-5;

0 commit comments

Comments
 (0)