[recipes] Dark theming for notes

[Matthias Clasen <matthiasc src gnome org>]

commit 0c94284e7ab318295f6a0f371886b4eec2c01bd7
Author: Matthias Clasen <mclasen redhat com>
Date:   Sat Mar 4 10:25:58 2017 -0500

    Dark theming for notes
    
    This is just my attempt at toning down the note color,
    taking advantage of the new infrastructure for separate
    dark CSS.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=779523

 src/recipes-dark.css  |   26 ++++++++++++++++++++++++++
 src/recipes-light.css |   24 ++++++++++++++++++++++++
 src/recipes.css       |   23 -----------------------
 3 files changed, 50 insertions(+), 23 deletions(-)
---
diff --git a/src/recipes-dark.css b/src/recipes-dark.css
index d0c9a30..7ee631e 100644
--- a/src/recipes-dark.css
+++ b/src/recipes-dark.css
@@ -1 +1,27 @@
 @import url("resource:///org/gnome/Recipes/recipes.css");
+
+.note {
+  background: #535e80;
+}
+
+.note label,
+.note image {
+  color: #eeeeee;
+  margin: 5px 0 5px 10px;
+}
+
+.note.content {
+  background: #6f8194;
+  padding: 10px;
+}
+
+.note:backdrop {
+  color: #dddddd;
+  background: #737680;
+}
+
+.note.content:backdrop {
+  color: #cccccc;
+  background: #868d94;
+}
+
diff --git a/src/recipes-light.css b/src/recipes-light.css
index d0c9a30..7b287f8 100644
--- a/src/recipes-light.css
+++ b/src/recipes-light.css
@@ -1 +1,25 @@
 @import url("resource:///org/gnome/Recipes/recipes.css");
+
+.note {
+  background: #8091c4;
+}
+
+.note label,
+.note image {
+  color: white;
+  margin: 5px 0 5px 10px;
+}
+
+.note.content {
+  background: #a8c3e1;
+  padding: 10px;
+}
+
+.note:backdrop {
+  background: #b1b6c4;
+}
+
+.note.content:backdrop {
+  background: #cbd6e1;
+}
+
diff --git a/src/recipes.css b/src/recipes.css
index 35650c0..2c1c88e 100644
--- a/src/recipes.css
+++ b/src/recipes.css
@@ -312,29 +312,6 @@ flowbox flowboxchild {
         border: 1px solid white;
 }
 
-.note {
-  background: #8091c4;
-}
-
-.note label,
-.note image {
-  color: white;
-  margin: 5px 0 5px 10px;
-}
-
-.note.content {
-  background: #a8c3e1;
-  padding: 10px;
-}
-
-.note:backdrop {
-  background: #b1b6c4;
-}
-
-.note.content:backdrop {
-  background: #cbd6e1;
-}
-
 button.osd {
         padding: 10px;
 }