From e5ce000a27798ad9253a10ad4c1b03e0a960fb33 Mon Sep 17 00:00:00 2001
From: FaberVitale <faber.vitale@gmail.com>
Date: Mon, 21 Jun 2021 17:05:30 +0200
Subject: [PATCH] fix(rtk-query): incorrect link color

Other changes:

* fix: add missing anchor property value noopener
---
 .../src/components/NoRtkQueryApi.tsx                            | 2 +-
 .../src/styles/createStylingFromTheme.ts                        | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/redux-devtools-rtk-query-monitor/src/components/NoRtkQueryApi.tsx b/packages/redux-devtools-rtk-query-monitor/src/components/NoRtkQueryApi.tsx
index c51f228c..f8c19f34 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/components/NoRtkQueryApi.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/src/components/NoRtkQueryApi.tsx
@@ -12,7 +12,7 @@ export function NoRtkQueryApi(): JSX.Element {
           <a
             href="https://redux-toolkit.js.org/rtk-query/overview#basic-usage"
             target="_blank"
-            rel="noreferrer"
+            rel="noreferrer noopener"
           >
             the instructions
           </a>
diff --git a/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts b/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts
index 168a03fc..7875175e 100644
--- a/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts
+++ b/packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts
@@ -293,9 +293,11 @@ const getSheetFromColorMap = (map: ColorMap) => {
     noApiFound: {
       width: '100%',
       textAlign: 'center',
+      color: map.TEXT_COLOR,
       padding: '1.4em',
       '& a': {
         fontSize: 'inherit',
+        color: map.TEXT_COLOR,
         textDecoration: 'underline',
       },
     },