Change the color

MohamedTamer · November 7, 2020, 2:37pm

I think , you should change this line:

mit-cml/appinventor-sources/blob/72e0a50108ac8899d2749ce5b81fbd9ea0ffae41/appinventor/appengine/war/static/css/Ya.css#L135


  background-image: url(../images/watermark.png);
  color: #555;
  border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  margin: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.065);
}


.ode-Box-header {
  background: rgba(102, 153, 0, 0.3);
  height: 31px;
  border: 1px solid;
  border-color: #d2d2d2 #d2d2d2 #b0b2a7 #d2d2d2;
}


.ode-Box-header-caption,
.ode-Box-header-caption-highlighted {
  font-size: 13px;
  font-weight: bold;
  padding-top: 7px;

It will change all the pallets header background colour.
More precisely, the box header which are coded in java takes the css style as an input to style it.Hence changing the css, simply change all of them .see also here:

github.com

mit-cml/appinventor-sources/blob/66b2a13ad0e5676bd9e9c4573484a57fa0525415/appinventor/appengine/src/com/google/appinventor/client/widgets/boxes/Box.java#L255


this.height = height;
this.restoreHeight = height;
this.startMinimized = startMinimized;
this.highlightCaption = highlightCaption;


captionLabel = new Label(caption, false);
captionAlreadySeen = false;
if (highlightCaption) {
  captionLabel.setStylePrimaryName("ode-Box-header-caption-highlighted");
} else {
  captionLabel.setStylePrimaryName("ode-Box-header-caption");
}
header = new HandlerPanel();
header.add(captionLabel);
header.setWidth("100%");


headerContainer = new DockPanel();
headerContainer.setStylePrimaryName("ode-Box-header");
headerContainer.setWidth("100%");
headerContainer.add(header, DockPanel.LINE_START);