From 4bb238543248bb58490ac58d1dd44956fc8fce34 Mon Sep 17 00:00:00 2001 From: Natty Date: Thu, 31 Aug 2023 21:02:16 +0200 Subject: [PATCH] Made the CSS look pretty --- index.html | 2 +- style.css | 25 +++++++++++++++++++++---- 2 files changed, 22 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index a2997f7..29acc15 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ -

Fedi Circle Creator

+

⭕ Fedi Circle Creator



diff --git a/style.css b/style.css index 62ea3b2..bcd54b8 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,26 @@ body { - background-color: #191b22; - color: #d9e1e8; + font-family: sans-serif; font-size: 20px; line-height: 200%; padding-top: 75px; text-align: center; } +@media (prefers-color-scheme: dark) { + body { + background-color: #191b22; + color: #d9e1e8; + } + + a:link { + color: #dd87ff; + } + + a:visited { + color: #6153ff; + } +} + input[type="text"] { font-size: 110%; @@ -22,9 +36,12 @@ canvas { width: 90%; } -a { +a:hover { text-decoration: none; - color: #AAAAAA; +} + +a:active { + color: #ff6200; } #outDiv {