Improved styles for profile menu direct messaging

laCour · Nov 8, 2015 · 7a61c6c · 7a61c6c
1 parent a963644
commit 7a61c6c
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/scss/main.scss b/scss/main.scss
@@ -24,6 +24,7 @@
   @import "modules/menu/tabcomplete";
   @import "modules/menu/flex";
   @import "modules/menu/filters";
+  @import "modules/menu/direct-messaging";
 
   @import "modules/header/base";
   @import "modules/header/search";

diff --git a/scss/modules/menu/_base.scss b/scss/modules/menu/_base.scss
@@ -88,13 +88,13 @@
   }
 
   input {
-    background: $color-shade-darkest;
-    border: 1px solid $color-shade-darkest;
+    background: $color-shade-dark;
+    border: 1px solid $color-shade-light;
   }
 
   textarea {
-    background: $color-shade-darkest;
-    border: 1px solid $color-shade-darkest;
+    background: $color-shade-dark;
+    border: 1px solid $color-shade-light;
   }
 
   #menu_footer {

diff --git a/scss/modules/menu/_direct-messaging.scss b/scss/modules/menu/_direct-messaging.scss
@@ -0,0 +1,18 @@
+#im-list,
+#starred-list {
+  li.member.active .presence {
+    color: $white;
+
+    &.away {
+      text-shadow: 1px 1px $color-shadow-light;
+    }
+  }
+}
+
+#about_dms_link {
+  color: $base-link-color;
+
+  &:hover {
+    color: $base-link-color-active;
+  }
+}