wip

styles/app/_actions.scss

@@ -0,0 +1,3 @@
+.c-actions_menu__actions {
+  background: $bg;
+}

styles/app/_announce.scss

@@ -10,3 +10,34 @@
   border: 1px solid $borderLight;
   background-color: $bg2;
 }
+
+.p-announce_only_commands_menu {
+  background: $bg;
+  border: 1px solid $borderLight;
+
+  .p-announce_only_commands_menu__heading {
+    color: $disabled;
+  }
+
+  .p-announce_only_commands_menu__results {
+    .p-announce_only_commands_menu__container--selected {
+      background-color: $accent;
+
+      * {
+        color: $selectFg;
+      }
+    }
+  }
+}
+
+.p-announce_only_commands_menu_trigger--button {
+  background: $button;
+
+  &.c-icon_button--default:hover {
+    background-color: $hl;
+  }
+}
+
+.p-announce_only_commands_menu_trigger--circle:before {
+  background-color: $accent;
+}

styles/app/_app_space.scss

@@ -44,3 +44,20 @@
 .p-app_space_profile__privacy_disclaimer {
   color: $disabled;
 }
+
+.p-app_space_profile--focus {
+  box-shadow:
+    0 0 0 1px var(--sk_focused-shadow-color, $accent),
+    0 0 0 5px var(--sk_focused-shadow-color-opaque, $accentT);
+  color: $accent;
+}
+
+.p-app_space_profile__screenshots_item {
+  box-shadow: 0 0 0 1px $border;
+
+  &:hover {
+    box-shadow:
+      0 0 0 1px $border,
+      0 4px 12px 0 #00000014;
+  }
+}

styles/app/_avatars.scss

@@ -184,3 +184,12 @@
   background: transparent;
   color: $text;
 }
+
+.p-ia4_client .p-avatar_stack--details,
+.p-window_layout_wrapper--ia4 .p-avatar_stack--details {
+  border: 1px solid $borderLight;
+}
+
+.p-avatar_stack__presence_bg {
+  background-color: $bg;
+}

styles/app/_canvas.scss

@@ -217,3 +217,61 @@
 .p-canvas_smart_cards {
   background: $bg2;
 }
