From 49feaa82819411abfef0395b9ec939ba48456651 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Sun, 15 Oct 2017 05:54:48 +0200
Subject: [PATCH] Don't use hard-coded white background for notifications
 flyout.

Use $color-background instead
---
 src/styles/_notifications.sass |  4 ++--
 src/styles/base.sass           | 23 +++++++++++------------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/styles/_notifications.sass b/src/styles/_notifications.sass
index abf9f7b3..7dbf18a0 100644
--- a/src/styles/_notifications.sass
+++ b/src/styles/_notifications.sass
@@ -43,7 +43,7 @@
 			-webkit-transform: scale(1) !important
 
 	.flyout-hat
-		border-color: transparent transparent white transparent
+		border-color: transparent transparent $color-background transparent
 		border-style: solid
 		border-width: 0 8px 8px 8px
 		bottom: -15px
@@ -89,7 +89,7 @@
 	& .nc-item, & .nc-loading
 		position: relative
 		padding: 10px 0
-		border-top: thin solid lighten($color-text, 62%)
+		border-top: thin solid $color-background-dark
 		margin: 0
 		width: 100%
 		display: block
diff --git a/src/styles/base.sass b/src/styles/base.sass
index e51315af..c014a276 100644
--- a/src/styles/base.sass
+++ b/src/styles/base.sass
@@ -926,30 +926,29 @@ button, .btn
 
 /* Flyouts (only used on notifications for now) */
 .flyout
-	display: block
-	font-size: .9em
-	background-color: white
+	background-color: $color-background
 	border-radius: 3px
 	border: thin solid darken($color-background, 3%)
 	box-shadow: 1px 2px 2px rgba(black, .2)
+	display: block
+	font-size: .9em
 
 	& .flyout-title
-		font-weight: 600
-		display: block
-		padding: 8px 10px 5px 10px
-		font-size: 1.1em
-		float: left
 		cursor: default
+		display: block
+		float: left
+		font-size: 1.1em
+		font-weight: 600
+		padding: 8px 10px 5px 10px
 
 	&.notifications
+		max-height: 1000%
+		overflow-x: hidden
 		position: absolute
 		right: 0
 		top: 60px
-		z-index: 9999
 		width: 420px
-		max-height: 1000%
-		border-top-color: white
-		overflow-x: hidden
+		z-index: 9999
 
 
 /* Font aliases */