From ffa3728185a852debbe972bd5dcc46d842a0070a Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 00:14:37 -0700 Subject: [PATCH 01/14] var added instead of color in snappymail theme --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 67f729c..3542f31 100644 --- a/style.css +++ b/style.css @@ -4220,7 +4220,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } body[data-themes="dark"] #rl-app #messageItem a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a { - color: #087BF9 !important; + color: var(--color-primary); } @media(prefers-color-scheme: dark){ #rl-app #messageItem, -- GitLab From 208ab637696229e73a47976cd714aec238d64aba Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 01:16:52 -0700 Subject: [PATCH 02/14] removed important --- style.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 3542f31..64665bf 100644 --- a/style.css +++ b/style.css @@ -4218,10 +4218,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { background: #000000 !important; color: #ffffff !important; } - body[data-themes="dark"] #rl-app #messageItem a, - body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a { - color: var(--color-primary); - } @media(prefers-color-scheme: dark){ #rl-app #messageItem, #rl-app #messageItem table, @@ -4254,7 +4250,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #messageItem a, #rl-app #messageItem .bodyText a { - color: #087BF9 !important; + color: #087BF9; + margin: 2px 0; } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, -- GitLab From d3ebabb5b056bb200cb3d09cb4d02546bcc2ee9e Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 01:44:11 -0700 Subject: [PATCH 03/14] removed margin --- style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/style.css b/style.css index 64665bf..1221090 100644 --- a/style.css +++ b/style.css @@ -4251,7 +4251,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem a, #rl-app #messageItem .bodyText a { color: #087BF9; - margin: 2px 0; } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, -- GitLab From 0b72e178ad13365aa27e31a79309a97864d712d8 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 02:42:38 -0700 Subject: [PATCH 04/14] added bg color --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 1221090..78be726 100644 --- a/style.css +++ b/style.css @@ -4250,7 +4250,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #messageItem a, #rl-app #messageItem .bodyText a { - color: #087BF9; + background: #087BF9 !important; + color: #ffffff !important; } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, -- GitLab From 9ffb93e4d1c7d4a7472df3874c2cc54625c8c887 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 02:42:40 -0700 Subject: [PATCH 05/14] added bg color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 78be726..0bc0109 100644 --- a/style.css +++ b/style.css @@ -4250,7 +4250,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #messageItem a, #rl-app #messageItem .bodyText a { - background: #087BF9 !important; + background-color: #087BF9 !important; color: #ffffff !important; } body[data-themes="light"] #rl-app #messageItem, -- GitLab From d1b6c8778fef0f78e233dbdd0d96d2b779c46caf Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:09:47 -0700 Subject: [PATCH 06/14] added bg color --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 0bc0109..ddb2b7c 100644 --- a/style.css +++ b/style.css @@ -4249,9 +4249,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { color: #ffffff !important; } #rl-app #messageItem a, - #rl-app #messageItem .bodyText a { - background-color: #087BF9 !important; - color: #ffffff !important; + #rl-app #messageItem .bodyText a, + #rl-app #messageItem a > * { + color: #087BF9 !important; } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, -- GitLab From bb687143463466d4a1c8353655ffc9af4fc17838 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:10:37 -0700 Subject: [PATCH 07/14] added bg color --- style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index ddb2b7c..c6474dc 100644 --- a/style.css +++ b/style.css @@ -367,7 +367,11 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"] { --invertfilter:invert(1); --color-primary-drop:rgba(255, 255, 255, 0.04); } - +body[data-themes="dark"] #rl-app #messageItem a, +body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, +body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { + color: #087BF9 !important; +} @media(prefers-color-scheme: dark){ :root { --main-color: var(--color-main-text); -- GitLab From 8a3472e6e85c7457606be169006b1d80df59247b Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:16:52 -0700 Subject: [PATCH 08/14] added bg color --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index c6474dc..13f02b0 100644 --- a/style.css +++ b/style.css @@ -370,7 +370,7 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"] { body[data-themes="dark"] #rl-app #messageItem a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { - color: #087BF9 !important; + color: #d2d2d2 !important; } @media(prefers-color-scheme: dark){ :root { @@ -4255,7 +4255,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app #messageItem a, #rl-app #messageItem .bodyText a, #rl-app #messageItem a > * { - color: #087BF9 !important; + color: #d2d2d2 !important; } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, -- GitLab From e43413446b3a24fb0eb0d164f3c9fe338791011e Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:18:55 -0700 Subject: [PATCH 09/14] changed color only --- style.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index 13f02b0..879caf7 100644 --- a/style.css +++ b/style.css @@ -367,11 +367,7 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"] { --invertfilter:invert(1); --color-primary-drop:rgba(255, 255, 255, 0.04); } -body[data-themes="dark"] #rl-app #messageItem a, -body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, -body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { - color: #d2d2d2 !important; -} + @media(prefers-color-scheme: dark){ :root { --main-color: var(--color-main-text); @@ -4222,6 +4218,11 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { background: #000000 !important; color: #ffffff !important; } + body[data-themes="dark"] #rl-app #messageItem a, + body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, + body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { + color: #087BF9 !important; + } @media(prefers-color-scheme: dark){ #rl-app #messageItem, #rl-app #messageItem table, @@ -4254,7 +4255,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app #messageItem a, #rl-app #messageItem .bodyText a, - #rl-app #messageItem a > * { + #rl-app #messageItem .bodyText a > * { color: #d2d2d2 !important; } body[data-themes="light"] #rl-app #messageItem, -- GitLab From 83545f63ebafa82b8d8e5e4b5621958b6a54c80b Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:19:39 -0700 Subject: [PATCH 10/14] changed color only #2 --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 879caf7..8ba330f 100644 --- a/style.css +++ b/style.css @@ -4221,7 +4221,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { body[data-themes="dark"] #rl-app #messageItem a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { - color: #087BF9 !important; + color: #d2d2d2 !important; } @media(prefers-color-scheme: dark){ #rl-app #messageItem, -- GitLab From 9569214da7362a8903e1cd365b8ea36e0c4a2c69 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:23:54 -0700 Subject: [PATCH 11/14] changed --- style.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/style.css b/style.css index 8ba330f..c79906d 100644 --- a/style.css +++ b/style.css @@ -4253,11 +4253,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { background: #000000 !important; color: #ffffff !important; } - #rl-app #messageItem a, - #rl-app #messageItem .bodyText a, - #rl-app #messageItem .bodyText a > * { - color: #d2d2d2 !important; - } body[data-themes="light"] #rl-app #messageItem, body[data-themes="light"] #rl-app #messageItem table, body[data-themes="light"] #rl-app #messageItem h1, -- GitLab From 159fd588d06a160f3a11f318db6bf5c067de0456 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:27:14 -0700 Subject: [PATCH 12/14] changes #2 --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index c79906d..a788189 100644 --- a/style.css +++ b/style.css @@ -4219,6 +4219,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { color: #ffffff !important; } body[data-themes="dark"] #rl-app #messageItem a, + body[data-themes="dark"] #rl-app #messageItem a > *, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { color: #d2d2d2 !important; -- GitLab From 48e6cec8d22e3a56467a7111455cf5af185b48b0 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:34:50 -0700 Subject: [PATCH 13/14] change link colo --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index a788189..3539fd2 100644 --- a/style.css +++ b/style.css @@ -521,7 +521,7 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"] { :root { - --link-color: var(--color-primary-light-text); + --link-color: var(--color-primary-element); } #rl-app { -- GitLab From 9bad0e64b8be12ac30c271fe7f34e986501a079e Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Fri, 28 Jul 2023 03:55:41 -0700 Subject: [PATCH 14/14] change link colo --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 3539fd2..37e779a 100644 --- a/style.css +++ b/style.css @@ -4222,7 +4222,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { body[data-themes="dark"] #rl-app #messageItem a > *, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a, body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * { - color: #d2d2d2 !important; + color: #ffffff !important; } @media(prefers-color-scheme: dark){ #rl-app #messageItem, -- GitLab