# Change colour and font properties of components?

**URL:** <https://forum.kirupa.com/t/change-colour-and-font-properties-of-components/300024>\
**Category:** flash\
**Created:** [November 14, 2009, 4:45pm UTC](https://forum.kirupa.com/t/change-colour-and-font-properties-of-components/300024 "2009-11-14T16:45:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicolanicola](https://avatars.discourse-cdn.com/v4/letter/n/c89c15/32.png) [@nicolanicola](https://forum.kirupa.com/u/nicolanicola)\
**Post date:** [November 14, 2009, 4:45pm UTC](https://forum.kirupa.com/t/change-colour-and-font-properties-of-components/300024/1 "2009-11-14T16:45:17Z")

</div>

I want a combo box and when user selects one option, the whole application changes including the components. It’s mainly going to be colour, so I want to know how I can change the colour settings of the components. I tried via styleManager but it’s not doing anything:

```auto

		private function comboHandler(event:Event):void
		{
			var myData:Number = event.currentTarget.selectedItem.data;
			if (myData == 1) {
				applySkin(standardFormat,0x99FF33,0x99FF33);
			}
			if (myData == 2) {
				applySkin(headingFormat,0xFF3399,0xFF3399);
			}
		}

		function applySkin(myTextFormat:TextFormat,componentBG:uint,componentFontCol:uint)
		{
			StyleManager.setStyle("textFormat", myTextFormat);
			StyleManager.setStyle("backgroundColor",componentBG);
			StyleManager.setStyle("color",componentFontCol);
			StyleManager.setStyle("backgroundColor",componentFontCol);
		}

```