How Do I Change Color Main Interface?

jana · April 23, 2021, 10:42am

Hello Friends.. I wanna Change Color In AppInventor Source How To Du It. Please Help Me . See Sample Image ..

ewpatton · April 23, 2021, 1:52pm

Ya.css contains the style definitions for the UI. You'll want to make your changes there.

jana · April 24, 2021, 2:05am

sir , i had change ya.css but above the number 4 is change.. but any not change so dont know why..
i try due this

Pradevel · April 24, 2021, 6:08am

Hi @jana
you need to change this line

github.com

mit-cml/appinventor-sources/blob/c2bd83d45cef4cc33fddc915ccbda3e93316dfa8/appinventor/appengine/war/static/css/Ya.css#L572


}


.gwt-Tree .gwt-TreeItem span:hover,
.gwt-Tree .gwt-TreeItem-selected span {
  background-color: #d2e0a6;
}


/* Young Android Toolbar */


.ya-Toolbar {
  background-color: #8fc202;
  margin-bottom: 4px;
}


.ya-Toolbar .ya-ProjectName {
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding-top: 8px;
  padding-left: 8px;
  pqeeint-bottom: 8px;

jana · April 24, 2021, 6:58am

background-color: #8fc202; this one is ok. but how can edit other?

Pradevel · April 24, 2021, 10:13am

Other = ???

jana · April 24, 2021, 1:30pm

see above the image.. i wanna change all pleases in above the picture.. No 1,2,3,4,5,6 how can i see in this in ya.css

ewpatton · April 26, 2021, 2:09pm

I'd highly recommend that you become more familiar with the development tools available in your browser. You can select the elements in question, see what CSS classes are applied, and it will also tell you what file and line number the CSS class is defined at so you can quickly locate and make changes.

jana · May 7, 2021, 2:24pm

Thank You Very much ewpatton MIT Sir And All My Friend.. This My design

my another Question is how to ad new How to Add New Component Category like this pic?

preetvadaliya · May 7, 2021, 2:30pm

Add your category here

github.com

mit-cml/appinventor-sources/blob/e870364f9e9b23f87ba2204d14d2670cf731c577/appinventor/components/src/com/google/appinventor/components/common/ComponentCategory.java#L65


SENSORS("Sensors"),
SOCIAL("Social"),
STORAGE("Storage"),
CONNECTIVITY("Connectivity"),
LEGOMINDSTORMS("LEGO\u00AE MINDSTORMS\u00AE"),
EXPERIMENTAL("Experimental"),
EXTENSION("Extension"),
INTERNAL("For internal use only"),
// UNINITIALIZED is used as a default value so Swing libraries can still compile
UNINITIALIZED("Uninitialized");




// Mapping of component categories to names consisting only of lower-case letters,
// suitable for appearing in URLs.
private static final Map<String, String> DOC_MAP = new HashMap<String, String>();
static {
  DOC_MAP.put("User Interface", "userinterface");
  DOC_MAP.put("Layout", "layout");
  DOC_MAP.put("Media", "media");
  DOC_MAP.put("Drawing and Animation", "animation");
  DOC_MAP.put("Maps", "maps");

also, add here for docs mapping

github.com

mit-cml/appinventor-sources/blob/e870364f9e9b23f87ba2204d14d2670cf731c577/appinventor/components/src/com/google/appinventor/components/common/ComponentCategory.java#L83


    DOC_MAP.put("Media", "media");
    DOC_MAP.put("Drawing and Animation", "animation");
    DOC_MAP.put("Maps", "maps");
    DOC_MAP.put("Sensors", "sensors");
    DOC_MAP.put("Social", "social");
    DOC_MAP.put("Storage", "storage");
    DOC_MAP.put("Connectivity", "connectivity");
    DOC_MAP.put("LEGO\u00AE MINDSTORMS\u00AE", "legomindstorms");
    DOC_MAP.put("Experimental", "experimental");
    DOC_MAP.put("Extension", "extension");
  }




  private String name;


private ComponentCategory(String categoryName) {
  name = categoryName;
}


/**
 * Returns the display name of this category, as used on the Designer palette, such

jana · May 7, 2021, 3:09pm

Parva My Project Is Ok..

Really Really Thank you..

preetvadaliya · May 7, 2021, 3:14pm

your welcome

jana · May 8, 2021, 7:04am

builder No I Make My Own Appinventor. I think we should share our knowledge. I do not like to sell knowledge at all
Thanks for leaving a message

preetvadaliya · May 8, 2021, 8:08am

All members of community are ready to share thair knowledge but atleast you need to do some homework first.

Creating new builder is not easy and according to me It is not good idea because why not create one powerful platform which have not any bugs.

jana · May 12, 2021, 7:59am

Hello My Friends My i wanna add custom Package Name like this how to add this.

preetvadaliya · May 12, 2021, 8:38am

have you done any homework? why you always ask everything in community?

Pradevel · May 12, 2021, 3:50pm

@moderators can you please my above post as its recieving flags...

ewpatton · May 12, 2021, 4:46pm

I'm not sure what you're asking us to do. People will flag posts if they are off topic or irrelevant.

SRIKAR_B.S.S · October 2, 2021, 7:11am

@jana your UI looks cool, but can you tell how did you change these colors? like this 1, 2, 3

can you help @preetvadaliya

preetvadaliya · October 2, 2021, 7:13am

check CSS file for colors.