mirror of
https://github.com/AykutSarac/jsoncrack.com.git
synced 2025-01-27 15:22:56 +08:00
style carbonads toggle themes
This commit is contained in:
parent
842f8d0790
commit
1e75611cf4
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user