From 1e75611cf49563943b74b978c2d758c25283b113 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Tue, 14 Jun 2022 16:06:10 +0300
Subject: [PATCH] style carbonads toggle themes

---
 src/constants/globalStyle.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/constants/globalStyle.ts b/src/constants/globalStyle.ts
index 27528a2..ba3a9dd 100644
--- a/src/constants/globalStyle.ts
+++ b/src/constants/globalStyle.ts
@@ -73,7 +73,7 @@ const GlobalStyle = createGlobalStyle`
     min-width: 18.75em;
     max-width: clamp(18.75em, 22.5em, 24.5em);
     min-height: 100px;
-    background-color: hsl(0, 0%, 10%);
+    background-color: ${({ theme }) => theme.BACKGROUND_SECONDARY};
     box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.085),
       0 0 2px hsl(0deg 0% 0% / 0.085),
       0 0 4px hsl(0deg 0% 0% / 0.085),
@@ -82,11 +82,11 @@ const GlobalStyle = createGlobalStyle`
 
   #carbonads a {
     text-decoration: none;
-    color: #ddd;
+    color: ${({ theme }) => theme.INTERACTIVE_NORMAL};
   }
 
   #carbonads a:hover {
-    color: #ddd;
+    color: ${({ theme }) => theme.INTERACTIVE_HOVER};
   }
 
   #carbonads span {
@@ -119,8 +119,8 @@ const GlobalStyle = createGlobalStyle`
   #carbonads .carbon-poweredby {
     display: block;
     padding: 6px 8px;
-    color: #aaa;
-    background: #1e2021;
+    color: ${({ theme }) => theme.TEXT_NORMAL};
+    background: ${({ theme }) => theme.BACKGROUND_TERTIARY};
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.1ch;