From 386b256b1a1ea0de3f11a9552f265ae3fd1aaad3 Mon Sep 17 00:00:00 2001
From: Leandro Facchinetti
Date: Thu, 18 Mar 2021 21:05:53 +0000
Subject: [PATCH]
---
src/index.ts | 32 +++++++++++---------------------
1 file changed, 11 insertions(+), 21 deletions(-)
diff --git a/src/index.ts b/src/index.ts
index 93972ff..22abeec 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -100,12 +100,19 @@ export default function killTheNewsletter(
font-family: --apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif;
+ color: #000000d4;
+ background-color: white;
-webkit-text-size-adjust: 100%;
max-width: 450px;
padding: 0 1rem;
margin: 1rem auto;
text-align: center;
overflow-wrap: break-word;
+
+ @media (prefers-color-scheme: dark) {
+ color: #ffffffd4;
+ background-color: #1e1e1e;
+ }
}
code {
@@ -138,8 +145,8 @@ export default function killTheNewsletter(
input,
button {
all: unset;
- border-style: solid;
- border-color: gainsboro;
+ padding: 0.1rem 1rem;
+ border: 1px solid gainsboro;
border-radius: 5px;
box-shadow: inset 0px 1px 1px #ffffff10, 0px 1px 3px #00000010;
@@ -149,8 +156,6 @@ export default function killTheNewsletter(
}
input {
- padding: 0.1rem 1rem;
- border-width: 1px;
transition: border-color 0.2s;
&:focus {
@@ -159,9 +164,7 @@ export default function killTheNewsletter(
}
button {
- font-size: 0.75rem;
- padding: 0.2rem 1rem;
- border-width: 0.1px;
+ background-color: white;
@media (prefers-color-scheme: dark) {
background-color: #5a5a5a;
@@ -173,19 +176,6 @@ export default function killTheNewsletter(
border-color: #29adff;
}
}
-
- @media (prefers-color-scheme: light) {
- body {
- color: #000000d4;
- }
- }
-
- @media (prefers-color-scheme: dark) {
- body {
- color: #ffffffd4;
- background-color: #1e1e1e;
- }
- }
}
`}"
>
@@ -266,8 +256,8 @@ export default function killTheNewsletter(
autocomplete="off"
autofocus
/>
+
-
`)
);