How Do I Change Color Main Interface?

SRIKAR_B.S.S · October 4, 2021, 4:00am

@preetvadaliya, May I know what are these two corners images used for?

Please Tell @preetvadaliya

nishyanthkumar · October 4, 2021, 4:37am

Please don't ping a user multiple times; they will respond to you eventually.

preetvadaliya · October 4, 2021, 4:49am

@SRIKAR_B.S.S

As per my knowledge, these images are not used in MIT App Inventor, these came with the default CSS of GWT(Google Web Toolkit) for some UI elements such as DecoratorPanel and DialogBox.

also, you can see the reference of these images in the gwt.css file.

SRIKAR_B.S.S · October 4, 2021, 4:50am

Thanks I'll check the gwt.css

preetvadaliya · October 4, 2021, 4:52am

@SRIKAR_B.S.S also note that you will not find any file name with cornar.png into dev tool of the browser so that we can say that the images are not used.

SRIKAR_B.S.S · October 4, 2021, 4:54am

Yeah, I got it in gwt.css.
I too got a doubt because I never saw them anywhere in MIT App Inventor

preetvadaliya · October 4, 2021, 5:09am

The PhoneBar image is defined in

fine name: phonebar.png
and the image set through this file: MockForm.java line number 175

github.com

mit-cml/appinventor-sources/blob/ce385622ff1ab810df4f3e6bd0200a80574fc171/appinventor/appengine/src/com/google/appinventor/client/editor/simple/components/MockForm.java#L175


private Image whiteIconsRight;
private Image iPadWhiteIconsLeft;
private Image iPadWhiteIconsRight;
private Image iPadBlackIconsLeft;
private Image iPadBlackIconsRight;
private boolean visible;


/*
 * Creates a new phone status bar.
 */
PhoneBar() {
  Image phoneBarImage = new Image(images.phonebar());
  bar = new DockPanel();
  bar.setHorizontalAlignment(HorizontalPanel.ALIGN_RIGHT);
  bar.add(phoneBarImage, DockPanel.EAST);


  initWidget(bar);
  setStylePrimaryName("ode-SimpleMockFormPhoneBarAndroidHolo");
  setSize("100%", HEIGHT + "px");
}

SRIKAR_B.S.S · October 4, 2021, 5:14am

Thanks
I already changed everything in this dir: