Use blue info icon color, #230

phetsims · May 17, 2024 · 88f4889 · 88f4889
1 parent 2437c60
commit 88f4889
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/js/common/MeanShareAndBalanceColors.ts b/js/common/MeanShareAndBalanceColors.ts
@@ -102,6 +102,9 @@ const meanShareAndBalanceColors = {
   } ),
   arrowFillColorProperty: new ProfileColorProperty( meanShareAndBalance, 'arrowFill', {
     default: '#FFF383'
+  } ),
+  infoIconFillColorProperty: new ProfileColorProperty( meanShareAndBalance, 'infoIconFill', {
+    default: '#286AA1'
   } )
 };
 

diff --git a/js/common/view/MeanShareAndBalanceControls.ts b/js/common/view/MeanShareAndBalanceControls.ts
@@ -22,6 +22,7 @@ import InfoButton from '../../../../scenery-phet/js/buttons/InfoButton.js';
 import generalOpenSoundPlayer from '../../../../tambo/js/shared-sound-players/generalOpenSoundPlayer.js';
 import generalCloseSoundPlayer from '../../../../tambo/js/shared-sound-players/generalCloseSoundPlayer.js';
 import TSoundPlayer from '../../../../tambo/js/TSoundPlayer.js';
+import MeanShareAndBalanceColors from '../MeanShareAndBalanceColors.js';
 
 type SelfOptions = {
   numberSpinnerOptions?: NumberSpinnerOptions;
@@ -69,6 +70,7 @@ export default class MeanShareAndBalanceControls extends Node {
         centerY: 230,
         scale: 0.6,
         left: vBoxAlignBox.left,
+        iconFill: MeanShareAndBalanceColors.infoIconFillColorProperty,
         tandem: options.tandem.createTandem( 'infoButton' ),
         soundPlayer: infoButtonSoundPlayer
       } );