Missing styles fix

scss/modules/flexpane/_base.scss

@@ -136,5 +136,5 @@
 }
 
 #client_body:not(.onboarding):not(.feature_global_nav_layout):before {
-  background: $color-shade-dark;
+  background: $color-base;
 }

scss/modules/flexpane/_files.scss

@@ -433,6 +433,10 @@ html.no_touch a.filetype_button_web:hover {
   &__title {
     color: $base-font-color;
   }
+
+  &__content--collapsed:after {
+    background: linear-gradient(0deg, $color-shade-darkest, hsla(0,0%,100%,0) 40px);
+  }
 }
 
 .p-file_list {
@@ -481,3 +485,11 @@ html.no_touch a.filetype_button_web:hover {
     }
   }
 }
+
+.c-pillow_file__post {
+  &__content {
+    ul.checklist {
+      background-color: $color-base;
+    }
+  }
+}

scss/modules/header/_base.scss

@@ -135,3 +135,34 @@
 #edit_topic_trigger {
   color: $base-link-color;
 }
+
+.p-classic_nav {
+  background: $color-base;
+  &__model {
+    &__title {
+      &__info {
+        color: $base-font-color;
+      }
+    }
+
+    &__button {
+      color: $base-font-color;
+    }
+  }
+
+  &__right {
+    &__search {
+      border-color: $base-font-color;
+      &__icon {
+        color: $base-font-color;
+      }
+      &__placeholder {
+        color: $base-font-color;
+      }
+    }
+
+    &__button {
+      color: $base-font-color;
+    }
+  }
+}

scss/modules/header/_search.scss

@@ -119,3 +119,7 @@
 .c-search__input_and_close__close {
   color: $base-font-color;
 }
+
+.c-pillow_file_container {
+  background: $color-base;
+}

scss/modules/inputs/_base.scss

@@ -49,6 +49,18 @@ textarea {
   }
 }
 
+.c-input_textarea {
+  background: $color-shade-light;
+  border: 1px solid $color-shade-darkest;
+  color: $base-font-color;
+
+  &:active,
+  &:focus {
+    border-color: $color-shade-dark;
+    box-shadow: 0 0 7px rgba($color-shade-lightest, 0.15);
+  }
+}
+
 input:disabled,
 input:disabled:active,
 select:disabled,
@@ -348,3 +360,21 @@ textarea {
     color: $base-font-color;
   }
 }
+
+.c-texty_input.focus {
+  .c-texty_input {
+    &__button {
+      color: $white;
+    }
+  }
+}
+
+.p-workspace__input {
+  .p-message_input_field,
+  .p-message_input_field.focus {
+    background: $color-shade-light;
+    &~.p-message_input_file_button:not(:hover) {
+      color: $white;
+    }
+  } 
+}

scss/modules/inputs/_messaging.scss

@@ -199,6 +199,13 @@
     &__warning {
       color: $color-red;
     }
+
+    &__emoji_happy_icon,
+    &__emoji_smile_icon,
+    &__emoji_circle_icon {
+      color: rgba($base-font-color, 0.3);
+    }
+
   }
 
   .c-button {

scss/modules/inputs/_select.scss

@@ -22,3 +22,35 @@
     color: $base-font-color;
   }
 }
+
+.c-select_button {
+  background: $color-shade-light;
+
+  &:active {
+    background: $color-shade-dark;
+  }
+
+  &__icon,
+  &:hover,
+  &:hover .c-select_button__icon {
+    color: $white;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 1px $white, 0 0 0 5px $color-shadow-transparent;
+  }
+}
+
+.c-select_options_list {
+  &__wrapper {
+    background-color: $color-shade-light;
+  }
+
+  &__option {
+    color: $color-highlight;
+
+    &--selected {
+      color: $base-font-color;
+    }
+  }
+}

scss/modules/messaging/_threads.scss

@@ -146,3 +146,51 @@ ts-thread .thread_participants {
     color: $color-highlight;
   }
 }
