style carbonads toggle themes

This commit is contained in:
AykutSarac 2022-06-14 16:06:10 +03:00
parent 842f8d0790
commit 1e75611cf4

View File

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