Overriding spree_fancy variables in spree 2.2 stable

[jithinkumartj]

I want to change the background of spree fancy homepage, and change the color of slider as well. I tried overriding as mentioned in the issues #76 #62 and #81 . It doesn't seem to work.
I created a file app/assets/stylesheets/store/variables_override.css.scss as @radar said in #76 with its contents
body{
background: black;
}

That didnt work for me. Any help!

https://gist.github.com/jithinkumartj/41c70027866a13ba7713

[jithinkumartj]

Overriding variables in app/assets/stylesheets/spree/fancy/variables_override.css.scss works in rails server. But it does not work in nginx unicorn server.

if i goto http://ip/assets/spree/fancy.css?body=1. This server is hosted using nginx unicorn.

/
/--------------------------------------/
/ Colors
/--------------------------------------/
/* Spree green /
/ Error red /
/ -------------------------------------------- /
/ Load "Open Sans" font from Google Fonts
/* -------------------------------------------- /
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600);
/--------------------------------------/
/ Font families
/--------------------------------------/
/_--------------------------------------

Font sizes
- Navigation
*/
/_
- Product Listing
_/
/_
- Product Details
_/
/_
- Basic
_/
/_ Override this file in your application to customize spree_fancy _/
/_ line 1, /home/spree/.rvm/gems/ruby-2.0.0-p481/bundler/gems/spree_fancy-bdeaeb9ced29/app/assets/stylesheets/spree/fancy/shared/_typography.scss */
a {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}

But if i goto http://IP/assets/spree/fancy.css it has the contents of variables_override
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600);
/--------------------------------------/
/* Font families
/--------------------------------------/
/_--------------------------------------

Font sizes
- Navigation
*/
/_
- Product Listing
_/
/_
- Product Details
_/
/_
- Basic
_/
/_ line 1, /var/www/mystore/app/assets/stylesheets/spree/fancy/variables_override.css.scss _/
body {
background-color: black;
/_testing */
}

[buzzlightyear182]

i have the same issue, using branch: '2-4-stable'
i also tried creating the file variable_overrides.css.scss in vendor/assets/stylesheets/spree/fancy and app/assets/stylesheets/spree/fancy and both are not replacing the colors.