Sass Error Variable.scss - $colors: (

@develop-ai wrote:

I’m having isues with ionic cordova run android -l
everything was working good. I’ve updated my nodejs on pc. Now i’m having isues with build.

[app-scripts] [10:41:36]  sass started ... 
[app-scripts] [10:41:37]  sass: src/theme/variables.scss, line: 36 
[app-scripts]             (skyblue: #488aff, primaryText: #727270, headers: #5e5e5e, secondary: #32db64, danger: #ca2929, light: 
[app-scripts]             #f4f4f4, dark: #222, orange: #fc6108, sos: #7a08fc, blu: #3e6aca, gray: #7e7e7e, activeBg: #dadedf, 
[app-scripts]             disabled: (contrast: #aaaaaa, base: #e7e7e7), green: (contrast: #fafafa, base: #2ecc71), primary: (contrast: 
[app-scripts]             #f4f4f4, base: #727270), primary-menu: (contrast: #33cfff, base: #f4f4f4), redIcons: (contrast: #ca2929, 
[app-scripts]             base: #f4f4f4)) isn't a valid CSS value. 
[app-scripts]       L36:  $colors:(
[app-scripts]       L37:    skyblue:    #488aff,

[INFO] Development server running!

IONIC INFO

Ionic:

   Ionic CLI          : 5.4.1 (/Users/pc-areaindustries/.npm-global/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.8
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 7.1.4
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.0, (and 20 other plugins)

Utility:

   cordova-res : 0.6.0 
   native-run  : 0.2.7 (update available: 0.2.8)

System:

   Android SDK Tools : 26.1.1 (/Users/pc-areaindustries/Library/Android/sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 7.0.0
   NodeJS            : v10.16.0 (/usr/local/bin/node)
   npm               : 6.11.3
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61

here is my variable.scss

// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors:(
  skyblue:    #488aff,
  primaryText:#727270,
  headers:    #5e5e5e,
  secondary:  #32db64,
  danger:     #ca2929,
  light:      #f4f4f4,
  dark:       #222,
  orange:     #fc6108,
  sos:        #7a08fc,
  blu:        #3e6aca,
  gray:       #7e7e7e,
  activeBg:  #dadedf,
  disabled: (
    contrast: #aaaaaa,
    base: #e7e7e7
  ),
  green:   (
    contrast: rgb(250, 250, 250),  /* color */
    base: #2ecc71 /* background */
  ),
  primary: (
    contrast: #f4f4f4,
    base: #727270
  ),
  // side menu color
  primary-menu: (
    contrast: #33cfff,
    base: #f4f4f4
  ),
  redIcons: (
    contrast: #ca2929,
    base: #f4f4f4
  ),
);

// Custom scss
$toolbar-background: #727270;

// $modal-inset-width: 45%;
$modal-inset-height-large: 100%;
$modal-ios-border-radius: 0px;

// alertController personalizzazione
$alert-min-width: 400px;
// $alert-ios-background: #f2f2f2;
$alert-ios-title-font-size: 25px;
$alert-md-title-font-size: 25px;
$alert-ios-sub-title-text-color: rgb(78, 78, 78);
$alert-ios-sub-title-font-size: 20px;
$alert-md-sub-title-font-size: 20px;
$alert-button-font-size: 20px;
// $alert-ios-button-text-color: rgb(79, 64, 148);
// $alert-md-button-text-color: white;
// $alert-ios-button-background-color: #00cab9;
// $alert-md-button-background-color: #305183;
$alert-ios-button-background-color-activated: #488aff;
$alert-md-button-background-color-activated: #a7a7a7;


$fab-content-margin:0px;
// toolbar height
$toolbar-md-height: 80px;

$font-size-base: 16px;
$toolbar-order-md: ( back-button: 0, menu-toggle-start: 1, buttons-left: 3, content: 4, buttons-start: 2, buttons-end: 5, buttons-right: 6, menu-toggle-end: 7);
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";


@import "full_calendar";

does anyone have the solution? already did this:

• removed “node_modules” then npm install
• npm update
• npm rebuild node-sass

etc

Posts: 1

Participants: 1

Read full topic