From fe73933b7f788ed4bbdb383493dfb0966b4c04c2 Mon Sep 17 00:00:00 2001 From: apiraino Date: Sun, 9 Feb 2020 23:02:53 +0100 Subject: [PATCH 1/3] Force text color --- src/popup/popup.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/popup/popup.less b/src/popup/popup.less index 7e795b5..bea9d4a 100644 --- a/src/popup/popup.less +++ b/src/popup/popup.less @@ -49,4 +49,5 @@ body { .info { white-space: nowrap; + color: #000; } From 365430ddcd3644b711511cb7b2e7004b582241f4 Mon Sep 17 00:00:00 2001 From: apiraino Date: Mon, 10 Feb 2020 01:28:02 +0100 Subject: [PATCH 2/3] Add real dark theme support --- src/popup/popup.less | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/popup/popup.less b/src/popup/popup.less index bea9d4a..74d754b 100644 --- a/src/popup/popup.less +++ b/src/popup/popup.less @@ -49,5 +49,18 @@ body { .info { white-space: nowrap; - color: #000; +} + +@media (prefers-color-scheme: dark) { + body { + background: black; + color: white; + } +} + +@media (prefers-color-scheme: light) { + body { + background: white; + color: black; + } } From 637fb48123355193de95188e9c8f19f0144aa169 Mon Sep 17 00:00:00 2001 From: apiraino Date: Sun, 28 Jun 2020 16:08:30 +0200 Subject: [PATCH 3/3] match browserpass dark colors --- src/popup/copy-dark.svg | 67 +++++++++++++++++++++++++++++++++++++++++ src/popup/popup.less | 13 +++++--- 2 files changed, 76 insertions(+), 4 deletions(-) create mode 100644 src/popup/copy-dark.svg diff --git a/src/popup/copy-dark.svg b/src/popup/copy-dark.svg new file mode 100644 index 0000000..2b1d44e --- /dev/null +++ b/src/popup/copy-dark.svg @@ -0,0 +1,67 @@ + + + +image/svg+xml + + + + + + + \ No newline at end of file diff --git a/src/popup/popup.less b/src/popup/popup.less index 74d754b..dbf66d1 100644 --- a/src/popup/popup.less +++ b/src/popup/popup.less @@ -53,14 +53,19 @@ body { @media (prefers-color-scheme: dark) { body { - background: black; - color: white; + background: #414141; + outline: 1px solid #7f7f7f; + color: #c4c4c4; + } + .copy { + background: url("../popup/copy-dark.svg") no-repeat; } } @media (prefers-color-scheme: light) { body { - background: white; - color: black; + background: #f1f3f5; + outline: 1px solid #7f7f7f; + color: #343a40; } }