Can't change jQuery Mobile background color?

Question

I'm implementing jQuery Mobile for the first time and am having a hard time changing the background color of my site's body. Instead of posting all of the HTML and CSS here (because it's long), you can look at the source here: http://www.tommaxwell.me

I've tried adding it to the desktop media query, the body of the site outside of any media queries, and no luck. This is weird, but I've never used jQuery Mobile before.

Answer 1

Change this css properties in your siteredesign.css(make sure it overrides jquery.mobile.css):

.ui-body-c, .ui-overlay-c { background:#000; }

Answer 2

As an alternative for changing the data theme itself (.ui-body-c ..), you could also use another of the predefined data themes, i.e theme "a":

<div data-role="page" data-theme="a">