diff --git a/UI/WebServerResources/scss/components/backdrop/backdrop-theme.scss b/UI/WebServerResources/scss/components/backdrop/backdrop-theme.scss
deleted file mode 100644
index 1ffaff572..000000000
--- a/UI/WebServerResources/scss/components/backdrop/backdrop-theme.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-md-backdrop.md-opaque.md-THEME_NAME-theme {
-  background-color: '{{foreground-4-0.5}}';
-  position: absolute
-}
diff --git a/UI/WebServerResources/scss/components/bottomSheet/bottomSheet-theme.scss b/UI/WebServerResources/scss/components/bottomSheet/bottomSheet-theme.scss
deleted file mode 100644
index 734aaca28..000000000
--- a/UI/WebServerResources/scss/components/bottomSheet/bottomSheet-theme.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-/// bottomSheet-theme.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
-md-bottom-sheet.md-THEME_NAME-theme {
-  background-color: '{{background-50}}';
-  border-top-color: '{{background-300}}';
-
-  &.md-list {
-    md-item {
-      color: '{{foreground-1}}';
-    }
-  }
-
-  .md-subheader {
-    background-color: '{{background-50}}';
-  }
-
-  .md-subheader {
-    color: '{{foreground-1}}';
-  }
-}
diff --git a/UI/WebServerResources/scss/components/button/button-theme.scss b/UI/WebServerResources/scss/components/button/button-theme.scss
deleted file mode 100644
index 8ccc9fa9e..000000000
--- a/UI/WebServerResources/scss/components/button/button-theme.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-$button-border-radius: 3px !default;
-$button-fab-border-radius: 50% !default;
-
-.md-button.md-THEME_NAME-theme {
-  border-radius: $button-border-radius;
-
-  &:not([disabled]) {
-    &:hover, 
-    &:focus {
-      background-color: '{{background-500-0.2}}';
-    }
-  }
-
-  &.md-primary {
-    color: '{{primary-color}}';
-    &.md-raised,
-    &.md-fab {
-      color: '{{primary-contrast}}';
-      background-color: '{{primary-color}}';
-      &:not([disabled]) {
-        &:hover, 
-        &:focus {
-          background-color: '{{primary-600}}';
-        }
-      }
-    }
-  }
-
-  &.md-fab {
-    border-radius: $button-fab-border-radius;
-  }
-
-  &.md-raised,
-  &.md-fab {
-    color: '{{background-contrast}}';
-    background-color: '{{background-500-0.185}}';
-    &:not([disabled]) {
-      &:hover, 
-      &:focus {
-        background-color: '{{background-500-0.3}}';
-      }
-    }
-  }
-
-  &.md-warn {
-    color: '{{warn-color}}';
-
-    &.md-raised,
-    &.md-fab {
-      color: '{{warn-contrast}}';
-      background-color: '{{warn-color}}';
-      &:not([disabled]) {
-        &:hover, 
-        &:focus {
-          background-color: '{{warn-700}}';
-        }
-      }
-    }
-  }
-
-  &.md-accent {
-    color: '{{accent-color}}';
-
-    &.md-raised,
-    &.md-fab {
-      color: '{{accent-contrast}}';
-      background-color: '{{accent-color}}';
-      &:not([disabled]) {
-        &:hover, 
-        &:focus {
-          background-color: '{{accent-700}}';
-        }
-      }
-    }
-  }
-
-  &[disabled],
-  &.md-raised[disabled],
-  &.md-fab[disabled] {
-    color: '{{foreground-3}}';
-    background-color: transparent;
-    cursor: not-allowed;
-  }
-}
diff --git a/UI/WebServerResources/scss/components/card/card-theme.scss b/UI/WebServerResources/scss/components/card/card-theme.scss
deleted file mode 100644
index ab135e201..000000000
--- a/UI/WebServerResources/scss/components/card/card-theme.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-$card-border-radius: 2px !default;
-
-md-card.md-THEME_NAME-theme {
-  border-radius: $card-border-radius;
-
-  .md-card-image {
-    border-radius: $card-border-radius $card-border-radius 0 0;
-  }
-}
diff --git a/UI/WebServerResources/scss/components/checkbox/checkbox-theme.scss b/UI/WebServerResources/scss/components/checkbox/checkbox-theme.scss
deleted file mode 100644
index 29da4f543..000000000
--- a/UI/WebServerResources/scss/components/checkbox/checkbox-theme.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-md-checkbox.md-THEME_NAME-theme {
-
-  .md-ripple {
-    color: '{{accent-600}}';
-  }
-  &.md-checked .md-ripple {
-    color: '{{background-600}}';
-  }
-
-  .md-icon {
-    border-color: '{{foreground-2}}';
-  }
-  &.md-checked .md-icon {
-    background-color: '{{accent-color-0.87}}';
-  }
-
-  &.md-checked .md-icon:after {
-    border-color: '{{background-200}}';
-  }
-
-  &:not([disabled]) {
-    &.md-primary {
-      .md-ripple {
-        color: '{{primary-600}}';
-      }
-      &.md-checked .md-ripple {
-        color: '{{background-600}}';
-      }
-
-      .md-icon {
-        border-color: '{{foreground-2}}';
-      }
-      &.md-checked .md-icon {
-        background-color: '{{primary-color-0.87}}';
-      }
-
-      &.md-checked .md-icon:after {
-        border-color: '{{background-200}}';
-      }
-    }
-
-    &.md-warn {
-      .md-ripple {
-        color: '{{warn-600}}';
-      }
-      &.md-checked .md-ripple {
-        color: '{{background-600}}';
-      }
-
-      .md-icon {
-        border-color: '{{foreground-2}}';
-      }
-      &.md-checked .md-icon {
-        background-color: '{{warn-color-0.87}}';
-      }
-
-      &.md-checked .md-icon:after {
-        border-color: '{{background-200}}';
-      }
-    }
-  }
-
-  &[disabled] {
-    .md-icon {
-      border-color: '{{foreground-3}}';
-    }
-
-    &.md-checked .md-icon {
-      background-color: '{{foreground-3}}';
-    }
-  }
-
-}
diff --git a/UI/WebServerResources/scss/components/content/content-theme.scss b/UI/WebServerResources/scss/components/content/content-theme.scss
deleted file mode 100644
index cb8823d08..000000000
--- a/UI/WebServerResources/scss/components/content/content-theme.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-$content-background-color: $background-color-base !default;
-
-md-content.md-THEME_NAME-theme {
-  background-color: '{{background-hue-3}}';
-}
diff --git a/UI/WebServerResources/scss/components/dialog/dialog-theme.scss b/UI/WebServerResources/scss/components/dialog/dialog-theme.scss
deleted file mode 100644
index 01c367d94..000000000
--- a/UI/WebServerResources/scss/components/dialog/dialog-theme.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-$dialog-border-radius: 4px !default;
-
-md-dialog.md-THEME_NAME-theme {
-  border-radius: $dialog-border-radius;
-  background-color: '{{background-hue-3}}';
-
-  &.md-content-overflow .md-actions {
-    border-top-color: '{{foreground-4}}';
-  }
-}
-
diff --git a/UI/WebServerResources/scss/components/divider/divider-theme.scss b/UI/WebServerResources/scss/components/divider/divider-theme.scss
deleted file mode 100644
index 36619773b..000000000
--- a/UI/WebServerResources/scss/components/divider/divider-theme.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-md-divider.md-THEME_NAME-theme {
-  border-top-color: '{{foreground-4}}';
-}
diff --git a/UI/WebServerResources/scss/components/input/input-theme.scss b/UI/WebServerResources/scss/components/input/input-theme.scss
deleted file mode 100644
index f1828a1ca..000000000
--- a/UI/WebServerResources/scss/components/input/input-theme.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-md-input-container.md-THEME_NAME-theme {
-  .md-input {
-    @include input-placeholder-color('{{foreground-3}}');
-    color: '{{foreground-1}}';
-    border-color: '{{foreground-4}}';
-    text-shadow: '{{foreground-shadow}}';
-  }
-
-  label {
-    text-shadow: '{{foreground-shadow}}';
-    color: '{{foreground-3}}';
-  }
-
-  &.md-input-focused {
-    .md-input {
-      border-color: '{{primary-500}}';
-    }
-    label {
-      color: '{{primary-500}}';
-    }
-    &.md-accent {
-      .md-input {
-        border-color: '{{accent-500}}';
-      }
-      label {
-        color: '{{accent-500}}';
-      }
-    }
-    &.md-warn {
-      .md-input {
-        border-color: '{{warn-500}}';
-      }
-      label {
-        color: '{{warn-500}}';
-      }
-    }
-  }
-
-  &.md-input-has-value:not(.md-input-focused) {
-    label {
-      color: '{{foreground-2}}';
-    }
-  }
-
-  .md-input[disabled] {
-    border-bottom-color: transparent;
-    color: '{{foreground-3}}';
-    background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%);
-  }
-}
diff --git a/UI/WebServerResources/scss/components/progressCircular/progressCircular-theme.scss b/UI/WebServerResources/scss/components/progressCircular/progressCircular-theme.scss
deleted file mode 100644
index 1ce3f059c..000000000
--- a/UI/WebServerResources/scss/components/progressCircular/progressCircular-theme.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-
-md-progress-circular.md-THEME_NAME-theme {
-  background-color: transparent;
-  .md-inner {
-    .md-gap {
-      border-top-color: '{{primary-color}}';
-      border-bottom-color: '{{primary-color}}';
-    }
-    .md-left, .md-right {
-      .md-half-circle {
-        border-top-color: '{{primary-color}}';
-      }
-    }
-    .md-right {
-      .md-half-circle {
-        border-right-color: '{{primary-color}}';
-      }
-    }
-    .md-left {
-      .md-half-circle {
-        border-left-color: '{{primary-color}}';
-      }
-    }
-  }
-  &.md-warn {
-    .md-inner {
-      .md-gap {
-        border-top-color: '{{warn-color}}';
-        border-bottom-color: '{{warn-color}}';
-      }
-      .md-left, .md-right {
-        .md-half-circle {
-          border-top-color: '{{warn-color}}';
-        }
-      }
-      .md-right {
-        .md-half-circle {
-          border-right-color: '{{warn-color}}';
-        }
-      }
-      .md-left {
-        .md-half-circle {
-          border-left-color: '{{warn-color}}';
-        }
-      }
-    }
-  }
-  &.md-accent {
-    .md-inner {
-      .md-gap {
-        border-top-color: '{{accent-color}}';
-        border-bottom-color: '{{accent-color}}';
-      }
-      .md-left, .md-right {
-        .md-half-circle {
-          border-top-color: '{{accent-color}}';
-        }
-      }
-      .md-right {
-        .md-half-circle {
-          border-right-color: '{{accent-color}}';
-        }
-      }
-      .md-left {
-        .md-half-circle {
-          border-left-color: '{{accent-color}}';
-        }
-      }
-    }
-  }
-}
diff --git a/UI/WebServerResources/scss/components/progressLinear/progressLinear-theme.scss b/UI/WebServerResources/scss/components/progressLinear/progressLinear-theme.scss
deleted file mode 100644
index 6001a12a7..000000000
--- a/UI/WebServerResources/scss/components/progressLinear/progressLinear-theme.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-md-progress-linear.md-THEME_NAME-theme {
-  .md-container {
-    background-color: '{{primary-100}}';
-  }
-
-  .md-bar {
-    background-color: '{{primary-color}}';
-  }
-
-  &.md-warn .md-container {
-    background-color: '{{warn-100}}';
-  }
-
-  &.md-warn .md-bar {
-    background-color: '{{warn-color}}';
-  }
-
-  &.md-accent .md-container {
-    background-color: '{{accent-100}}';
-  }
-
-  &.md-accent .md-bar {
-    background-color: '{{accent-color}}';
-  }
-
-  &[md-mode=buffer] {
-    &.md-warn {
-      .md-bar1 {
-        background-color: '{{warn-100}}';
-      }
-      .md-dashed:before {
-        background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%);
-      }
-    }
-    &.md-accent {
-      .md-bar1 {
-        background-color: '{{accent-100}}';
-      }
-      .md-dashed:before {
-        background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%);
-      }
-    }
-  }
-}
diff --git a/UI/WebServerResources/scss/components/pseudo-input/pseudo-input-theme.scss b/UI/WebServerResources/scss/components/pseudo-input/pseudo-input-theme.scss
deleted file mode 100644
index f1828a1ca..000000000
--- a/UI/WebServerResources/scss/components/pseudo-input/pseudo-input-theme.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-md-input-container.md-THEME_NAME-theme {
-  .md-input {
-    @include input-placeholder-color('{{foreground-3}}');
-    color: '{{foreground-1}}';
-    border-color: '{{foreground-4}}';
-    text-shadow: '{{foreground-shadow}}';
-  }
-
-  label {
-    text-shadow: '{{foreground-shadow}}';
-    color: '{{foreground-3}}';
-  }
-
-  &.md-input-focused {
-    .md-input {
-      border-color: '{{primary-500}}';
-    }
-    label {
-      color: '{{primary-500}}';
-    }
-    &.md-accent {
-      .md-input {
-        border-color: '{{accent-500}}';
-      }
-      label {
-        color: '{{accent-500}}';
-      }
-    }
-    &.md-warn {
-      .md-input {
-        border-color: '{{warn-500}}';
-      }
-      label {
-        color: '{{warn-500}}';
-      }
-    }
-  }
-
-  &.md-input-has-value:not(.md-input-focused) {
-    label {
-      color: '{{foreground-2}}';
-    }
-  }
-
-  .md-input[disabled] {
-    border-bottom-color: transparent;
-    color: '{{foreground-3}}';
-    background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%);
-  }
-}
diff --git a/UI/WebServerResources/scss/components/radioButton/radio-button-theme.scss b/UI/WebServerResources/scss/components/radioButton/radio-button-theme.scss
deleted file mode 100644
index 49e4ccdfe..000000000
--- a/UI/WebServerResources/scss/components/radioButton/radio-button-theme.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-
-md-radio-button.md-THEME_NAME-theme {
-  .md-off {
-    border-color: '{{foreground-2}}';
-  }
-
-  .md-on {
-    background-color: '{{accent-color-0.87}}';
-  }
-  &.md-checked .md-off {
-    border-color: '{{accent-color-0.87}}';
-  }
-  &.md-checked .md-ink-ripple {
-    color: '{{accent-color-0.87}}';
-  }
-  .md-container .md-ripple {
-    color: '{{accent-600}}';
-  }
-
-  &:not([disabled]) {
-
-    &.md-warn {
-      .md-on {
-        background-color: '{{warn-color-0.87}}';
-      }
-      &.md-checked .md-off {
-        border-color: '{{warn-color-0.87}}';
-      }
-      &.md-checked .md-ink-ripple {
-        color: '{{warn-color-0.87}}';
-      }
-      .md-container .md-ripple {
-        color: '{{warn-600}}';
-      }
-    }
-
-    &.md-primary {
-      .md-on {
-        background-color: '{{primary-color-0.87}}';
-      }
-      &.md-checked .md-off {
-        border-color: '{{primary-color-0.87}}';
-      }
-      &.md-checked .md-ink-ripple {
-        color: '{{primary-color-0.87}}';
-      }
-      .md-container .md-ripple {
-        color: '{{primary-600}}';
-      }
-    }
-
-  }
-
-  &[disabled] {
-    .md-container .md-off {
-      border-color: '{{foreground-3}}';
-    }
-    .md-container .md-on {
-      border-color: '{{foreground-3}}';
-    }
-  }
-
-}
-
-
-md-radio-group.md-THEME_NAME-theme:focus:not(:empty) {
-  border-color: '{{foreground-1}}';
-}
diff --git a/UI/WebServerResources/scss/components/sidenav/sidenav-theme.scss b/UI/WebServerResources/scss/components/sidenav/sidenav-theme.scss
deleted file mode 100644
index b48183af5..000000000
--- a/UI/WebServerResources/scss/components/sidenav/sidenav-theme.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-md-sidenav.md-THEME_NAME-theme {
-  background-color: '{{background-hue-3}}';
-}
diff --git a/UI/WebServerResources/scss/components/slider/slider-theme.scss b/UI/WebServerResources/scss/components/slider/slider-theme.scss
deleted file mode 100644
index 5fd20de99..000000000
--- a/UI/WebServerResources/scss/components/slider/slider-theme.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-md-slider.md-THEME_NAME-theme {
-
-  .md-track {
-    background-color: '{{foreground-3}}';
-  }
-  .md-track-ticks {
-    background-color: '{{foreground-4}}';
-  }
-  .md-focus-thumb {
-    background-color: '{{foreground-2}}';
-  }
-  .md-focus-ring {
-    border-color: '{{foreground-4}}';
-  }
-  .md-disabled-thumb {
-    border-color: '{{background-hue-3}}';
-  }
-  &.md-min .md-thumb:after {
-    background-color: '{{background-hue-3}}';
-  }
-
-  .md-track.md-track-fill {
-    background-color: '{{primary-color}}';
-  }
-  .md-thumb:after {
-    border-color: '{{primary-color}}';
-    background-color: '{{primary-color}}';
-  }
-  .md-sign {
-    background-color: '{{primary-color}}';
-    &:after {
-      border-top-color: '{{primary-color}}';
-    }
-  }
-  .md-thumb-text {
-    color: '{{primary-contrast}}';
-  }
-
-  &.md-warn {
-    .md-track-fill {
-      background-color: '{{warn-color}}';
-    }
-    .md-thumb:after {
-      border-color: '{{warn-color}}';
-      background-color: '{{warn-color}}';
-    }
-    .md-sign {
-      background-color: '{{warn-color}}';
-
-      &:after {
-        border-top-color: '{{warn-color}}';
-      }
-    }
-    .md-thumb-text {
-      color: '{{warn-contrast}}';
-    }
-  }
-
-  &.md-accent {
-    .md-track-fill {
-      background-color: '{{accent-color}}';
-    }
-    .md-thumb:after {
-      border-color: '{{accent-color}}';
-      background-color: '{{accent-color}}';
-    }
-    .md-sign {
-      background-color: '{{accent-color}}';
-
-      &:after {
-        border-top-color: '{{accent-color}}';
-      }
-    }
-    .md-thumb-text {
-      color: '{{accent-contrast}}';
-    }
-  }
-
-  &[disabled] {
-    .md-thumb:after {
-      border-color: '{{foreground-3}}';
-    }
-    &:not(.md-min) .md-thumb:after {
-      background-color: '{{foreground-3}}';
-    }
-  }
-}
diff --git a/UI/WebServerResources/scss/components/subheader/subheader-theme.scss b/UI/WebServerResources/scss/components/subheader/subheader-theme.scss
deleted file mode 100644
index 19fbf0f74..000000000
--- a/UI/WebServerResources/scss/components/subheader/subheader-theme.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.md-subheader.md-THEME_NAME-theme {
-  color: '{{ foreground-2-0.23 }}';
-  background-color: '{{background-hue-3}}';
-
-  &.md-primary {
-    color: '{{primary-color}}'
-  }
-  &.md-accent {
-    color: '{{accent-color}}'
-  }
-  &.md-warn {
-    color: '{{warn-color}}'
-  }
-}
diff --git a/UI/WebServerResources/scss/components/switch/switch-theme.scss b/UI/WebServerResources/scss/components/switch/switch-theme.scss
deleted file mode 100644
index f0098526f..000000000
--- a/UI/WebServerResources/scss/components/switch/switch-theme.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-md-switch.md-THEME_NAME-theme {
-  .md-thumb {
-    background-color: '{{background-50}}';
-  }
-  .md-bar {
-    background-color: '{{background-500}}';
-  }
-
-  &.md-checked {
-    .md-thumb {
-      background-color: '{{accent-color}}';
-    }
-    .md-bar {
-      background-color: '{{accent-color-0.5}}';
-    }
-
-    &.md-primary {
-      .md-thumb {
-        background-color: '{{primary-color}}';
-      }
-      .md-bar {
-        background-color: '{{primary-color-0.5}}';
-      }
-    }
-
-    &.md-warn {
-      .md-thumb {
-        background-color: '{{warn-color}}';
-      }
-      .md-bar {
-        background-color: '{{warn-color-0.5}}';
-      }
-    }
-  }
-
-  &[disabled] {
-    .md-thumb {
-      background-color: '{{background-400}}';
-    }
-    .md-bar {
-      background-color: '{{foreground-4}}';
-    }
-  }
-
-  &:focus {
-    .md-label:not(:empty) {
-      border-color: '{{foreground-1}}';
-      border-style: dotted;
-    }
-  }
-
-}
diff --git a/UI/WebServerResources/scss/components/tabs/tabs-theme.scss b/UI/WebServerResources/scss/components/tabs/tabs-theme.scss
deleted file mode 100644
index 26ff0f0c2..000000000
--- a/UI/WebServerResources/scss/components/tabs/tabs-theme.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-$tabs-color-palette: $primary-color-palette !default;
-$tabs-header-background-color: map-get($tabs-color-palette, '500') !default;
-$tabs-inactive-color: map-get($tabs-color-palette, '100') !default;
-$tabs-active-color: $primary-color-palette-contrast-color !default;
-$tabs-disabled-color: $foreground-quarternary-color !default;
-$tabs-highlight-color: $primary-color-palette-contrast-color !default;
-
-md-tabs.md-THEME_NAME-theme {
-  .md-header {
-    background-color: '{{primary-color}}';
-  }
-
-  &.md-accent {
-    .md-header {
-      background-color: '{{accent-color}}';
-    }
-
-    md-tab:not([disabled]) {
-      color: '{{accent-100}}';
-      &.active {
-        color: '{{accent-contrast}}';
-      }
-    }
-  }
-
-  &.md-warn {
-    .md-header {
-      background-color: '{{warn-color}}';
-    }
-
-    md-tab:not([disabled]) {
-      color: '{{warn-100}}';
-      &.active {
-        color: '{{warn-contrast}}';
-      }
-    }
-  }
-
-
-  md-tabs-ink-bar {
-    color: $tabs-highlight-color;
-    background: $tabs-highlight-color;
-  }
-
-  md-tab {
-    color: '{{primary-100}}';
-    &.active {
-      color: '{{primary-contrast}}';
-    }
-    &[disabled] {
-      color: '{{foreground-4}}';
-    }
-    &:focus {
-      color: '{{primary-contrast}}';
-      background-color: '{{primary-contrast-0.1}}';
-    }
-    .md-ripple-container {
-      color: $tabs-highlight-color;
-    }
-  }
-}
diff --git a/UI/WebServerResources/scss/components/toast/toast-theme.scss b/UI/WebServerResources/scss/components/toast/toast-theme.scss
deleted file mode 100644
index 5af7d4452..000000000
--- a/UI/WebServerResources/scss/components/toast/toast-theme.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-md-toast.md-THEME_NAME-theme {
-  background-color: '{{foreground-1}}';
-  color: '{{background-50}}';
-
-  .md-button {
-    color: '{{background-50}}';
-  }
-
-  .md-action {
-    color: '{{primary-A200}}';
-    &.md-accent {
-      color: '{{accent-A200}}';
-    }
-    &.md-warn {
-      color: '{{warn-A200}}';
-    }
-  }
-}
diff --git a/UI/WebServerResources/scss/components/toolbar/toolbar-theme.scss b/UI/WebServerResources/scss/components/toolbar/toolbar-theme.scss
deleted file mode 100644
index 503f3597f..000000000
--- a/UI/WebServerResources/scss/components/toolbar/toolbar-theme.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-md-toolbar.md-THEME_NAME-theme {
-  background-color: '{{primary-color}}';
-  color: '{{primary-contrast}}';
-
-  .md-button {
-    color: '{{primary-contrast}}';
-  }
-
-  &.md-accent {
-    background-color: '{{accent-color}}';
-    color: '{{accent-contrast}}';
-  }
-  &.md-warn {
-    background-color: '{{warn-color}}';
-    color: '{{warn-contrast}}';
-  }
-}
diff --git a/UI/WebServerResources/scss/components/tooltip/tooltip-theme.scss b/UI/WebServerResources/scss/components/tooltip/tooltip-theme.scss
deleted file mode 100644
index 50f04a72f..000000000
--- a/UI/WebServerResources/scss/components/tooltip/tooltip-theme.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-md-tooltip.md-THEME_NAME-theme {
-  color: '{{background-A100}}';
-  .md-background {
-    background-color: '{{foreground-2}}';
-  }
-}