diff --git a/core/src/components/action-sheet/animations/md.enter.ts b/core/src/components/action-sheet/animations/md.enter.ts
index 3f2888ef05..06fa6f1a49 100644
--- a/core/src/components/action-sheet/animations/md.enter.ts
+++ b/core/src/components/action-sheet/animations/md.enter.ts
@@ -13,7 +13,7 @@ export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.action-sheet-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.01, 0.26);
+  backdropAnimation.fromTo('opacity', 0.01, 0.32);
   wrapperAnimation.fromTo('translateY', '100%', '0%');
 
   const ani = baseAnimation
diff --git a/core/src/components/action-sheet/animations/md.leave.ts b/core/src/components/action-sheet/animations/md.leave.ts
index 45b1f34445..60cfd06fbf 100644
--- a/core/src/components/action-sheet/animations/md.leave.ts
+++ b/core/src/components/action-sheet/animations/md.leave.ts
@@ -13,7 +13,7 @@ export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.action-sheet-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.26, 0);
+  backdropAnimation.fromTo('opacity', 0.32, 0);
   wrapperAnimation.fromTo('translateY', '0%', '100%');
 
   const ani = baseAnimation
diff --git a/core/src/components/alert/animations/md.enter.ts b/core/src/components/alert/animations/md.enter.ts
index a2582f371a..2f976e8b87 100644
--- a/core/src/components/alert/animations/md.enter.ts
+++ b/core/src/components/alert/animations/md.enter.ts
@@ -12,7 +12,7 @@ export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.alert-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.01, 0.5);
+  backdropAnimation.fromTo('opacity', 0.01, 0.32);
 
   wrapperAnimation.fromTo('opacity', 0.01, 1).fromTo('scale', 0.9, 1);
 
diff --git a/core/src/components/alert/animations/md.leave.ts b/core/src/components/alert/animations/md.leave.ts
index 3afdef8458..d13fb06232 100644
--- a/core/src/components/alert/animations/md.leave.ts
+++ b/core/src/components/alert/animations/md.leave.ts
@@ -12,7 +12,7 @@ export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.alert-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.5, 0);
+  backdropAnimation.fromTo('opacity', 0.32, 0);
 
   wrapperAnimation.fromTo('opacity', 0.99, 0);
 
diff --git a/core/src/components/loading/animations/md.enter.ts b/core/src/components/loading/animations/md.enter.ts
index 92b258c612..d25e753ce9 100644
--- a/core/src/components/loading/animations/md.enter.ts
+++ b/core/src/components/loading/animations/md.enter.ts
@@ -12,7 +12,7 @@ export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.01, 0.5);
+  backdropAnimation.fromTo('opacity', 0.01, 0.32);
 
   wrapperAnimation.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1);
 
diff --git a/core/src/components/loading/animations/md.leave.ts b/core/src/components/loading/animations/md.leave.ts
index dd363ffd82..66c89b7564 100644
--- a/core/src/components/loading/animations/md.leave.ts
+++ b/core/src/components/loading/animations/md.leave.ts
@@ -12,7 +12,7 @@ export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.loading-wrapper'));
 
-  backdropAnimation.fromTo('opacity', 0.5, 0);
+  backdropAnimation.fromTo('opacity', 0.32, 0);
 
   wrapperAnimation.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9);
 
diff --git a/core/src/components/menu-controller/animations/overlay.ts b/core/src/components/menu-controller/animations/overlay.ts
index e3845c06a0..1d1ae6dcfc 100644
--- a/core/src/components/menu-controller/animations/overlay.ts
+++ b/core/src/components/menu-controller/animations/overlay.ts
@@ -23,16 +23,16 @@ export function menuOverlayAnimation(AnimationC: Animation, _: HTMLElement, menu
     openedX = '0px';
   }
 
-  const menuAni = new AnimationC()
+  const menuAnimation = new AnimationC()
     .addElement(menu.menuInnerEl)
     .fromTo('translateX', closedX, openedX);
 
-  const backdropAni = new AnimationC()
+  const backdropAnimation = new AnimationC()
     .addElement(menu.backdropEl)
-    .fromTo('opacity', 0.01, 0.3);
+    .fromTo('opacity', 0.01, 0.32);
 
   return baseAnimation(AnimationC).then(animation => {
-    return animation.add(menuAni)
-      .add(backdropAni);
+    return animation.add(menuAnimation)
+      .add(backdropAnimation);
   });
 }
