Background & Border theme not applying

As the title suggests, the background and border are not being applied.
Currently this is how the menu looks like:

The background color and effect are not changing no matter what I change.

This is the current theme:
`theme
{
name = "modern"

view = view.medium

background
{
color = #050505
opacity = 100
effect = 1
}

item
{
opacity = 100

prefix = 1

text
{
normal = #fff
select = #fff
normal-disabled = #fff
select-disabled = #fff
}

back
{
select = #510000
select-disabled = #510000
}
}

font
{
size = 18
name = "Segoe UI"

}

shadow
{
enabled = true
size = 5
opacity = 5
color = #11111b
}

separator
{
size = 1
color = #280000
}

symbol
{
normal = #cc0000
select = #cc0000
normal-disabled = #510000
select-disabled = #510000
}

image
{
enabled = true
color = [#cc0000, #510000]
}

border
{
enabled = true
size = 2
color = #cc0000
opacity = 100
radius = 20

}
}`