From 972e2d118fc991cc2e522319d67fb1f8c3f4c3fa Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sat, 14 Apr 2018 21:46:26 +0900
Subject: [PATCH] fix: Selected background color when dark theme

---
 .../TimelineSpace/Contents/Cards/Notification/Favourite.vue | 6 ++++--
 .../TimelineSpace/Contents/Cards/Notification/Follow.vue    | 6 ++++--
 .../TimelineSpace/Contents/Cards/Notification/Reblog.vue    | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
index 2c2b5a02..c93a907b 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
@@ -45,7 +45,8 @@ export default {
     ...mapState({
       theme: (state) => {
         return {
-          '--theme-border-color': state.App.theme.border_color
+          '--theme-border-color': state.App.theme.border_color,
+          '--theme-selected-background-color': state.App.theme.selected_background_color
         }
       }
     })
@@ -178,7 +179,8 @@ function findLink (target) {
 }
 
 .favourite:focus {
+  --theme-selected-background-color: #f2f6fc;
+  background-color: var(--theme-selected-background-color);
   outline: 0;
-  background-color: #f2f6fc;
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Follow.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Follow.vue
index e7a74efc..37a27fda 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Follow.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Follow.vue
@@ -26,7 +26,8 @@ export default {
     ...mapState({
       theme: (state) => {
         return {
-          '--theme-border-color': state.App.theme.border_color
+          '--theme-border-color': state.App.theme.border_color,
+          '--theme-selected-background-color': state.App.theme.selected_background_color
         }
       }
     })
@@ -101,7 +102,8 @@ export default {
 }
 
 .follow:focus {
+  --theme-selected-background-color: #f2f6fc;
+  background-color: var(--theme-selected-background-color);
   outline: 0;
-  background-color: #f2f6fc;
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
index fbe5f872..b43cfd1a 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
@@ -45,7 +45,8 @@ export default {
     ...mapState({
       theme: (state) => {
         return {
-          '--theme-border-color': state.App.theme.border_color
+          '--theme-border-color': state.App.theme.border_color,
+          '--theme-selected-background-color': state.App.theme.selected_background_color
         }
       }
     })
@@ -175,7 +176,8 @@ function findLink (target) {
 }
 
 .reblog:focus {
+  --theme-selected-background-color: #f2f6fc;
+  background-color: var(--theme-selected-background-color);
   outline: 0;
-  background-color: #f2f6fc;
 }
 </style>