+
+.p-canvas_template_gallery__modal {
+  .p-canvas_template_gallery__canvas_embed,
+  .p-quip_loading_skeleton {
+    box-shadow: 0 0 0 1px $excluded;
+  }
+
+  .p-quip_embed {
+    box-shadow: 0 4px 12px 0 $excluded;
+  }
+}
+
+.p-canvas_template_gallery__modal--ia4 {
+  background: radial-gradient(circle at 50% 50%, $text 20%, #0000 80%),
+    conic-gradient(from 45deg at 50% 50%, $contrast 0, $text 25%, $contrast 50%, $text 75%, $contrast 100%);
+}
+
+.p-canvas_template_gallery__sidebar {
+  border-right: 1px solid $border;
+}
+
+.p-canvas_template_gallery__sidebar--bg {
+  background: $contrast;
+}
+
+.p-canvas_template_gallery__sidebar--bg-ia4 {
+  background-color: $contrast;
+}
+
+.p-canvas_template_gallery__template--selected {
+  background-color: $accent;
+  color: $selectFg;
+}
+
+.p-canvas_template_gallery__template_header {
+  color: $text;
+}
+
+.p-canvas_template_gallery__canvas_container--ia4 {
+  background-color: $bg;
+}
+
+.p-canvas_template_gallery__canvas_header {
+  border-bottom: 1px solid $border;
+}
+
+.p-canvas_template_gallery__canvas_embed {
+  background-color: $bg;
+}
+
+.p-canvas_template_gallery__footer {
+  background-color: $bg;
+  border-top: 1px solid $border;
+}
+
+.p-canvas_template_gallery__last_updated {
+  color: $text;
+}

styles/app/_channel_awareness.scss

@@ -36,3 +36,25 @@
   .p-channel_awareness_suggest_message_dismissal_icon {
   color: $selectFg;
 }
+
+.p-channel_awareness_banner {
+  background-color: $notif;
+  color: $fg;
+}
+
+.sk-client-theme--dark .p-channel_awareness_banner {
+  background-color: $notif;
+
+  .p-channel_awareness_banner__btn {
+    background-color: $fg;
+    color: $button;
+  }
+}
+
+.p-channel_awareness_banner .c-banner__close {
+  color: $fg;
+
+  &:hover {
+    color: $selectFg;
+  }
+}

styles/app/_chatty.scss

@@ -0,0 +1,10 @@
+.p-chatty_to_channel_message_pane__foreword__channel_icon {
+  background-color: $accent;
+  color: $selectFg;
+}
+
+.p-chatty_to_channel_message_pane__foreword__actions {
+  button {
+    border-color: $border;
+  }
+}

styles/app/_huddle_channel.scss

@@ -0,0 +1,70 @@
+.p-huddle_channel_header_button__container {
+  border: 1px solid $border;
+
+  .p-huddle_channel_header_button__divider {
+    border-right: 1px solid $borderLight;
+  }
+
+  &.p-huddle_channel_header_button--active {
+    background-color: $accent;
+    border: 1px solid $accentT;
+    color: $selectFg;
+
+    .p-huddle_channel_header_button__divider {
+      border-right: 1px solid $borderLight;
+    }
+
+    .p-huddle_channel_header_button__leave_button,
+    .p-huddle_channel_header_button__options_button,
+    .p-huddle_channel_header_button__start_button {
+      color: $fg;
+    }
+
+    &.p-huddle_channel_header_button--in_huddle--pd {
+      background-color: $bg2;
+    }
+  }
+
+  &.p-huddle_channel_header_button--in_huddle {
+    color: $fg;
+
+    .p-huddle_channel_header_button__divider {
+      border-right: 1px solid $border;
+    }
+
+    .p-huddle_channel_header_button__leave_button,
+    .p-huddle_channel_header_button__options_button,
+    .p-huddle_channel_header_button__start_button {
+      color: $fg;
+    }
+  }
+}
+
+.p-huddle_channel_header_button__slider {
+  background-color: $button;
+}
+
+@keyframes p-huddle_channel_header__animation_pulsing {
+  0% {
+    box-shadow: 0 0 0 0 $button;
+  }
+  70% {
+    box-shadow: 0 0 0 8px #f000;
+  }
+  to {
+    box-shadow: 0 0 0 0 #f000;
+  }
+}
+
+@keyframes p-huddle_channel_header__border_color_fade_in {
+  0% {
+    border-color: #0000;
+  }
+  to {
+    border-color: $button;
+  }
+}
+
+.p-offline_outbox_page {
+  background: $bg2;
+}

styles/app/_huddle_links.scss

@@ -0,0 +1,8 @@
+.p-huddle_links_nux_card {
+  background-color: $bg;
+  border: 1px solid $borderLight;
+}
+
+.p-huddle_links_nux_card__body {
+  color: $text;
+}

styles/app/_index.scss

@@ -104,12 +104,19 @@
 @import 'experiment_client_insights';
 @import 'explorer';
 @import 'external_member';
+@import 'chatty';
+@import 'actions';
+@import 'search_workflows';
 @import 'ez_subscribe';
 @import 'fallback_view';
 @import 'feedback';
+@import 'window_layout';
+@import 'instant_slack_message';
+@import 'huddle_channel';
 @import 'field_group';
 @import 'activity_history';
 @import 'file-image';
+@import 'huddle_links';
 @import 'shared_invite';
 @import 'file_attachments';
 @import 'file_browser';

styles/app/_instant_slack_message.scss

@@ -0,0 +1,36 @@
+.p-instant_slack_message_pane__foreword {
+  &:before {
+    background: linear-gradient(180deg, $tree, #0000);
+  }
+}
+
+.p-instant_slack_message_pane__foreword__channel_icon {
+  background-color: $accent;
+  color: $selectFg;
+}
+
+.p-instant_slack_message_pane__foreword__description {
+  color: $text;
+
+  > h2 {
+    color: $fg;
+
+    > .c-inline_channel_entity {
+      color: $accent;
+    }
+  }
+}
+
+.p-instant_slack_message_pane__foreword__actions {
+  grid-gap: 12px;
+  list-style: none;
+
+  button {
+    border-color: $tree;
+    color: $accent;
+
+    > :last-child {
+      color: $text;
+    }
+  }
+}

styles/app/_limited_history.scss

@@ -11,3 +11,11 @@
     color: $fg;
   }
 }
+
+.p-limited_history_foreword {
+  background-color: $bg;
+
+  .p-upgrades_alert_banner__icon {
+    color: $fg;
+  }
+}