From 8014d84b3d5a0a04300bf25eb275d2ca5cec601d Mon Sep 17 00:00:00 2001 From: James McGauran Date: Thu, 9 Nov 2023 12:51:12 +0000 Subject: [PATCH 1/3] fix: issue #671 unreadable profile pop-ups --- packages/app/src/Element/AsyncButton.css | 6 ++++++ packages/app/src/Element/User/ProfileCard.css | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/packages/app/src/Element/AsyncButton.css b/packages/app/src/Element/AsyncButton.css index 21b5ffa1..ff8b6eff 100644 --- a/packages/app/src/Element/AsyncButton.css +++ b/packages/app/src/Element/AsyncButton.css @@ -22,3 +22,9 @@ .light .spinner-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; } + +@media (prefers-color-scheme: light) { + .spinner-button > span { + color: black; + } +} \ No newline at end of file diff --git a/packages/app/src/Element/User/ProfileCard.css b/packages/app/src/Element/User/ProfileCard.css index a0cbf7d3..66be29c9 100644 --- a/packages/app/src/Element/User/ProfileCard.css +++ b/packages/app/src/Element/User/ProfileCard.css @@ -9,3 +9,9 @@ color: white; padding: 8px 12px; } + +@media (prefers-color-scheme: light) { + .profile-card > div { + color: black; + } +} From 9082630cc2bffe21c9512e3e25bd4bb0fa0764d2 Mon Sep 17 00:00:00 2001 From: James McGauran Date: Thu, 9 Nov 2023 18:27:45 +0000 Subject: [PATCH 2/3] flix css class to light as per comment --- packages/app/src/Element/AsyncButton.css | 2 +- packages/app/src/Element/User/ProfileCard.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/app/src/Element/AsyncButton.css b/packages/app/src/Element/AsyncButton.css index ff8b6eff..abc17587 100644 --- a/packages/app/src/Element/AsyncButton.css +++ b/packages/app/src/Element/AsyncButton.css @@ -24,7 +24,7 @@ } @media (prefers-color-scheme: light) { - .spinner-button > span { +.light .spinner-button > span { color: black; } } \ No newline at end of file diff --git a/packages/app/src/Element/User/ProfileCard.css b/packages/app/src/Element/User/ProfileCard.css index 66be29c9..c06e7623 100644 --- a/packages/app/src/Element/User/ProfileCard.css +++ b/packages/app/src/Element/User/ProfileCard.css @@ -11,7 +11,7 @@ } @media (prefers-color-scheme: light) { - .profile-card > div { +.light .profile-card > div { color: black; } } From 815fc344f1eb04af5147f8206069e8975fdb1e48 Mon Sep 17 00:00:00 2001 From: James McGauran Date: Sun, 12 Nov 2023 22:51:09 +0000 Subject: [PATCH 3/3] Remove media queries --- packages/app/src/Element/AsyncButton.css | 2 -- packages/app/src/Element/User/ProfileCard.css | 2 -- 2 files changed, 4 deletions(-) diff --git a/packages/app/src/Element/AsyncButton.css b/packages/app/src/Element/AsyncButton.css index abc17587..2c92ff87 100644 --- a/packages/app/src/Element/AsyncButton.css +++ b/packages/app/src/Element/AsyncButton.css @@ -23,8 +23,6 @@ box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; } -@media (prefers-color-scheme: light) { .light .spinner-button > span { color: black; - } } \ No newline at end of file diff --git a/packages/app/src/Element/User/ProfileCard.css b/packages/app/src/Element/User/ProfileCard.css index c06e7623..e8810691 100644 --- a/packages/app/src/Element/User/ProfileCard.css +++ b/packages/app/src/Element/User/ProfileCard.css @@ -10,8 +10,6 @@ padding: 8px 12px; } -@media (prefers-color-scheme: light) { .light .profile-card > div { color: black; - } }