From 8f50c5b29726f81f6d8d49215b87e8f0d8681772 Mon Sep 17 00:00:00 2001 From: Maxime Bloch Date: Wed, 22 Jul 2020 15:17:27 +0200 Subject: [PATCH] Dark theme input fields --- templates/base.html | 42 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) diff --git a/templates/base.html b/templates/base.html index 3102a8d..ec58cbd 100644 --- a/templates/base.html +++ b/templates/base.html @@ -33,6 +33,11 @@ font-size: 2vh; } + nav span { + padding: 2vw; + font-family: monospace; + } + nav a { text-decoration: none; @@ -98,9 +103,42 @@ .alignRight { float: right; } + .accentuated { color: #66351d; } + + :root { + --white: #afafaf; + --red: #e31b23; + --bodyColor: #292a2b; + --borderFormEls: hsl(0, 0%, 10%); + --bgFormEls: hsl(0, 0%, 14%); + --bgFormElsFocus: hsl(0, 7%, 20%); + } + + select, + input, + textarea, + button { + width: 100%; + line-height: 1.5; + padding: 15px 10px; + border: 1px solid var(--borderFormEls); + color: var(--white); + background: var(--bgFormEls); + transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25), + transform 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25); + } + + textarea { + height: 170px; + } + + ::placeholder { + color: inherit; + opacity: 1; + } @@ -121,7 +159,9 @@