diff --git a/docs/src/components/code-block.vue b/docs/src/components/code-block.vue
index 5d47efe..a0875af 100644
--- a/docs/src/components/code-block.vue
+++ b/docs/src/components/code-block.vue
@@ -17,13 +17,17 @@
 
   .code-block {
     position: relative;
+    overflow: hidden;
     border-radius: 2px;
+    transition: $swift-ease-out;
     color: #455A64;
     font-family: "Operator Mono", "Fira Code", Menlo, Hack, "Roboto Mono", "Liberation Mono", Monaco, monospace;
     font-size: 14px;
     line-height: 24px;
 
     &:hover {
+      background-color: #f5f5f5;
+
       &:after {
         opacity: 0;
       }
diff --git a/docs/src/config.js b/docs/src/config.js
index b936216..27dbc5b 100644
--- a/docs/src/config.js
+++ b/docs/src/config.js
@@ -5,7 +5,7 @@ Vue.use(VueMaterial);
 
 Vue.material.theme.registerAll({
   default: {
-    primary: 'cyan',
+    primary: 'blue',
     accent: 'pink'
   },
   indigo: {
@@ -53,7 +53,7 @@ Vue.material.theme.registerAll({
   },
   white: {
     primary: 'white',
-    accent: 'indigo'
+    accent: 'blue'
   },
   grey: {
     primary: {
diff --git a/docs/src/index.js b/docs/src/index.js
index 579fa11..07d5b06 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -41,12 +41,10 @@ let router = new VueRouter({
 
 let Docs = Vue.component('app', App);
 let handleSectionTheme = (currentRoute) => {
-  if (currentRoute.name.indexOf('introduction') >= 0) {
-    Docs.theme = 'blue';
-  } else if (currentRoute.name.indexOf('components') >= 0) {
+  if (currentRoute.name.indexOf('getting') >= 0) {
     Docs.theme = 'indigo';
   } else if (currentRoute.name.indexOf('themes') >= 0) {
-    Docs.theme = 'blue';
+    Docs.theme = 'teal';
   } else if (currentRoute.name.indexOf('ui-elements') >= 0) {
     Docs.theme = 'blue-grey';
   } else if (currentRoute.name.indexOf('changelog') >= 0) {