diff --git a/components/TokenLogo/TokenLogo.module.css b/components/TokenLogo/TokenLogo.module.css index 9233ab7..dd06315 100644 --- a/components/TokenLogo/TokenLogo.module.css +++ b/components/TokenLogo/TokenLogo.module.css @@ -8,6 +8,7 @@ height: 24px; border-radius: 50%; background-color: rgba(var(--foreground-rgb), 0.5); + user-select: none; } .logo img { diff --git a/styles/globals.css b/styles/globals.css index df33527..c3ed777 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -14,6 +14,12 @@ body { text-rendering: optimizeLegibility; } +@media (prefers-color-scheme: dark) { + html { + color-scheme: dark; + } +} + body { color: rgb(var(--foreground-rgb)); background: var(--background-gradient) rgb(var(--background-rgb)); @@ -35,8 +41,7 @@ ul { padding: 0; } -@media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } +::selection { + background: rgb(var(--foreground-rgb-highlight)); + color: rgb(var(--background-rgb)); }