diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss
index be66d69f52..54fe04d1b1 100644
--- a/client/styles/abstracts/_variables.scss
+++ b/client/styles/abstracts/_variables.scss
@@ -3,19 +3,13 @@ $base-font-size: 12;
 //colors
 $p5js-pink: #ed225d;
 $p5js-pink-opacity: #ed225d80;
-$processing-blue: #007BBB;
 $p5js-active-pink: #f10046;
 $white: #fff;
 $black: #000;
 $yellow: #F5DC23;
-$orange: #ffa500;
-$red: #ff0000;
-$lightsteelblue: #B0C4DE;
 $dodgerblue: #1E90FF;
-// $icon-hover-color: #333;
 $p5-contrast-pink: #FFA9D9;
 
-$border-color: #B5B5B5;
 $outline-color: #0F9DD7;
 
 // Grayscale values
@@ -43,7 +37,6 @@ $themes: (
     primary-text-color: $dark,
     secondary-text-color: $medium-dark,
     inactive-text-color: $middle-dark,
-    dropzone-text-color: $dark,
     modal-button-color: $dark,
     background-color: $lighter,
     button-background-color: $light,
@@ -67,15 +60,10 @@ $themes: (
     console-background-color: $light,
     console-input-background-color: $lightest,
     console-color: $darker,
-    console-logged-times-color: $lightest,
     console-arrow-color: $middle-gray,
     console-active-arrow-color: #0071AD,
     console-header-background-color: $medium-light,
     console-header-color: $darker,
-    console-info-background-color: #5276B7,
-    console-warn-background-color: #996B00,
-    console-debug-background-color: #0071AD,
-    console-error-background-color: #D11518,
     ide-border-color: $medium-light,
     editor-gutter-color: $lighter,
     file-hover-color: $light,
@@ -99,9 +87,6 @@ $themes: (
     codefold-icon-open: url("../images/triangle-arrow-down.svg?byUrl"),
     codefold-icon-closed: url("../images/triangle-arrow-right.svg?byUrl"),
 
-    primary-button-color: $lightest,
-    primary-button-background-color: $p5js-pink,
-
     table-button-color: $lightest,
     table-button-background-color: $middle-gray,
     table-button-active-color: $lightest,
@@ -146,7 +131,6 @@ $themes: (
     logo-background-color: $lightest,
     heavy-text-color: $lightest,
     primary-text-color: $lightest,
-    dropzone-text-color: $black,
     modal-button-color: $lightest,
     secondary-text-color: $medium-light,
     inactive-text-color: $middle-light,
@@ -172,15 +156,10 @@ $themes: (
     console-background-color: $dark,
     console-input-background-color: $darker,
     console-color: $lightest,
-    console-logged-times-color: $dark,
     console-arrow-color: $medium-light,
     console-active-arrow-color: #097BB3,
     console-header-background-color: $medium-dark,
     console-header-color: $lightest,
-    console-info-background-color: #5276B7,
-    console-warn-background-color: #966C08,
-    console-error-background-color: #DD3134,
-    console-debug-background-color: #097BB3,
     ide-border-color: $middle-dark,
     editor-gutter-color: $darker,
     file-hover-color: $dark,
@@ -204,9 +183,6 @@ $themes: (
     codefold-icon-open: url("../images/triangle-arrow-down-white.svg?byUrl"),
     codefold-icon-closed: url("../images/triangle-arrow-right-white.svg?byUrl"),
 
-    primary-button-color: $lightest,
-    primary-button-background-color: $p5js-pink,
-
     table-button-color: $lightest,
     table-button-background-color: $middle-gray,
     table-button-active-color: $lightest,
@@ -249,7 +225,6 @@ $themes: (
     logo-background-color: $darker,
     heavy-text-color: $yellow,
     primary-text-color: $lightest,
-    dropzone-text-color: $black,
     modal-button-color: $dark,
     secondary-text-color: $lighter,
     inactive-text-color: $light,
@@ -275,15 +250,10 @@ $themes: (
     console-background-color: $dark,
     console-input-background-color: $darker,
     console-color: $lightest,
-    console-logged-times-color: $darker,
     console-arrow-color: $lightest,
     console-active-arrow-color: $dodgerblue,
     console-header-background-color: $medium-dark,
     console-header-color: $lightest,
-    console-info-background-color: $lightsteelblue,
-    console-warn-background-color: $orange,
-    console-debug-background-color: $dodgerblue,
-    console-error-background-color: $red,
     ide-border-color: $middle-dark,
     editor-gutter-color: $darker,
     file-hover-color: $dark,
@@ -307,9 +277,6 @@ $themes: (
     codefold-icon-open: url("../images/triangle-arrow-down-white.svg?byUrl"),
     codefold-icon-closed: url("../images/triangle-arrow-right-white.svg?byUrl"),
 
-    primary-button-color: $lightest,
-    primary-button-background-color: $p5js-pink,
-
     table-button-color: $dark,
     table-button-background-color: $middle-gray,
     table-button-active-color: $dark,
@@ -352,13 +319,3 @@ $themes: (
 $toast-background-color: $medium-dark;
 $toast-text-color: $lightest;
 
-$light-console-error-color: #D11518;
-$light-console-warn-color: #FAAF00;
-$light-console-debug-color: #0071AD;
-
-$dark-console-error-color: #DF3A3D;
-$dark-console-warn-color: #F5BC38;
-$dark-console-debug-color: #0C99E2;
-
-$about-play-background-color: rgba(255, 255, 255, 0.7);
-$about-button-border-color: rgba(151, 151, 151, 0.7);
diff --git a/client/styles/components/_about.scss b/client/styles/components/_about.scss
index e29bbd8466..8876f33f13 100644
--- a/client/styles/components/_about.scss
+++ b/client/styles/components/_about.scss
@@ -6,35 +6,6 @@
   }
 }
 
-// hello p5 video link button css
-
-// .about__play-video {
-//   padding-top: #{9 / $base-font-size}rem;
-//   padding-left: #{5 / $base-font-size}rem;
-// }
-
-// .about__play-video-button {
-//   @include themify() {
-//     @extend %toolbar-button;
-//     width: #{32 / $base-font-size}rem;
-//     height: #{32 / $base-font-size}rem;
-//     line-height: #{34 / $base-font-size}rem;
-//     border-radius: #{24 / $base-font-size}rem;
-//     background-color: $about-play-background-color;
-//     border: solid 0.5px $about-button-border-color;
-//     &:hover {
-//       border-color: getThemifyVariable('button-background-hover-color');
-//     }
-//   }
-//   padding-left: 2px;
-//   margin-right: #{9 / $base-font-size}rem;
-//   svg {
-//     width: #{11 / $base-font-size}rem;
-//     height: #{11 / $base-font-size}rem;
-//     margin-left: #{1 / $base-font-size}rem;
-//   }
-// }
-
 .about__content {
   display: flex;
   flex-direction: row;
@@ -105,12 +76,3 @@
 .about__footer-list {
   padding-top: #{12 / $base-font-size}rem;
 }
-
-.about__ok-button {
-  @include themify() {
-    @extend %button;
-    padding: #{7 / $base-font-size}rem #{13 / $base-font-size}rem;
-    font-size: #{16 / $base-font-size}rem;
-    border: #{0.5 / $base-font-size}rem solid $toast-background-color;
-  }
-}
diff --git a/client/styles/components/_collection-popover.scss b/client/styles/components/_collection-popover.scss
deleted file mode 100644
index a9176c9e58..0000000000
--- a/client/styles/components/_collection-popover.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-.collection-popover {
-  position: absolute;
-	height: auto;
-  width: #{400 / $base-font-size}rem;
-  top: 63%;
-  right: calc(100% - 26px);
-
-  z-index: 9999;
-  
-  display: flex;
-  flex-direction: column;
-  
-	border-radius: #{6 / $base-font-size}rem;
-
-  @include themify() {
-    background-color: map-get($theme-map, 'modal-background-color');
-    border: 1px solid map-get($theme-map, 'modal-border-color');
-    box-shadow: 0 0 18px 0 getThemifyVariable('shadow-color');
-    color: getThemifyVariable('primary-text-color');
-  }
-  
-	text-align: left;
-}
-
-.collection-popover__header {
-  display: flex;
-  margin-left: #{17 / $base-font-size}rem;
-  margin-right: #{17 / $base-font-size}rem;
-}
-
-.collection-popover__filter {
-  display: flex;
-  margin-bottom: #{8 / $base-font-size}rem;
-}
-
-.collection-popover__exit-button {
-  @include icon();
-  margin-left: auto;
-}
-
-.collection-popover__items {
-  height: #{70 * 4 / $base-font-size}rem;
-  overflow: auto;
-}
-
-
-.collection-popover__item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  height: #{60 / $base-font-size}rem;
-  margin: 5px;
-  padding: 5px;
-}
-
-.collection-popover__item:nth-child(odd) {
-  @include themify() {
-    background: getThemifyVariable('table-row-stripe-color');
-  }
-}
-
-.collection-popover__item__info {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-}
-
-.collection-popover__item__info button,
-.collection-popover__item__info button:hover {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-
-  text-align: left;
-  color: black;
-}
-
-.collection-popover__item__view {
-}
-
-
-.collection-popover__item__view-button {
-  @extend %button;
-}
-
-.collection-popover__empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss
index 5768870655..d8882df67a 100644
--- a/client/styles/components/_console.scss
+++ b/client/styles/components/_console.scss
@@ -34,10 +34,6 @@
 	font-weight: normal;
 }
 
-.preview-console__icon {
-	padding-right: #{20 / $base-font-size}rem;
-}
-
 .preview-console__messages {
 	display: flex;
 	flex: 1;
diff --git a/client/styles/components/_copyable-input.scss b/client/styles/components/_copyable-input.scss
index eb96f38f76..6ca78acbca 100644
--- a/client/styles/components/_copyable-input.scss
+++ b/client/styles/components/_copyable-input.scss
@@ -2,14 +2,6 @@
   position: relative;
 }
 
-.copyable-input__tooltip {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
 .copyable-input__value {
   width: 100%;
   font-size: #{16 / $base-font-size}rem;
diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss
index 60749507f6..6d0e780f36 100644
--- a/client/styles/components/_dashboard-header.scss
+++ b/client/styles/components/_dashboard-header.scss
@@ -13,14 +13,6 @@
   width: 100%;
 }
 
-.dashboard-header--no-vertical-padding {
-  padding: 0 66px;
-}
-
-.dashboard-header--no-vertical-padding {
-  padding: 0 66px;
-}
-
 .dashboard-header__switcher {
   flex: 1;
 }
diff --git a/client/styles/components/_help-modal.scss b/client/styles/components/_help-modal.scss
deleted file mode 100644
index 3182cbb294..0000000000
--- a/client/styles/components/_help-modal.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.help-modal {
-  @extend %modal;
-  padding: #{20 / $base-font-size}rem;
-  width: #{500 / $base-font-size}rem;
-}
-
-.help-modal__header {
-  display: flex;
-  justify-content: space-between;
-}
-
-.help-modal__section {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: #{10 / $base-font-size}rem 0;
-
-  // Basic text styles for help body text
-  ul,
-  ol {
-    margin-top: #{5 / $base-font-size}rem;
-  }
-
-  p {
-    margin-top: #{10 / $base-font-size}rem;
-  }
-
-  li {
-    list-style: disc inside;
-  }
-}
-
-.help-modal__label {
-  width: #{86 / $base-font-size}rem;
-}
-
-.help-modal__input {
-  flex: 1;
-}
diff --git a/client/styles/components/_modal.scss b/client/styles/components/_modal.scss
index e59ef29991..752b443462 100644
--- a/client/styles/components/_modal.scss
+++ b/client/styles/components/_modal.scss
@@ -45,13 +45,6 @@
   flex: 1;
 }
 
-input.new-file-form__submit,
-input.new-folder-form__submit {
-  @include themify() {
-    background-color: getThemifyVariable("button-secondary-background-color");
-  }
-}
-
 .modal__divider {
   text-align: center;
   margin: #{20 / $base-font-size}rem 0;
diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index a5a69de1cd..2d3e25844f 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -153,21 +153,6 @@
   }
 }
 
-.nav__announce {
-  position: absolute;
-  top: #{40 / $base-font-size}rem;
-  right: #{88 / $base-font-size}rem;
-  width: #{398 / $base-font-size}rem;
-  padding: #{5 / $base-font-size}rem 0;
-  text-transform: uppercase;
-  background-color: #ffbc00;
-  color: white;
-  text-align: center;
-  padding: #{7 / $base-font-size}rem #{8 / $base-font-size}rem;
-  line-height: 145%;
-  z-index: 0;
-}
-
 .nav__item-logo {
   position: relative;
   height: #{42 / $base-font-size}rem;
diff --git a/client/styles/components/_preferences.scss b/client/styles/components/_preferences.scss
index 48cb4d47c8..5decad9abe 100644
--- a/client/styles/components/_preferences.scss
+++ b/client/styles/components/_preferences.scss
@@ -21,12 +21,6 @@
   }
 }
 
-.preferences__exit-button {
-  @include icon();
-  padding-top: #{5 / $base-font-size}rem;
-  margin-right: #{-6 / $base-font-size}rem;
-}
-
 .preference__minus-button,
 .preference__plus-button {
   @include themify() {
@@ -42,24 +36,6 @@
   }
 }
 
-.preferences__title {
-  width: #{90 / $base-font-size}rem;
-  height: #{25 / $base-font-size}rem;
-  font-family: Montserrat;
-  font-size: #{21 / $base-font-size}rem;
-  font-weight: bold;
-  text-align: left;
-}
-
-.preference__subheadings {
-  display: flex;
-  flex-wrap: wrap;
-  padding-bottom: #{0.1 / $base-font-size}rem;
-  @include themify() {
-    border-bottom: 1px solid getThemifyVariable("button-border-color");
-  }
-}
-
 .preference {
   display: flex;
   flex-wrap: wrap;
@@ -148,46 +124,6 @@
   }
 }
 
-.preference__subheading {
-  @include themify() {
-    color: getThemifyVariable("inactive-text-color");
-    &:hover,
-    &:focus {
-      color: getThemifyVariable("primary-text-color");
-      cursor: pointer;
-    }
-    &:focus {
-      color: getThemifyVariable("primary-text-color");
-      cursor: pointer;
-    }
-  }
-  font-size: #{12 / $base-font-size}rem;
-  height: #{20 / $base-font-size}rem;
-  width: 100%;
-  margin: 0;
-  padding: 0 #{5 / $base-font-size}rem;
-}
-
-.preference__vertical-list {
-  display: flex;
-  flex-direction: column;
-  width: #{44 / $base-font-size}rem;
-  padding-left: #{25 / $base-font-size}rem;
-}
-
-.preference__add__resource {
-  font-size: #{14 / $base-font-size}rem;
-  line-height: 1.43;
-  text-align: left;
-  margin-left: #{5 / $base-font-size}rem;
-  margin-top: #{40 / $base-font-size}rem;
-  margin-bottom: #{10 / $base-font-size}rem;
-  @include themify() {
-    color: getThemifyVariable("inactive-text-color");
-    border-bottom: 1px dashed getThemifyVariable("button-border-color");
-  }
-}
-
 .preference__radio-button {
   @extend %hidden-element;
 }
@@ -222,12 +158,6 @@ input[type="number"]::-webkit-outer-spin-button {
   margin-left: #{30 / $base-font-size}rem;
 }
 
-.preference__option.preference__whitespace-button {
-  padding-top: #{8 / $base-font-size}rem;
-  margin-right: 0;
-  margin-left: #{25 / $base-font-size}rem;
-}
-
 .preference__options {
   display: flex;
   justify-content: center;
diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
index 3763977268..bf7c5ae903 100644
--- a/client/styles/layout/_ide.scss
+++ b/client/styles/layout/_ide.scss
@@ -8,25 +8,10 @@
   z-index: 0;
 }
 
-.editor-console-container {
-  // flex: 1 0 0px;
-  // max-width: 45%;
-  width: 100%;
-  height: 100%;
-  position: relative;
-
-  // temporary fix for safari
-  min-height: 75vh;
-}
-
 .editor-accessibility {
   @extend %hidden-element;
 }
 
-.accessible-output {
-	@extend %hidden-element;
-}
-
 .toolbar {
 	width: 100%;
 }
diff --git a/client/styles/main.scss b/client/styles/main.scss
index 4d1a08058f..9018fe6273 100644
--- a/client/styles/main.scss
+++ b/client/styles/main.scss
@@ -39,7 +39,6 @@
 @import 'components/form-container';
 @import 'components/error-modal';
 @import 'components/preview-frame';
-@import 'components/help-modal';
 @import 'components/share';
 @import 'components/asset-list';
 @import 'components/asset-size';
@@ -54,7 +53,6 @@
 @import 'components/editable-input';
 @import 'components/collection';
 @import 'components/collection-create';
-@import 'components/collection-popover';
 @import 'components/quick-add';
 
 @import 'layout/dashboard';