Fix notifications appearance on dark header

less/forum/NotificationList.less

@@ -17,10 +17,22 @@
       margin: 0;
       color: @muted-color;
     }
+  }
   .Button {
     float: right;
     margin-top: -11px;
     margin-right: -11px;
+
+    // The NotificationList may be displayed inside of the drawer as a
+    // dropdown menu – but the drawer may have .light-contents() applied to
+    // it. In this case we will need to reset the button's styles back to
+    // normal.
+    & when (@config-colored-header = true) {
+      .Button--color(@control-color, @control-bg);
+
+      &:hover {
+        color: @link-color;
+      }
     }
   }
 }

less/forum/NotificationsDropdown.less

@@ -34,6 +34,10 @@
   font-weight: bold;
   margin: -2px 0;
   background: @primary-color;
-  color: #fff;
+  color: @body-bg;
   font-size: 13px;
+
+  & when (@config-colored-header = true) {
+    background: #fff;
+  }
 }

less/lib/Button.less

@@ -98,7 +98,7 @@
   &:active,
   &.active,
   .open > .Dropdown-toggle& {
-    background-color: darken(@background, 5%);
+    background-color: darken(fadein(@background, 5%), 5%);
   }
 
   &.disabled,

less/lib/mixins/light-contents.less

@@ -17,12 +17,8 @@
   }
   .Button, .Button:hover {
     color: @control-color;
-  }
-  .Button {
-    &, &:hover {
     background: @control-bg;
   }
-  }
   .Button--flat {
     background: transparent;
   }