I know how to make a color background but i can\'t seem to find anything useful for setting the image as a background and would be really grateful for any help with my code.
canvas.before:
Rectangle:
pos: self.pos
size: self.size
Image:
source: "lights.png"
Image is a widget, you can't place it on the canvas.
What you *can do is either just set a source for the Rectangle:
canvas.before:
Rectangle:
pos: self.pos
size: self.size
source: 'lights.png'
...or place your Image behind the other widgets by putting them in a container layout.