diff --git a/public/styles/settings/animation.scss b/public/styles/settings/animation.scss
new file mode 100644
index 0000000..9129cee
--- /dev/null
+++ b/public/styles/settings/animation.scss
@@ -0,0 +1,18 @@
+/*
+ *  Animation
+ *    Animation settings.
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/23
+ */
+$s-animation--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+$s-animation--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+$s-animation--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+
+$s-animation--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+$s-animation--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+$s-animation--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+
+$s-animation--ease-in-out:  $s-animation--ease-in-out-quart;
+$s-animation--ease-in:      $s-animation--ease-in-quart;
+$s-animation--ease-out:     $s-animation--ease-out-quart;
diff --git a/public/styles/settings/colors.scss b/public/styles/settings/colors.scss
index a559419..29a6541 100644
--- a/public/styles/settings/colors.scss
+++ b/public/styles/settings/colors.scss
@@ -28,3 +28,5 @@ $s-color--link-hover: lighten($s-color--link, 10%);
 $s-color--navbar: rgba(0, 0, 0, 0.75);
 $s-color--navbar__text: white;
 $s-color--navbar__text-hover: #CCC;
+$s-color--navbar__bar-hover: $s-color--pastel-blue;
+$s-color--navbar__bar-active: $s-color--pastel-green;