Why Doesn't My CSS Show Up in My Website's Surf Club Thumbnail?

[Nori Jammy]

My website is FRAMMYJAMMY, and shows up on the third page of The Surf Club, but it's thumbnail has no CSS! It's a white shell of itself! I have a feeling this has something to do with how my theme selector applies the colors, but I'm unsure.

I'd rather my site never show up like this in any thumbnails! Half the fun of my site is the colors, I think. If anyone could tell me what to do to change this, without compromising my theme selector and CSS variables, that'd be great!

Here is a screenshot of what my website's thumbnail looks like in The Surf Club:

Here's a screenshot of my website looking proper, with the "default" theme selected:

[Melooon]

That's in interesting one! I don't really know!

The logic of the screenshots is this:

• Launch Chrome
• Open a new 600x500 tab with JavaScript disabled
• Wait for the "domcontentloaded" flag to be set
• Wait 3 seconds to hopefully load all images etc
• Take a screenshot
• Close Chrome

It looks like if you disable JavaScript you get about 90% of the way there; your background image is also very big, so its possible that its not loading within the 3 second window.

I don't know that there's much I can do to fix that side of things; when your trying to automate screenshots on 2000 sites things just go wrong on some of them, particularity when they are media heavy

The SurfClub is due a redesign soon though and maybe we should add the option to set your own image as an alternative to the screenshot.

EDIt: Oh and as for the styling on your tab around the screenshot; it looks for background-image, background-color and color tags on the body; set those and it'll import them