Updated the sdkCssVars file

Author: SambhuPega

assets/css/sdkCssVars.css

@@ -1,23 +1,6 @@
 /* CSS Variables used in SDK components */
 :root {
 
-  --app-primary-color: #007bff; /* was #673ab7; */
-  --app-primary-dark-color: #0048cc; /* was #4527A0; */
-  --app-primary-light-color: #33aeff; /* was #B499FC; */
-  --app-secondary-color: #FFC400;
-  --app-neutral-color: grey;
-  --app-neutral-light-color: lightgrey;
-  --app-neutral-dark-color: #262626;
-  --app-error-color: #f44336;
-  --app-error-light-color: #e57373;
-  --app-error-dark-color: #d32f2f;
-  --app-warning-color: #ff9800;
-  --app-warning-color-light: #ffb74d;
-  --app-warning-color-dark: #f57c00;
-  
-  --app-background-color: whitesmoke;
-  --app-form-color: white;
-  
   /* svg filter colors that match above, go here to generate https://codepen.io/sosuke/pen/Pjoqqp */
   /* replaced 3 filters when the primary, primary-dark, and primary-light were updated above
   --app-primary-color-filter: invert(23%) sepia(23%) saturate(6785%) hue-rotate(250deg) brightness(93%) contrast(88%);
@@ -31,11 +14,9 @@
   --app-neutral-color-filter: invert(55%) sepia(25%) saturate(0%) hue-rotate(269deg) brightness(87%) contrast(91%);
   --app-neutral-light-color-filter: invert(69%) sepia(74%) saturate(0%) hue-rotate(205deg) brightness(102%) contrast(103%);
   --app-white-color-filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(144deg) brightness(109%) contrast(101%);
-  
-  
+
+
   /* App Navigation */
-  --app-nav-bg: #262626;  /*!default*/
-  --app-nav-color: #d9d9d9; /* invert( var(--app-nav-bg)) !default */
   --app-nav-width: 13rem; /*!default*/
   /* $app-nav-width: 15.625rem !default; */
   --app-nav-width-expanded: 13rem /*!default*/;

src/index.html

@@ -15,7 +15,7 @@
 
     <link rel="icon" href="assets/img/favicon.ico" />
     <link rel="stylesheet" type="text/css" href="assets/css/sdkStyles.css" />
-    <!-- <link rel="stylesheet" type="text/css" href="assets/css/sdkCssVars.css" /> -->
+    <link rel="stylesheet" type="text/css" href="assets/css/sdkCssVars.css" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" />
     <link rel="preload" href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" as="style" type="text/css" />
     <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />