Template/CSS: Repeated Bidirectional Chevrons

[oak jacinth]

Previously, I've used a template to create repeating chevrons (I think that's the term) as a background in a table cell. I would like to know if there's a way to make the chevrons into something like the second image.

Templates in use: https://dnatptrg.miraheze.org/wiki/Template:MaimaiSonglistCategory and https://dnatptrg.miraheze.org/wiki/Template:CustomTextBG
Reference page: https://dnatptrg.miraheze.org/wiki/Maimai_GreeN_PLUS
Reference template code: {{MaimaiSonglistCategory|{{CustomTextBG|#f2f109|#000000|Initial Update (2/26/2014)}}|bg=repeating-linear-gradient(45deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px), repeating-linear-gradient(135deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px)|size=100% 50%|repeat=no-repeat|pos=top left, bottom left}}

The CustomTextBG template isn't the problem here, but I will include it since it is used in the reference template code.

[vocal ravine]

You can do that by changing your existing parameters a bit

|bg=repeating-linear-gradient(45deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px), repeating-linear-gradient(135deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px), repeating-linear-gradient(45deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px), repeating-linear-gradient(135deg, #000000 0px, #000000 5px, #b1d606 10px, #b1d606 40px)
|size=50% 50%
|repeat=no-repeat
|pos=top left, bottom left, bottom right, top right

(bg is just the two gradients duplicated again)

You simply need to have 4 gradients for each quarter of the background instead of two halves.

Didn't know you can split the background like this until I saw you split in two, you learn something every day haha

(also if you want the transitions to be less blurred, have the px values of different colors closer to each other)