diff --git a/aio/src/styles/2-modules/_deploy-theme.scss b/aio/src/styles/2-modules/_deploy-theme.scss
new file mode 100644
index 0000000000..3858b66ce7
--- /dev/null
+++ b/aio/src/styles/2-modules/_deploy-theme.scss
@@ -0,0 +1,50 @@
+
+aio-shell.mode-archive {
+
+  .mat-toolbar.mat-primary, footer {
+    background: linear-gradient(145deg,#263238,#78909C);
+  }
+
+  .vertical-menu-item {
+    &.selected, &:hover {
+      color: #263238;
+    }
+  }
+
+  .toc-inner ul.toc-list li.active a {
+    color: #263238;
+
+    &:before {
+      background-color: #263238;
+    }
+  }
+
+  .toc-inner ul.toc-list li:hover a {
+    color: #263238;
+  }
+}
+
+aio-shell.mode-next {
+
+  .mat-toolbar.mat-primary, footer {
+    background: linear-gradient(145deg,#DD0031,#C3002F);
+  }
+
+  .vertical-menu-item {
+    &.selected, &:hover {
+      color: #DD0031;
+    }
+  }
+
+  .toc-inner ul.toc-list li.active a {
+    color: #DD0031;
+
+    &:before {
+      background-color: #DD0031;
+    }
+  }
+
+  .toc-inner ul.toc-list li:hover a {
+    color: #DD0031;
+  }
+}
diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_modules-dir.scss
index c145331196..4828b05e68 100644
--- a/aio/src/styles/2-modules/_modules-dir.scss
+++ b/aio/src/styles/2-modules/_modules-dir.scss
@@ -29,3 +29,4 @@
    @import 'subsection';
    @import 'toc';
    @import 'select-menu';
+   @import 'deploy-theme';