Update: I got so frustrated I didn’t see the language change I added a panel-custom.css (Styling | Kirby CMS) and added a flag for German and English (for German black/red/yellow, for English red/white).
Here goes the code for Kirby 3.3.5:
.k-panel[data-translation="de"] .k-header .k-dropdown:last-child [data-responsive="true"],
.k-panel[data-translation="en"] .k-header .k-dropdown:last-child [data-responsive="true"]{
position: relative;
&:after {
position: absolute;
top: 6px;
right: 0;
content: '';
background: linear-gradient(180deg, rgba(0,0,0,1) 3px, rgba(255,0,0,1) 3px, rgba(255,0,0,1) 6px, rgba(255,204,0,1) 6px, rgba(255,204,0,1) 9px, rgba(255,204,0,1) 9px,rgba(239,239,239,1) 9px);
width: 15px;
height: 9px;
}
}
.k-panel[data-translation="en"] .k-header .k-dropdown:last-child [data-responsive="true"] {
&:after {
background: linear-gradient(180deg, rgba(208,12,39,1) 5px, rgba(255,255,255,1) 5px, rgba(255,255,255,1) 10px, rgba(239,239,239,1) 10px, rgba(200,200,200,1) 11px, rgba(200,200,200,1) 11px, rgba(239,239,239,1) 12px);
}
}
Here goes the code for Kirby 3.7:
[data-language="de"] .k-header .k-dropdown [data-responsive="true"],
[data-language="en"] .k-header .k-dropdown [data-responsive="true"]{
position: relative;
&:after {
position: absolute;
top: 6px;
right: 0;
content: '';
background: linear-gradient(180deg, rgba(0,0,0,1) 3px, rgba(255,0,0,1) 3px, rgba(255,0,0,1) 6px, rgba(255,204,0,1) 6px, rgba(255,204,0,1) 9px, rgba(255,204,0,1) 9px,rgba(239,239,239,1) 9px);
width: 15px;
height: 9px;
}
}
[data-language="en"] .k-header .k-dropdown [data-responsive="true"] {
&:after {
background: linear-gradient(180deg, rgba(208,12,39,1) 5px, rgba(255,255,255,1) 5px, rgba(255,255,255,1) 10px, rgba(239,239,239,1) 10px, rgba(200,200,200,1) 11px, rgba(200,200,200,1) 11px, rgba(239,239,239,1) 12px);
}
}