backend diferent repeater color?

[Roych]

Hello,

is it possible to change the color for each of the repeater in backend? I have two stacked repeaters and it is sometimes hard to find the right item to edit. So I would like to have the parent repeater in default green (Reno) and child repeater maybe some other color.

Thank you

R

[elabx]

Check this post: 

https://processwire.com/talk/topic/16932-adding-classes-to-repeater-items-for-custom-styling-in-admin/

[Robin S]

In AdminThemeUikit (might be dev branch only at the moment) you can choose from a few colour options for inputfields:

But it would be more flexible to use your browser dev tools to inspect the markup in Page Edit, find what class is unique to the inputfield you want to change, then use AdminOnSteroids or AdminCustomFiles to add a custom CSS file to change the background colour.

[Klenkes]

To give you another option:

I almost always use Reno and add an admin stylesheet to it via a hook in init.php

$this->addHookAfter('ProcessController::execute', function (HookEvent $event) {
   $this->config->styles->append("/site/templates/css/adminstyles.css");
});

and CSS to style stuff like Repeater:

.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader,
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader span {background:#59261E;}
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader:hover,
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader:hover span {background:#F5B92C;}

where .Inputfield_auswahl404 your fieldname is.

Like Robin S said, inspect with your DEV tools..