From 9698388e934d779316176a705e95e4eb6f8e4fc8 Mon Sep 17 00:00:00 2001
From: Jonathan la Cour <jon@lacour.me>
Date: Sun, 8 Oct 2017 11:42:40 -0600
Subject: [PATCH] Update styles for OAuth pages

---
 scss/modules/pages/_oauth.scss | 73 ++++++++++++++++------------------
 1 file changed, 35 insertions(+), 38 deletions(-)

diff --git a/scss/modules/pages/_oauth.scss b/scss/modules/pages/_oauth.scss
index fda63695..146c52cb 100644
--- a/scss/modules/pages/_oauth.scss
+++ b/scss/modules/pages/_oauth.scss
@@ -1,51 +1,48 @@
-body.oauth_page {
-  background: $color-shade-dark;
-
-  .oauth_header {
-    background: $color-base !important;
+.c-oauth_scope_info {
+  &__spacer_icon {
+    color: $color-red;
   }
 
-  .alert {
-    border-color: darken($color-red, 15%);
-    text-shadow: 0 1px 0 $color-shadow-medium;
-
-    &.alert_warning {
-      border-left-color: darken($color-red, 10%);
-
-      .bottom_border {
-        border-color: darken($color-red, 10%);
-      }
-    }
+  &__dangerous_scopes,
+  &__safe_scopes {
+    border-bottom-color: $color-shade-light;
   }
 
-  .alert_text {
-    background: $color-red;
-    color: $base-font-color;
-
-    i:hover {
-      color: $base-font-color !important;
-    }
+  &__dangerous_scopes {
+    border-left-color: $color-red;
+    border-right-color: $color-shade-light;
+    border-top-color: $color-shade-light;
   }
 
-  .darken_hover:hover {
-    color: $color-highlight !important;
+  &__dangerous_scope:not(:first-child),
+  &__safe_scope {
+    border-top-color: $color-shade-light;
   }
+}
 
-  .team:hover {
-    background: $color-shade-darkest;
-    border: 1px solid $color-shade-light !important;
-  }
+a.p-oauth_nav__anchor {
+  color: $color-highlight;
+}
 
-  .safe_scopes {
-    border-top: 1px solid $color-base;
-  }
+.p-oauth_nav__team-switcher {
+  .menu_launcher {
+    border-color: $color-shade-dark;
 
-  .yolk_orange,
-  .subtle_silver {
-    color: $base-font-color !important;
+    &:hover {
+      border: $color-shade-light;
+    }
   }
+}
 
-  .top_border {
-    border-color: $color-base;
-  }
+.p-oauth_page,
+.p-oauth_page--error {
+  background: $color-base;
+}
+
+.p-oauth_page__title {
+  color: $base-font-color;
+}
+
+.p-oauth_page_single_channel_picker {
+  border-bottom-color: $color-shade-dark;
 }