0

I am trying to build a custom theme. I added the $base-color and $base_gradient properties to my resources/sass/app.scss and compiled it by issuing compass compile from the folder. The compilation worked and replaced the css/app.csss. However I am not seeing the changes reflected in my application. How do I change the theme with sass and compass?

Vikram Bhaskaran
  • 377
  • 3
  • 9

1 Answers1

0

Base gradient takes a - not a _

Then check that your var are defined after the line (should not matter for base-color but better to put them after)

@import 'sencha-touch/default/all';

Your vars should be defined like this :

$base-color: #7A1E08;  
$base-gradient: 'glossy';

Check that you are in the [app-folder]/resources/sass/app.css and not in the sdk folder

When compiling you should see the following line 

overwrite ../css/app.css

Empty your browser cache then reload your app.

Ronan Quillevere
  • 3,699
  • 1
  • 29
  • 44
  • I have found that I have to define $base-color before the first import or it will have no effect. @Ronan Does it work for you if you define it after the import? – xpereta Aug 23 '12 at 17:40
  • I put my vars after _import 'sencha-touch/default/all'_; and before _include sencha-panel_; – Ronan Quillevere Sep 03 '12 at 08:47
  • Check this post for more explanations [link](http://www.sencha.com/forum/showthread.php?238064-SASS-Form-variable-form-label-background-color) – Ronan Quillevere Sep 03 '12 at 08:53