Change positive color for the whole project


#1

Guys, I am new to ionic and starting to learn.

I am not a css expert and I would like to change the whole positive color to a different kind of blue. How can I do that ? I don’t want to using style.css I want to change the sass and replace color hexa code

Thanks


#2

From the CLI use $ ionic setup sass. Then you can edit the sass file and run gulp.

“To customize the look and feel of Ionic, you can override the variables
in ionic’s _variables.scss file.”

platforms/{android or ios}/assets/www/lib/ionic/scss/_variables.scss

http://learn.ionicframework.com/videos/sass/


#3

When I ran “ionic setup sass” it gave me a lots of erros, I can’t even paste everything here

check the last one

npm ERR! Error: ENOENT, lstat '/mnt/project/html/Eduel-2/node_modules/bower/node_modules/configstore/node_modules/js-yaml/node_modules/argparse/lib/help/formatter.js’
npm ERR! If you need help, you may report this log at:
npm ERR! http://github.com/isaacs/npm/issues
npm ERR! or email it to:
npm ERR! npm-@googlegroups.com

npm ERR! System Linux 3.16.0-30-generic
npm ERR! command “/usr/bin/nodejs” “/usr/bin/npm” "install"
npm ERR! cwd /mnt/project/html/Eduel-2
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /mnt/project/html/Eduel-2/node_modules/bower/node_modules/configstore/node_modules/js-yaml/node_modules/argparse/lib/help/formatter.js
npm ERR! fstream_path /mnt/project/html/Eduel-2/node_modules/bower/node_modules/configstore/node_modules/js-yaml/node_modules/argparse/lib/help/formatter.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm http 304 https://registry.npmjs.org/graceful-fs
npm http GET https://registry.npmjs.org/inflight
npm http GET https://registry.npmjs.org/inherits
npm http GET https://registry.npmjs.org/once
npm http 304 https://registry.npmjs.org/inherits
npm http 304 https://registry.npmjs.org/inflight
npm http 304 https://registry.npmjs.org/once
npm http GET https://registry.npmjs.org/wrappy
npm http GET https://registry.npmjs.org/core-util-is
npm http GET https://registry.npmjs.org/isarray/0.0.1
npm http GET https://registry.npmjs.org/string_decoder
npm http 304 https://registry.npmjs.org/core-util-is
npm http 304 https://registry.npmjs.org/isarray/0.0.1
npm http 304 https://registry.npmjs.org/string_decoder
npm http 304 https://registry.npmjs.org/wrappy
npm http GET https://registry.npmjs.org/brace-expansion
npm http 304 https://registry.npmjs.org/brace-expansion
npm http GET https://registry.npmjs.org/balanced-match
npm http GET https://registry.npmjs.org/concat-map/0.0.1
npm http 304 https://registry.npmjs.org/concat-map/0.0.1
npm http 304 https://registry.npmjs.org/balanced-match
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /mnt/project/html/Eduel-2/npm-debug.log
npm ERR! not ok code 0

Error running npm install

Exception with (CLI v1.6.4)

Your system information:

Cordova CLI: 5.1.1
Gulp version: CLI version 3.9.0
Gulp local:
Ionic Version: 1.1.0
Ionic CLI Version: 1.6.4
Ionic App Lib Version: 0.3.8
OS: Distributor ID: Ubuntu Description: Ubuntu 14.04.3 LTS
Node Version: v0.10.25


#4

Did you change the folder to your project folder and run CLI from there? I did not mention that in the steps above, sorry.


#5

Yes did, I was in the project folder…

I was able to fix that error now I am getting a new one

ionic $ /mnt/project/html/Eduel-3/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:22
throw new Error(’libsass bindings not found. Try reinstalling node-sass ^ Error:libsassbindings not found. Try reinstallingnode-sass`?
at getBinding (/mnt/project/html/Eduel-3/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:22:11)
at Object. (/mnt/project/html/Eduel-3/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:188:23)
at Module._compile (module.js:460:26)
at Object.Module._extensions…js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/mnt/project/html/Eduel-3/node_modules/gulp-sass/index.js:3:17)
at Module._compile (module.js:460:26)