panel background doesn't change

[joshis9]

I wanted make the panels a bit transparent and selected the "Panel BG Color" but it didn't work. So I tried the additional CSS Style with ".panel-container {background-color: rgba(0,0,0,0.3)} but this also didn't work.

• Grafana version : 10.0.2
• Plugin version : 0.2.1
• Did this work in any other version of Grafana : never tried before

Panel JSON

{
"datasource": {
"type": "influxdb",
"uid": "gY6oQtTGk"
},
"gridPos": {
"h": 2,
"w": 24,
"x": 0,
"y": 8
},
"id": 2,
"options": {
"activeTheme": "Custom",
"disableThemePicker": true,
"themes": [
{
"name": "Custom",
"styles": [
{
"props": {
"theme": "default"
},
"type": "basetheme"
},
{
"props": {
"url": "https://static.vecteezy.com/system/resources/previews/002/743/477/non_2x/design-in-the-concept-of-electronic-circuit-boards-vector.jpg"
},
"type": "bgimage"
},
{
"props": {
"url": ""
},
"type": "url"
},
{
"props": {
"text": ".panel-container {background-color: rgba(0,0,0,0.3);}"
},
"type": "style"
},
{
"props": {
"color": "#8080806e"
},
"type": "panel-container-bg-color"
}
]
}
]
},
"pluginVersion": "0.2.1",
"transparent": true,
"type": "yesoreyeram-boomtheme-panel"
}

[sdokmak]

Hi @joshis9. I know this is an old comment, but what worked for me is to check your web browser's dev console for the error. The theme.css files have different numbers to what exists in the public folder, but they're there. So what you can do is copy-paste the files to match the filename being expected.