Add intervalToolIcon color to CAVColors, see: #194

phetsims · May 12, 2023 · 8a62816 · 8a62816
1 parent 6f27893
commit 8a62816
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/js/common/CAVColors.ts b/js/common/CAVColors.ts
@@ -58,6 +58,7 @@ const CAVColors = {
 
   grayDataPointFill: new ProfileColorProperty( centerAndVariability, 'grayDataPointFill', { default: '#8f8f8f' } ),
 
+  intervalToolIconRectangleFillColorProperty: new ProfileColorProperty( centerAndVariability, 'intervalToolIconRectangleFill', { default: '#fef8ab' } ),
   intervalToolIconShadedSphereMainColorProperty: new ProfileColorProperty( centerAndVariability, 'intervalToolIconShadedSphereMainColor', { default: '#e0d987' } ),
   intervalToolIconShadedSphereHighlightColorProperty: new ProfileColorProperty( centerAndVariability, 'intervalToolIconShadedSphereHighlightColor', { default: '#e0d987' } ),
   intervalToolIconShadedSphereShadowColorProperty: new ProfileColorProperty( centerAndVariability, 'intervalToolIconShadedSphereShadowColor', { default: '#545034' } ),

diff --git a/js/mean-and-median/view/MeanAndMedianAccordionBox.ts b/js/mean-and-median/view/MeanAndMedianAccordionBox.ts
@@ -1,7 +1,7 @@
 // Copyright 2023, University of Colorado Boulder
 
 import CAVAccordionBox from '../../common/view/CAVAccordionBox.js';
-import { AlignGroup, Color, Node, Path, Text } from '../../../../scenery/js/imports.js';
+import { AlignGroup, Node, Path, Text } from '../../../../scenery/js/imports.js';
 import CenterAndVariabilityStrings from '../../CenterAndVariabilityStrings.js';
 import PhetFont from '../../../../scenery-phet/js/PhetFont.js';
 import Bounds2 from '../../../../dot/js/Bounds2.js';

diff --git a/js/variability/view/IntervalToolIconNode.ts b/js/variability/view/IntervalToolIconNode.ts
@@ -16,14 +16,14 @@ export default class IntervalToolIconNode extends Node {
   public constructor( providedOptions?: NodeOptions ) {
 
     // Sampled from the design in https://github.com/phetsims/center-and-variability/issues/182
-    const rectangleFill = '#fef8ab';
+    const rectangleFillProperty = CAVColors.intervalToolIconRectangleFillColorProperty;
 
     const mainRectangle = new Rectangle( 0, 0, 20, 15, {
-      fill: rectangleFill
+      fill: rectangleFillProperty
     } );
 
     const createHandle = ( options: NodeTransformOptions ) => new Rectangle( 0, 0, 2, mainRectangle.height + 8, {
-      fill: rectangleFill,
+      fill: rectangleFillProperty,
       ...options
     } );
 

diff --git a/js/variability/view/VariabilityAccordionBox.ts b/js/variability/view/VariabilityAccordionBox.ts
@@ -1,6 +1,6 @@
 // Copyright 2023, University of Colorado Boulder
 
-import { AlignGroup, Color, Path, Text, VBox, Node } from '../../../../scenery/js/imports.js';
+import { AlignGroup, Node, Path, Text, VBox } from '../../../../scenery/js/imports.js';
 import CenterAndVariabilityStrings from '../../CenterAndVariabilityStrings.js';
 import Bounds2 from '../../../../dot/js/Bounds2.js';
 import Tandem from '../../../../tandem/js/Tandem.js';