In the web map, how to match the label colors with the symbol colors

[SanchezNuñez]

Good afternoon,

In the web map, how to match the label colors with the symbol colors?

Thanks

[CodyPatterson]

Hey @SanchezNuñez 

What you can do, is go to the symbology of the item you're wanting to match like this here:

Click the Color and hit done:

This will add the color to the selection wheel (I already clicked done on mine previously):

Go to the label, edit the label style, and choose the color from the wheel you had chosen before:

You can adjust the Halo, and background the same way.

Is this what you were asking?

Cody

[SanchezNuñez]

This line layer represents projects by phase: planning, design, procurement, constructions and closeout.  The request is to show the label in the same color as the line.

Asked Copilot and this is the answer:

var phase = $feature.ProjectPhase;
var color = "";
if (phase == "Planning") {
color = "blue";
} else if (phase == "Design") {
color = "purple";
} else if (phase == "Procurement") {
color = "orange";
} else if (phase == "Construction") {
color = "green";
} else if (phase == "Closeout") {
color = "gray";
}
return Text($feature.ProjectName, {"color": color});

[KenBuja · Accepted solution]

Unfortunately you can't assign colors to a label using Arcade. Instead, you'll have to create label classes for each symbol. In this first class, I want to show the deep points with a red label

Use the Filter to show only that attribute and set the Label style.

 

Here I've added another label class to show shallow points with a smaller green label.

This class uses a different filter