Missing styles fix

.gitignore

@@ -1,3 +1,4 @@
 .sass-cache
 *.css.map
 .idea
+.vscode

scss/modules/flexpane/_base.scss

@@ -133,8 +133,11 @@
     border-color: $color-shade-light;
     color: $base-font-color;
   }
+  &__body {
+    background: $color-base;
+  }
 }
 
 #client_body:not(.onboarding):not(.feature_global_nav_layout):before {
-  background: $color-shade-dark;
+  background: $color-base;
 }

scss/modules/flexpane/_channel.scss

@@ -240,3 +240,24 @@
     color: $color-highlight;
   }
 }
+
+.c-message_kit {
+  &__pillow {
+    background: $color-base;
+
+    &:hover {
+      border-color: $color-shade-light;
+    }
+  }
+}
+
+.p-highlights_section {
+  &__group_title_line {
+    border-color: $color-shade-light;
+  }
+
+  &__group_title_label {
+    background-color: $color-base;
+    color: $base-font-color;
+  }
+}

scss/modules/flexpane/_files.scss

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

scss/modules/flexpane/_unreads.scss

@@ -0,0 +1,47 @@
+.p-pages {
+  &__legacy_page_header {
+    color: $base-font-color;
+  }
+}
+
+.p-classic_nav {
+  &__channel_header {
+    &__subtitle {
+      color: $base-font-color;
+    }
+  }
+}
+
+.p-unreads_view {
+  background: $color-base;
+
+  &__header {
+    background: $color-base;
+
+    &__channel_name {
+      color: $base-font-color;
+    }
+
+    &--collapsed {
+      box-shadow: inset 0 -1px $color-shade-dark;
+    }
+  }
+
+  &__spacer {
+    &--bottom {
+      border-color: $color-shade-dark;
+    }
+  }
+}
+
+.c-icon_button--light,
+.c-icon_button--light.c-button-unstyled,
+.c-icon_button--light:link {
+  color: $base-font-color;
+}
+
+.c-icon_button--light.c-button-unstyled:hover,
+.c-icon_button--light:hover,
+.c-icon_button--light:link:hover {
+  color: $base-font-color;
+}

scss/modules/header/_base.scss

@@ -135,3 +135,37 @@
 #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,
@@ -347,4 +359,23 @@ textarea {
   .ql-placeholder {
     color: $base-font-color;
   }
+
+  &.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/menu/_tabcomplete.scss

@@ -80,3 +80,16 @@
     color: $color-highlight;
   }
 }
+
+.c-texty_autocomplete {
+  background: $color-base;
+  border: 1px solid $color-shade-dark;
+  box-shadow: 0 1px 15px $color-shadow-dark;
+
+  &__help {
+    background: $black;
+    border-bottom: 1px solid $color-shade-dark;
+    color: $base-font-color;
+    text-shadow: 0 1px $color-shadow-light;
+  }
+}

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;
+    }
+  }
+}