diff --git a/style.css b/style.css index b75c0b2..b6a7f5d 100644 --- a/style.css +++ b/style.css @@ -1,28 +1,24 @@ -html +body { background-color: #f5f5f5; color: #333; } - h1.linktree { font-size: 1.3em; text-shadow: 2px 2px 4px #ccc; } - h2.linktree { font-size: 1.1em; color: #666; } - img.linktree-avatar { border-radius: 50%; max-width: 100%; height: 120px; border: 2px solid #ccc; } - .linktree-content { margin: 1em auto 0 auto; @@ -30,15 +26,28 @@ img.linktree-avatar { text-align: center; padding: 1em; } - .linktree-button-area { padding-top: 1.5em; } - .linktree-button-area > a.pure-button { display: block; margin: 0 auto 1em auto; max-width: 440px; +} + +@media (prefers-color-scheme: dark) { + body { + background-color: #222; + color: #f0ece2; + } + h1.linktree + { + text-shadow: 2px 2px 4px #000; + } + h2.linktree + { + color: #ccc; + } } \ No newline at end of file