diff --git a/core/src/components/menu-controller/animations/push.ts b/core/src/components/menu-controller/animations/push.ts
index 01dacc93ed..ffde17948a 100644
--- a/core/src/components/menu-controller/animations/push.ts
+++ b/core/src/components/menu-controller/animations/push.ts
@@ -21,21 +21,21 @@ export function menuPushAnimation(AnimationC: Animation, _: HTMLElement, menu: M
     contentOpenedX = width + 'px';
     menuClosedX = -width + 'px';
   }
-  const menuAni = new AnimationC()
+  const menuAnimation = new AnimationC()
     .addElement(menu.menuInnerEl)
     .fromTo('translateX', menuClosedX, '0px');
 
-  const contentAni = new AnimationC()
+  const contentAnimation = new AnimationC()
     .addElement(menu.contentEl)
     .fromTo('translateX', '0px', contentOpenedX);
 
-  const backdropAni = new AnimationC()
+  const backdropAnimation = new AnimationC()
     .addElement(menu.backdropEl)
-    .fromTo('opacity', 0.01, 0.2);
+    .fromTo('opacity', 0.01, 0.32);
 
   return baseAnimation(AnimationC).then(animation => {
-    return animation.add(menuAni)
-    .add(backdropAni)
-    .add(contentAni);
+    return animation.add(menuAnimation)
+    .add(backdropAnimation)
+    .add(contentAnimation);
   });
 }
diff --git a/core/src/components/modal/animations/md.enter.ts b/core/src/components/modal/animations/md.enter.ts
index e8ef77ed15..a406bf669f 100644
--- a/core/src/components/modal/animations/md.enter.ts
+++ b/core/src/components/modal/animations/md.enter.ts
@@ -16,7 +16,7 @@ export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
     .fromTo('opacity', 0.01, 1)
     .fromTo('translateY', '40px', '0px');
 
-  backdropAnimation.fromTo('opacity', 0.01, 0.4);
+  backdropAnimation.fromTo('opacity', 0.01, 0.32);
 
   return Promise.resolve(baseAnimation
     .addElement(baseEl)
diff --git a/core/src/components/modal/animations/md.leave.ts b/core/src/components/modal/animations/md.leave.ts
index 0e8bd9c09b..b9fc0f5738 100644
--- a/core/src/components/modal/animations/md.leave.ts
+++ b/core/src/components/modal/animations/md.leave.ts
@@ -17,7 +17,7 @@ export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
     .fromTo('opacity', 0.99, 0)
     .fromTo('translateY', '0px', '40px');
 
-  backdropAnimation.fromTo('opacity', 0.4, 0.0);
+  backdropAnimation.fromTo('opacity', 0.32, 0.0);
 
   return Promise.resolve(baseAnimation
     .addElement(baseEl)
diff --git a/core/src/components/popover/animations/md.enter.ts b/core/src/components/popover/animations/md.enter.ts
index dd0dcfe313..d5880f3dcf 100644
--- a/core/src/components/popover/animations/md.enter.ts
+++ b/core/src/components/popover/animations/md.enter.ts
@@ -71,7 +71,7 @@ export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement, ev?
 
   const backdropAnimation = new AnimationC();
   backdropAnimation.addElement(baseEl.querySelector('ion-backdrop'));
-  backdropAnimation.fromTo('opacity', 0.01, 0.08);
+  backdropAnimation.fromTo('opacity', 0.01, 0.32);
 
   const wrapperAnimation = new AnimationC();
   wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper'));
diff --git a/core/src/components/popover/animations/md.leave.ts b/core/src/components/popover/animations/md.leave.ts
index de3087fde9..a7b64d228f 100644
--- a/core/src/components/popover/animations/md.leave.ts
+++ b/core/src/components/popover/animations/md.leave.ts
@@ -13,7 +13,7 @@ export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Pr
   wrapperAnimation.addElement(baseEl.querySelector('.popover-wrapper'));
 
   wrapperAnimation.fromTo('opacity', 0.99, 0);
-  backdropAnimation.fromTo('opacity', 0.08, 0);
+  backdropAnimation.fromTo('opacity', 0.32, 0);
 
   return Promise.resolve(baseAnimation
     .addElement(baseEl)