+
+.p-threads_view_root,
+.p-threads_view_reply,
+.p-threads_view__footer {
+  border-color: $color-shade-mid;
+}
+
+.p_threads_view_load_newer_button,
+.p_threads_view_load_older_button {
+  background: $color-base;
+  border-color: $color-shade-mid;
+}
+
+.p-threads_view {
+  background: $color-base;
+
+  &__divider_line {
+    border-color: $color-shade-dark;
+  }
+
+  &__divider_label {
+    background: $color-base;
+    color: $color-highlight;
+  }
+
+  &__default_background {
+    background: $color-base;
+  }
+}
+
+.p-threads_view_header {
+  &__channel_name {
+    color: $base-font-color;
+  }
+}
+
+.p-threads_footer {
+  &__input--legacy {
+    .p-message_input_file_button,
+    .p-message_input_field {
+      border-color: $color-shade-mid;
+    }
+  }
+}
+
+.c-scrollbar__bar {
+  background: rgba($white, 0.25);
+}

scss/modules/messaging/_unreads.scss

@@ -110,3 +110,30 @@
   background: $color-base;
   background-image: none;
 }
+
+.sli_briefing {
+  background: $color-base;
+}
+
+.sli_briefing_preview {
+  background-color: $color-base;
+  border-color: $color-shade-mid;
+
+  &__title {
+    color: $base-font-color;
+  }
+
+  &__description_text {
+    b {
+      color: $base-font-color;
+    }
+  }
+}
+
+.sli_briefing_preview_container {
+  &::after,
+  &::before {
+    background-color: $color-base;
+    border-color: $color-shade-mid;
+  }
+}

scss/modules/modals/_base.scss

@@ -88,3 +88,30 @@
     background-color: $color-shade-dark;
   }
 }
+
+.c-fullscreen_modal {
+  &__content {
+    background: $color-base;
+  }
+
+  &__header {
+    background: $color-base;
+  }
+
+  &__body {
+    color: $base-font-color;
+  }
+
+  &__back,
+  &__close {
+    color: rgba($base-font-color, 0.5);
+
+    &:hover {
+      color: $base-font-color;
+    }
+
+    &:active {
+      color: $base-font-color;
+    }
+  }
+}

scss/modules/modals/_channel.scss

@@ -107,3 +107,23 @@
 .notification_prefs_icon::before {
   color: $base-font-color;
 }
+
+.channel_options_modal {
+  .c-fullscreen_modal {
+    &__title {
+      color: $base-font-color;
+    }
+  }
+}
+
+.channel_option_item {
+  border-top-color: $color-shade-dark;
+
+  .title {
+    color: $base-font-color;
+  }
+
+  &:hover {
+    background: $color-shade-dark;
+  }
+}

scss/modules/modals/_preferences.scss

@@ -114,3 +114,40 @@
 .jumbomoji_disabled_note {
   color: rgba($color-highlight, 0.6);
 }
+
+.c-sidebar_menu {
+  &__list_item {
+    color: $white;
+
+    &.is_active {
+      background: $color-shade-light;
+      border-color: $color-shade-light;
+    }
+  }
+}
+
+.p-prefs_modal__radiogroup {
+  label {
+    &.p-prefs_modal__radiogroup--selected {
+      background: $color-shade-light;
+      border-color: $color-shade-light;
+
+      .p-prefs_modal__radio_decorator {
+        background: $color-shade-light;
+      }
+    }
+  }
+
+  .p-prefs_modal__radio_decorator {
+    background: $color-base;
+  }
+}
+
+.c-link--button {
+  color: $base-link-color;
+
+  &:active,
+  &:hover {
+    color: $base-link-color-active;
+  }
+}

scss/modules/pages/admin/_base.scss

@@ -46,7 +46,7 @@ header {
 
 footer,
 #autocomplete_menu.search_menu footer.unified {
-  background-color: $color-shade-dark;
+  background-color: $color-base;
   border-color: $color-shade-darkest;
   color: $base-font-color;
 

scss/styles.scss

@@ -15,6 +15,7 @@
 @import "modules/inputs/toggle";
 @import "modules/inputs/label";
 @import "modules/inputs/datepicker";
+@import "modules/inputs/select";
 
 @import "modules/menu/base";
 @import "modules/menu/autocomplete";
@@ -97,4 +98,4 @@
 @import "modules/pages/apps";
 @import "modules/pages/legal";
 @import "modules/pages/oauth";
-@import "modules/pages/spaces";
+@import "modules/pages/spaces";