From 61e97e79e0fbb4c573297be3a38ad1d634d754c3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 12:25:46 +0530 Subject: [PATCH 001/164] dark icon add --- images/createfolder-dark.svg | 3 +++ images/loading-dark.svg | 3 +++ style.css | 16 ++++++++++------ 3 files changed, 16 insertions(+), 6 deletions(-) create mode 100644 images/createfolder-dark.svg create mode 100644 images/loading-dark.svg diff --git a/images/createfolder-dark.svg b/images/createfolder-dark.svg new file mode 100644 index 0000000..5be238e --- /dev/null +++ b/images/createfolder-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/loading-dark.svg b/images/loading-dark.svg new file mode 100644 index 0000000..51354fe --- /dev/null +++ b/images/loading-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index 8f44b11..11da256 100644 --- a/style.css +++ b/style.css @@ -127,6 +127,8 @@ --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); + --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); + --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); } body.theme--dark { @@ -234,6 +236,8 @@ body.theme--dark { --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); + --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); + --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); } @@ -502,7 +506,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { color: transparent; } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{ - background-image: url('/themes/Murena/snappymail/images/createfolder.svg'); + background-image: var(--createfolder); background-position: center right; background-repeat: no-repeat; height:34px; @@ -960,7 +964,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { - background-image: url('/themes/Murena/snappymail/images/loading.svg'); + background-image: var(--spinner-icon); background-position: center center; background-repeat: no-repeat; height:20px; @@ -968,7 +972,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-right: 19px; } #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ - background-image: url('/themes/Murena/snappymail/images/loading.svg'); + background-image: var(--spinner-icon); background-position: center center; background-repeat: no-repeat; width: 24px; @@ -2175,7 +2179,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar display:none; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn.disabled { - background-image: url('/themes/Murena/snappymail/images/createfolder.svg'); + background-image: var(--createfolder); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2183,7 +2187,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { - background-image: url('/themes/Murena/snappymail/images/createfolder.svg'); + background-image: var(--createfolder); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2367,7 +2371,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li:nth-child(10) a::before { - background-image: url('/themes/Murena/snappymail/images/createfolder.svg'); + background-image: var(--createfolder); background-position: center center; background-repeat: no-repeat; height: 20px; -- GitLab From 588a496d81bea95aff76bc1f62690af3bf50d1f8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:31:03 +0530 Subject: [PATCH 002/164] dark icon add --- images/archieve-dark.svg | 4 ++++ images/more-black.svg | 3 +++ images/sort-dark.svg | 3 +++ images/spam-dark.svg | 5 +++++ images/trash-dark.svg | 3 +++ style.css | 39 ++++++++++++++++++++++++--------------- 6 files changed, 42 insertions(+), 15 deletions(-) create mode 100644 images/archieve-dark.svg create mode 100644 images/more-black.svg create mode 100644 images/sort-dark.svg create mode 100644 images/spam-dark.svg create mode 100644 images/trash-dark.svg diff --git a/images/archieve-dark.svg b/images/archieve-dark.svg new file mode 100644 index 0000000..09782a3 --- /dev/null +++ b/images/archieve-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/more-black.svg b/images/more-black.svg new file mode 100644 index 0000000..ae80796 --- /dev/null +++ b/images/more-black.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/sort-dark.svg b/images/sort-dark.svg new file mode 100644 index 0000000..5c36443 --- /dev/null +++ b/images/sort-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/spam-dark.svg b/images/spam-dark.svg new file mode 100644 index 0000000..9059c7c --- /dev/null +++ b/images/spam-dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/trash-dark.svg b/images/trash-dark.svg new file mode 100644 index 0000000..8eabb79 --- /dev/null +++ b/images/trash-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index 11da256..ae946dc 100644 --- a/style.css +++ b/style.css @@ -129,6 +129,11 @@ --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); + --spam:url('/themes/Murena/snappymail/images/spam.svg'); + --trash:url('/themes/Murena/snappymail/images/trash.svg'); + --more:url('/themes/Murena/snappymail/images/more.svg'); + --sort:url('/themes/Murena/snappymail/images/sort.svg'); + } body.theme--dark { @@ -238,7 +243,11 @@ body.theme--dark { --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); - + --archieve:url('/themes/Murena/snappymail/images/archieve-dark.svg'); + --spam:url('/themes/Murena/snappymail/images/spam-dark.svg'); + --trash:url('/themes/Murena/snappymail/images/trash-dark.svg'); + --more:url('/themes/Murena/snappymail/images/more-dark.svg'); + --sort:url('/themes/Murena/snappymail/images/sort-dark.svg'); } @@ -717,7 +726,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/spam.svg'); + background-image: var(--spam); content: ""; background-position: left center; background-repeat: no-repeat; @@ -739,7 +748,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/trash-color.svg'); + background-image: var(--trash); content: ""; background-position: left center; background-repeat: no-repeat; @@ -772,7 +781,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/archieve.svg'); + background-image: var(--archieve); content: ""; background-position: left center; background-repeat: no-repeat; @@ -2195,7 +2204,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.disabled:nth-child(1) { - background-image: url('/themes/Murena/snappymail/images/archieve.svg'); + background-image: var(--archieve); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2203,7 +2212,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) { - background-image: url('/themes/Murena/snappymail/images/archieve.svg'); + background-image: var(--archieve); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2211,7 +2220,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { - background-image: url('/themes/Murena/snappymail/images/spam.svg'); + background-image: var(--spam); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2219,7 +2228,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { - background-image: url('/themes/Murena/snappymail/images/spam.svg'); + background-image: var(--spam); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2227,7 +2236,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(4) { - background-image: url('/themes/Murena/snappymail/images/trash.svg'); + background-image: var(--trash); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2235,7 +2244,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) { - background-image: url('/themes/Murena/snappymail/images/trash.svg'); + background-image: var(--trash); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2243,7 +2252,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app #more-view-dropdown-id { - background-image: url('/themes/Murena/snappymail/images/more.svg') !important; + background-image: var(--more) !important; background-position: center center !important; background-repeat: no-repeat !important; height:18px; @@ -2252,7 +2261,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(4) #sort-list-dropdown-id { - background-image: url('/themes/Murena/snappymail/images/sort.svg'); + background-image: var(--sort); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2380,7 +2389,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(1) a::before { - background-image: url('/themes/Murena/snappymail/images/archieve.svg'); + background-image: var(--archieve); background-position: center center; background-repeat: no-repeat; height: 20px; @@ -2389,7 +2398,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right .dropdown-menu.show li:nth-child(12) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(2) a::before { - background-image: url('/themes/Murena/snappymail/images/spam.svg'); + background-image: var(--spam); background-position: center center; background-repeat: no-repeat; height: 20px; @@ -2400,7 +2409,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(5) a::before { - background-image: url('/themes/Murena/snappymail/images/trash.svg'); + background-image: var(--trash); background-position: center center; background-repeat: no-repeat; height: 20px; -- GitLab From 6924cbaf6c5a1d521ef5d5724485465f6b1766fb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:34:08 +0530 Subject: [PATCH 003/164] dark icon add --- images/{more-black.svg => more-dark.svg} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename images/{more-black.svg => more-dark.svg} (100%) diff --git a/images/more-black.svg b/images/more-dark.svg similarity index 100% rename from images/more-black.svg rename to images/more-dark.svg -- GitLab From 20dcb02d2b4bb5a95825c65e8b7960a7c1ba45c2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:42:59 +0530 Subject: [PATCH 004/164] dark icon add --- style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index ae946dc..8937c38 100644 --- a/style.css +++ b/style.css @@ -133,6 +133,8 @@ --trash:url('/themes/Murena/snappymail/images/trash.svg'); --more:url('/themes/Murena/snappymail/images/more.svg'); --sort:url('/themes/Murena/snappymail/images/sort.svg'); + --sent:url('/themes/Murena/snappymail/images/sent.svg'); + --draft:url('/themes/Murena/snappymail/images/draft.svg'); } @@ -248,6 +250,8 @@ body.theme--dark { --trash:url('/themes/Murena/snappymail/images/trash-dark.svg'); --more:url('/themes/Murena/snappymail/images/more-dark.svg'); --sort:url('/themes/Murena/snappymail/images/sort-dark.svg'); + --sent:url('/themes/Murena/snappymail/images/sent-dark.svg'); + --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); } @@ -682,7 +686,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/sent.svg'); + background-image: var(--sent); content: ""; background-position: left center; background-repeat: no-repeat; @@ -704,7 +708,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/draft.svg'); + background-image: var(--draft); content: ""; background-position: left center; background-repeat: no-repeat; -- GitLab From b005bbe5d9646901ffb9ae9a9d9a2938b5d33e33 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:47:59 +0530 Subject: [PATCH 005/164] dark icon add --- images/draft-dark.svg | 3 +++ images/sent-dark.svg | 4 ++++ 2 files changed, 7 insertions(+) create mode 100644 images/draft-dark.svg create mode 100644 images/sent-dark.svg diff --git a/images/draft-dark.svg b/images/draft-dark.svg new file mode 100644 index 0000000..6fd593f --- /dev/null +++ b/images/draft-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/sent-dark.svg b/images/sent-dark.svg new file mode 100644 index 0000000..0500cca --- /dev/null +++ b/images/sent-dark.svg @@ -0,0 +1,4 @@ + + + + -- GitLab From b6deec936fc1b3dc78ee0538452cce61db4fb40b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:51:58 +0530 Subject: [PATCH 006/164] dark icon add --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 8937c38..14d5500 100644 --- a/style.css +++ b/style.css @@ -763,7 +763,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/trash.svg'); + background-image: var(--trash); content: ""; background-position: left center; background-repeat: no-repeat; -- GitLab From 1ad4bf522df309af129e012346718dcc09ec9f6f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 18:56:10 +0530 Subject: [PATCH 007/164] color on dark fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 14d5500..e5feeb1 100644 --- a/style.css +++ b/style.css @@ -239,7 +239,7 @@ body.theme--dark { --color-primary-element-light-hover: #1d272d; --color-primary-element-light-grey-hover: #f2f1f1; --color-primary-element-text-dark: #ededed; - --color-primary-element-text-grey: #333333; + --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); -- GitLab From 23504ca0793ca443c6ffc77f1a7a0f25ebf42f5e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 19:05:05 +0530 Subject: [PATCH 008/164] color on dark fix --- images/back-dark.svg | 3 +++ images/setting-dark.svg | 3 +++ style.css | 6 +++++- 3 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 images/back-dark.svg create mode 100644 images/setting-dark.svg diff --git a/images/back-dark.svg b/images/back-dark.svg new file mode 100644 index 0000000..4fada7f --- /dev/null +++ b/images/back-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/setting-dark.svg b/images/setting-dark.svg new file mode 100644 index 0000000..0652e14 --- /dev/null +++ b/images/setting-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index e5feeb1..e744bb2 100644 --- a/style.css +++ b/style.css @@ -135,6 +135,8 @@ --sort:url('/themes/Murena/snappymail/images/sort.svg'); --sent:url('/themes/Murena/snappymail/images/sent.svg'); --draft:url('/themes/Murena/snappymail/images/draft.svg'); + --draft:url('/themes/Murena/snappymail/images/setting.svg'); + --draft:url('/themes/Murena/snappymail/images/back-dark.svg'); } @@ -252,6 +254,8 @@ body.theme--dark { --sort:url('/themes/Murena/snappymail/images/sort-dark.svg'); --sent:url('/themes/Murena/snappymail/images/sent-dark.svg'); --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); + --draft:url('/themes/Murena/snappymail/images/setting-dark.svg'); + --draft:url('/themes/Murena/snappymail/images/back-dark.svg'); } @@ -508,7 +512,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { border-bottom: 1px solid var(--color-border-grey); } #rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ - background-image: url('/themes/Murena/snappymail/images/back.svg'); + background-image: var(--back); background-position: center center; background-repeat: no-repeat; height:34px; -- GitLab From c294c6d76891be8c1c6ac16b9550ab5ce8850813 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 19:09:20 +0530 Subject: [PATCH 009/164] color on dark fix --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index e744bb2..0d4cfe4 100644 --- a/style.css +++ b/style.css @@ -538,7 +538,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled a.btn:nth-child(2){ - background-image: url('/themes/Murena/snappymail/images/setting.svg'); + background-image: var(--setting); background-position: center center; background-repeat: no-repeat; height:34px; @@ -2124,7 +2124,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/setting.svg'); + background-image:var(--setting); background-position: center center; background-repeat: no-repeat; height:24px; @@ -2133,7 +2133,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TITLES/SETTINGS"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/setting.svg'); + background-image: var(--setting); background-position: center center; background-repeat: no-repeat; height:24px; -- GitLab From aa0bb70546e7d855cd217ccec1a2be15f49120e2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 19:11:59 +0530 Subject: [PATCH 010/164] color on dark fix --- style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 0d4cfe4..0913c0b 100644 --- a/style.css +++ b/style.css @@ -135,8 +135,8 @@ --sort:url('/themes/Murena/snappymail/images/sort.svg'); --sent:url('/themes/Murena/snappymail/images/sent.svg'); --draft:url('/themes/Murena/snappymail/images/draft.svg'); - --draft:url('/themes/Murena/snappymail/images/setting.svg'); - --draft:url('/themes/Murena/snappymail/images/back-dark.svg'); + --setting:url('/themes/Murena/snappymail/images/setting.svg'); + --back:url('/themes/Murena/snappymail/images/back-dark.svg'); } @@ -254,8 +254,8 @@ body.theme--dark { --sort:url('/themes/Murena/snappymail/images/sort-dark.svg'); --sent:url('/themes/Murena/snappymail/images/sent-dark.svg'); --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); - --draft:url('/themes/Murena/snappymail/images/setting-dark.svg'); - --draft:url('/themes/Murena/snappymail/images/back-dark.svg'); + --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); + --back:url('/themes/Murena/snappymail/images/back-dark.svg'); } -- GitLab From da76f495df3de58fc225f646c0bdf5a5317e5b0e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 19:31:27 +0530 Subject: [PATCH 011/164] color on dark fix --- style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 0913c0b..f002001 100644 --- a/style.css +++ b/style.css @@ -137,6 +137,7 @@ --draft:url('/themes/Murena/snappymail/images/draft.svg'); --setting:url('/themes/Murena/snappymail/images/setting.svg'); --back:url('/themes/Murena/snappymail/images/back-dark.svg'); + --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); } @@ -234,7 +235,7 @@ body.theme--dark { --color-primary-light-hover: #1d272d; --color-primary-text-dark: hsl(0, 0%, 93%); --color-primary-element: #087BF9; - --color-primary-element-text: #ffffff; + --color-primary-element-text: #121212; --color-primary-element-hover: #04537f; --color-primary-element-light: #141e24; --color-primary-element-light-text: #99c0d6; @@ -256,6 +257,7 @@ body.theme--dark { --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); --back:url('/themes/Murena/snappymail/images/back-dark.svg'); + --editnote:url('/themes/Murena/snappymail/images/editnote-dark.svg'); } @@ -847,7 +849,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app #rl-content .btn.buttonCompose::before { content:""; - background-image: url('/themes/Murena/snappymail/images/editnote.svg'); + background-image: var(--editnote); background-position: left center; background-repeat: no-repeat; padding-left: 20px; -- GitLab From 361eb7a22082ec34ac2dddfdf5f9d89490a097e0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 8 Feb 2023 19:31:30 +0530 Subject: [PATCH 012/164] color on dark fix --- images/editnote-dark.svg | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 images/editnote-dark.svg diff --git a/images/editnote-dark.svg b/images/editnote-dark.svg new file mode 100644 index 0000000..0a01f92 --- /dev/null +++ b/images/editnote-dark.svg @@ -0,0 +1,5 @@ + + + + + -- GitLab From 3d279eeb8a62b9eb7fcb8c46585402890c7e1d30 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 9 Feb 2023 10:52:18 +0530 Subject: [PATCH 013/164] color on dark fix --- style.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index f002001..d055899 100644 --- a/style.css +++ b/style.css @@ -126,6 +126,8 @@ --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; + --background-email: rgba(0, 0, 0, 0.04); + --color-email-text: rgba(0, 0, 0, 0.6); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); @@ -227,7 +229,7 @@ body.theme--dark { --background-invert-if-bright: no; --color-primary: #087BF9; --color-primary-default: #0082c9; - --color-primary-text: #ffffff; + --color-primary-text: rgba(255, 255, 255, 0.04); --color-primary-hover: #04537f; --color-primary-light: #141e24; --color-primary-light-second:rgba(248, 67, 46, 0.08); @@ -245,6 +247,8 @@ body.theme--dark { --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; + --background-email: : rgba(255, 255, 255, 0.04); + --color-email-text: : rgba(255, 255, 255, 0.06); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); @@ -1757,8 +1761,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-SystemDropDown .accountPlace { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); + background: var( --background-email); + color: var( --color-email-text); text-shadow: none; font-weight: 400; font-size: 14px; -- GitLab From 23d0399ce653f4ec6c911ba2b0fa6d56ef88ac3f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 10 Feb 2023 14:12:08 +0530 Subject: [PATCH 014/164] color on dark fix --- images/profiledownarrow-dark.svg | 3 +++ images/profilesetting-dark.svg | 5 +++++ style.css | 8 ++++++-- 3 files changed, 14 insertions(+), 2 deletions(-) create mode 100644 images/profiledownarrow-dark.svg create mode 100644 images/profilesetting-dark.svg diff --git a/images/profiledownarrow-dark.svg b/images/profiledownarrow-dark.svg new file mode 100644 index 0000000..3c24c9e --- /dev/null +++ b/images/profiledownarrow-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/profilesetting-dark.svg b/images/profilesetting-dark.svg new file mode 100644 index 0000000..a98f31d --- /dev/null +++ b/images/profilesetting-dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/style.css b/style.css index d055899..ecafe3c 100644 --- a/style.css +++ b/style.css @@ -140,6 +140,8 @@ --setting:url('/themes/Murena/snappymail/images/setting.svg'); --back:url('/themes/Murena/snappymail/images/back-dark.svg'); --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); + --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); + --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); } @@ -262,6 +264,8 @@ body.theme--dark { --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); --back:url('/themes/Murena/snappymail/images/back-dark.svg'); --editnote:url('/themes/Murena/snappymail/images/editnote-dark.svg'); + --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); + --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); } @@ -1761,8 +1765,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-SystemDropDown .accountPlace { - background: var( --background-email); - color: var( --color-email-text); + background: var(--background-email); + color: var(--color-email-text); text-shadow: none; font-weight: 400; font-size: 14px; -- GitLab From 67378c0224cd86f2acaaf748aa4bc9afab9e450e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 10 Feb 2023 14:13:42 +0530 Subject: [PATCH 015/164] color on dark fix --- style.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index ecafe3c..ca10f08 100644 --- a/style.css +++ b/style.css @@ -264,8 +264,8 @@ body.theme--dark { --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); --back:url('/themes/Murena/snappymail/images/back-dark.svg'); --editnote:url('/themes/Murena/snappymail/images/editnote-dark.svg'); - --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); - --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); + --profilesetting:url('/themes/Murena/snappymail/images/profilesetting-dark.svg'); + --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow-dark.svg'); } @@ -1787,16 +1787,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { - color:transparent; - background-image: url('/themes/Murena/snappymail/images/profilesetting.svg'); + background-image:var(--profilesetting); background-position: center center; background-repeat: no-repeat; font-size:20px; } #rl-app #V-SystemDropDown #top-system-dropdown-id:after { color:transparent; - background-image: url('/themes/Murena/snappymail/images/profiledownarrow.svg'); + background-image: var(--profiledownarrow); background-position: center center; background-repeat: no-repeat; padding-left:10px; -- GitLab From f36b2be19bda63a2bca1d9fea6f47d056c14978f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 10 Feb 2023 14:19:48 +0530 Subject: [PATCH 016/164] color on dark fix --- style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index ca10f08..656536f 100644 --- a/style.css +++ b/style.css @@ -126,6 +126,7 @@ --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; + --color-primary-element-text-maillist: #ffffff; --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); @@ -249,6 +250,7 @@ body.theme--dark { --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); --color-primary-element-text-blue: #087BF9; --color-primary-element-text-black: #000000; + --color-primary-element-text-maillist: #ffffff; --background-email: : rgba(255, 255, 255, 0.04); --color-email-text: : rgba(255, 255, 255, 0.06); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); @@ -1305,21 +1307,21 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-weight: 500; font-size: 16px; line-height: 24px; - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-maillist); opacity: 0.8; } #rl-app .messageListItem .subjectParent.actionHandle { font-weight: 400; font-size: 14px; line-height: 20px; - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-maillist); opacity: 0.6; } #rl-app .messageListItem time.actionHandle { font-weight: 400; font-size: 12px; line-height: 16px; - color:var(--color-primary-element-text-black); + color:var(--color-primary-element-text-maillist); opacity: 0.3; } #rl-app .messageListItem .fromPic{ -- GitLab From 7d90fa125903de6fe55acdeb157bd4f6061bed66 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 10 Feb 2023 21:55:48 +0530 Subject: [PATCH 017/164] color on dark fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 656536f..77c7812 100644 --- a/style.css +++ b/style.css @@ -179,7 +179,7 @@ body.theme--dark { --color-text-maxcontrast-background-blur: #919191; --color-text-light: #bfbfbf; --color-text-lighter: #a5a5a5; - --color-text-dark-second: rgba(0, 0, 0, 0.38); + --color-text-dark-second: rgba(255,255,255, 0.38); --color-scrollbar: #3d3d3d; --color-error: #e9322d; --color-error-second: #F8432E; -- GitLab From 52b7952871d94da3795c0205d26e385b535f2ce7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 10 Feb 2023 22:00:32 +0530 Subject: [PATCH 018/164] color on dark fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 77c7812..76d933a 100644 --- a/style.css +++ b/style.css @@ -172,7 +172,7 @@ body.theme--dark { --color-background-green: rgba(68, 176, 76, 0.08); --color-background-blue: rgba(8, 123, 249, 0.08); --color-background-purple: rgba(176, 52, 240, 0.07); - --color-background-light-second: #f9f9f9; + --color-background-light-second: #272727; --color-main-text: #D8D8D8; --color-text-maxcontrast: #8c8c8c; --color-text-maxcontrast-default: #8c8c8c; -- GitLab From a0cd4a7bd185123eb4b7a1a6dba4b002ecbb17de Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 14:18:18 +0530 Subject: [PATCH 019/164] border fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 76d933a..2fa74d5 100644 --- a/style.css +++ b/style.css @@ -199,7 +199,7 @@ body.theme--dark { --color-box-shadow: #000000; --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #292929; - --color-border-grey: #e6e6e6; + --color-border-grey: #383838; --color-border-input: #e6e8e9; --color-border-dark: #3b3b3b; --color-border-second: #e0e0e0; -- GitLab From 61be029f602d625edf844eb2203ce83aeeac3762 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 14:54:50 +0530 Subject: [PATCH 020/164] border fix --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 2fa74d5..0c5f265 100644 --- a/style.css +++ b/style.css @@ -3266,3 +3266,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { height: 27px; } +#rl-app .b-folder{ + padding-right:0px; +} \ No newline at end of file -- GitLab From b8ae290dfe104b4e877aaefcef73cf19afdfcd8e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 15:18:11 +0530 Subject: [PATCH 021/164] border fix --- style.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 0c5f265..b235ca8 100644 --- a/style.css +++ b/style.css @@ -316,7 +316,7 @@ html.rl-left-panel-disabled #rl-app #rl-left{ #rl-app .messageList, #rl-app .messageView { - margin: 0 5px; + margin: 0 5px 0 0; border: none; box-shadow: none !important; background: var(--color-main-background); @@ -3266,6 +3266,11 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { height: 27px; } -#rl-app .b-folder{ +#rl-app .b-folders{ padding-right:0px; +} +#rl-app .messageView .messageItemHeader{ + margin-top: 14px; + border-top: 1px solid var(--color-border-grey); + border-radius: 0px; } \ No newline at end of file -- GitLab From 42ec1d17f8c97466bbd2cd9524e89dd9e0b6a3c1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 15:21:42 +0530 Subject: [PATCH 022/164] border fix --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index b235ca8..4e7bec6 100644 --- a/style.css +++ b/style.css @@ -2629,6 +2629,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: var(--color-text-dark-second); font-weight: 400; font-size: 24px; + margin-top: 14px; + border-top: 1px solid var(--color-border-grey); + border-radius: 0px; } .dropdown-menu.show li{ color: var(--color-primary-element-text-black); -- GitLab From 355085bef827be23258da1370c40f26b70f93b7f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:02:31 +0530 Subject: [PATCH 023/164] dark icons --- images/help-dark.svg | 3 +++ images/hide-my-email-dark.svg | 3 +++ images/mobile-dark.svg | 3 +++ images/plus-dark.svg | 3 +++ style.css | 21 ++++++++++++++++----- 5 files changed, 28 insertions(+), 5 deletions(-) create mode 100644 images/help-dark.svg create mode 100644 images/hide-my-email-dark.svg create mode 100644 images/mobile-dark.svg create mode 100644 images/plus-dark.svg diff --git a/images/help-dark.svg b/images/help-dark.svg new file mode 100644 index 0000000..adef24a --- /dev/null +++ b/images/help-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/hide-my-email-dark.svg b/images/hide-my-email-dark.svg new file mode 100644 index 0000000..033adc7 --- /dev/null +++ b/images/hide-my-email-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/mobile-dark.svg b/images/mobile-dark.svg new file mode 100644 index 0000000..8173102 --- /dev/null +++ b/images/mobile-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/plus-dark.svg b/images/plus-dark.svg new file mode 100644 index 0000000..5fc6e39 --- /dev/null +++ b/images/plus-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index 4e7bec6..6c4713c 100644 --- a/style.css +++ b/style.css @@ -143,6 +143,12 @@ --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); + --profiletick:url('/themes/Murena/snappymail/images/profiletick.svg'); + --plus:url('/themes/Murena/snappymail/images/plus.svg'); + --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email.svg'); + --help:url('/themes/Murena/snappymail/images/help.svg'); + --mobile:url('/themes/Murena/snappymail/images/mobile.svg'); + } @@ -268,6 +274,11 @@ body.theme--dark { --editnote:url('/themes/Murena/snappymail/images/editnote-dark.svg'); --profilesetting:url('/themes/Murena/snappymail/images/profilesetting-dark.svg'); --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow-dark.svg'); + --profiletick:url('/themes/Murena/snappymail/images/profiletick.svg'); + --plus:url('/themes/Murena/snappymail/images/plus-dark.svg'); + --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email-dark.svg'); + --help:url('/themes/Murena/snappymail/images/help-dark.svg'); + --mobile:url('/themes/Murena/snappymail/images/mobile-dark.svg'); } @@ -2108,7 +2119,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a[data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/plus.svg'); + background-image: var(--plus); background-position: center center; background-repeat: no-repeat; height:24px; @@ -2126,7 +2137,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="HIDE_MY_EMAIL/TAB_NAME"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/hide-my-email.svg'); + background-image: var(--hide-my-email); background-position: center center; background-repeat: no-repeat; height:24px; @@ -2153,7 +2164,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/HELP"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/help.svg'); + background-image: var(--help); background-position: center center; background-repeat: no-repeat; height:24px; @@ -2162,7 +2173,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_HELP"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/help.svg'); + background-image: var(--help); background-position: center center; background-repeat: no-repeat; height:24px; @@ -2171,7 +2182,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="MOBILE/BUTTON_MOBILE_VERSION"]::before { content: ""; - background-image: url('/themes/Murena/snappymail/images/mobile.svg'); + background-image: var(--mobile); background-position: center center; background-repeat: no-repeat; height:24px; -- GitLab From d287837f6fdc7d31734cc6b5025ba1bfe777b099 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:08:20 +0530 Subject: [PATCH 024/164] icons text color --- style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 6c4713c..66a5f9d 100644 --- a/style.css +++ b/style.css @@ -125,7 +125,7 @@ --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; - --color-primary-element-text-black: #000000; + --color-primary-element-text-one: #000000; --color-primary-element-text-maillist: #ffffff; --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); @@ -255,7 +255,7 @@ body.theme--dark { --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); --color-primary-element-text-blue: #087BF9; - --color-primary-element-text-black: #000000; + --color-primary-element-text-one: #ffffff; --color-primary-element-text-maillist: #ffffff; --background-email: : rgba(255, 255, 255, 0.04); --color-email-text: : rgba(255, 255, 255, 0.06); @@ -2457,7 +2457,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 24px; letter-spacing: 0.5px; text-decoration: underline; - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-one); opacity: 0.8; text-transform: uppercase; } @@ -2506,7 +2506,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 500; font-size: 16px; line-height: 24px; - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-one); opacity:0.8; } #rl-app #V-MailMessageView .messageView span.infoParent{ @@ -2645,7 +2645,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 0px; } .dropdown-menu.show li{ - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-one); opacity:0.8; font-size: 14px; } @@ -2832,7 +2832,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; } #rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn{ - color: var(--color-primary-element-text-black); + color: var(--color-primary-element-text-one); opacity:0.6; } #rl-app #rl-popups #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active{ @@ -2956,7 +2956,7 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn, #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar #contacts-more-dropdown-id{ background: transparent; - color:var( --color-primary-element-text-black); + color:var( --color-primary-element-text-one); opacity: 0.8; } #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(1){ -- GitLab From 4fab3b0989657ca5f8944a05d336a34d8e0072af Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:25:05 +0530 Subject: [PATCH 025/164] icons text color --- style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/style.css b/style.css index 66a5f9d..d9e7b32 100644 --- a/style.css +++ b/style.css @@ -3287,4 +3287,11 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { margin-top: 14px; border-top: 1px solid var(--color-border-grey); border-radius: 0px; +} +#rl-app #V-Settings-HMESettings .inputBox { + white-space: nowrap; + background: var(--color-primary-element-text-one); + border: 1px solid var(--color-border-grey); + padding: 9px 0px; + width: 350px; } \ No newline at end of file -- GitLab From e25906fc967d20e0f37c98e1972e6d51e618104b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:29:41 +0530 Subject: [PATCH 026/164] icons text color --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index d9e7b32..3975529 100644 --- a/style.css +++ b/style.css @@ -3290,8 +3290,8 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #V-Settings-HMESettings .inputBox { white-space: nowrap; - background: var(--color-primary-element-text-one); - border: 1px solid var(--color-border-grey); + background: var(--color-primary-text); + border:1px solid 1px var(--color-border); padding: 9px 0px; width: 350px; } \ No newline at end of file -- GitLab From daeeebde7250fe640cb5dcfe09993fd3086dc4e3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:32:17 +0530 Subject: [PATCH 027/164] email color set --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 3975529..a3d40ad 100644 --- a/style.css +++ b/style.css @@ -3294,4 +3294,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { border:1px solid 1px var(--color-border); padding: 9px 0px; width: 350px; +} +#rl-app #V-Settings-HMESettings .btncopy{ + background: var(--color-primary-text); } \ No newline at end of file -- GitLab From 10e7fd2a06918c1ed47303f8258b342d6fd0b7e0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:54:43 +0530 Subject: [PATCH 028/164] email color set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index a3d40ad..4c9f449 100644 --- a/style.css +++ b/style.css @@ -3291,10 +3291,10 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app #V-Settings-HMESettings .inputBox { white-space: nowrap; background: var(--color-primary-text); - border:1px solid 1px var(--color-border); padding: 9px 0px; width: 350px; + border: 2px solid var(--color-border-dark); } #rl-app #V-Settings-HMESettings .btncopy{ - background: var(--color-primary-text); + background: transparent; } \ No newline at end of file -- GitLab From 22d04bffda8e97f6c371e741a5b5497852fc969b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 16:59:44 +0530 Subject: [PATCH 029/164] email color set --- style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/style.css b/style.css index 4c9f449..3fc9d2c 100644 --- a/style.css +++ b/style.css @@ -132,6 +132,7 @@ --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); + --archieve:url('/themes/Murena/snappymail/images/archieve.svg'); --spam:url('/themes/Murena/snappymail/images/spam.svg'); --trash:url('/themes/Murena/snappymail/images/trash.svg'); --more:url('/themes/Murena/snappymail/images/more.svg'); @@ -3294,6 +3295,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { padding: 9px 0px; width: 350px; border: 2px solid var(--color-border-dark); + border-radius: 3px; } #rl-app #V-Settings-HMESettings .btncopy{ background: transparent; -- GitLab From 7f97589df514e5440ed16ad199a65053f1efdda0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 17:07:15 +0530 Subject: [PATCH 030/164] email color set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 3fc9d2c..3182f7c 100644 --- a/style.css +++ b/style.css @@ -126,7 +126,7 @@ --color-primary-element-text-grey: #333333; --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #000000; - --color-primary-element-text-maillist: #ffffff; + --color-primary-element-text-maillist: rgba(0, 0, 0, 0.87); --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); -- GitLab From 8c2a8e00300931bc404015e6a1f3dbca29eafe4d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 18:03:45 +0530 Subject: [PATCH 031/164] dropdown bg --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 3182f7c..10983b0 100644 --- a/style.css +++ b/style.css @@ -38,6 +38,7 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; + --color-main-dropdown: #ffffff; --color-background-grey: rgba(0, 0, 0, 0.87); --color-background-black: rgba(0, 0, 0, 0.12); --color-background-darker: #dbdbdb; @@ -169,6 +170,7 @@ body.theme--dark { --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; + --color-main-dropdown: #383838; --color-background-grey: rgba(0, 0, 0, 0.87); --color-background-black:rgba(0, 0, 0, 0.12); --color-background-darker: #3b3b3b; @@ -1712,7 +1714,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .dropdown-menu { - background-color: var(--color-main-background); + background-color: var(--color-main-dropdown); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; color: var(--color-main-text); -- GitLab From 1f0d0cd2931a1f81b9c53896977b037ffdca2bb7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 18:07:07 +0530 Subject: [PATCH 032/164] dropdown bg --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 10983b0..72dd129 100644 --- a/style.css +++ b/style.css @@ -2094,7 +2094,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding-left: 16px; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show{ - background: var(--color-main-background); + background: var(--color-main-dropdown); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; } -- GitLab From 3322f977565e09693e680bef5d785ba0184a5417 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 18:12:47 +0530 Subject: [PATCH 033/164] dropdown item color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 72dd129..7645308 100644 --- a/style.css +++ b/style.css @@ -171,7 +171,7 @@ body.theme--dark { --color-background-hover: #212121; --color-background-dark: #292929; --color-main-dropdown: #383838; - --color-background-grey: rgba(0, 0, 0, 0.87); + --color-background-grey: rgba(255, 255, 255, 1); --color-background-black:rgba(0, 0, 0, 0.12); --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; -- GitLab From 446016c8ddce1a7c7f64ef3c2870af2d06da812d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 18:25:56 +0530 Subject: [PATCH 034/164] inbox color set --- images/inbox-dark.svg | 3 +++ style.css | 4 +++- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 images/inbox-dark.svg diff --git a/images/inbox-dark.svg b/images/inbox-dark.svg new file mode 100644 index 0000000..0b11cdb --- /dev/null +++ b/images/inbox-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index 7645308..4b6f326 100644 --- a/style.css +++ b/style.css @@ -132,6 +132,7 @@ --color-email-text: rgba(0, 0, 0, 0.6); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); + --inbox:url('/themes/Murena/snappymail/images/inbox.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); --archieve:url('/themes/Murena/snappymail/images/archieve.svg'); --spam:url('/themes/Murena/snappymail/images/spam.svg'); @@ -265,6 +266,7 @@ body.theme--dark { --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); + --inbox:url('/themes/Murena/snappymail/images/inbox-dark.svg'); --archieve:url('/themes/Murena/snappymail/images/archieve-dark.svg'); --spam:url('/themes/Murena/snappymail/images/spam-dark.svg'); --trash:url('/themes/Murena/snappymail/images/trash-dark.svg'); @@ -694,7 +696,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/inbox.svg'); + background-image: var(--inbox); content: ""; background-position: left center; background-repeat: no-repeat; -- GitLab From 1c2775381360ec8524889c587639ff4a68748293 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 18:47:24 +0530 Subject: [PATCH 035/164] align icons --- style.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/style.css b/style.css index 4b6f326..f42e4ef 100644 --- a/style.css +++ b/style.css @@ -3303,4 +3303,10 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #V-Settings-HMESettings .btncopy{ background: transparent; +} +#rl-app .e-checkbox.material-design>div { + position: relative; + width: 18px; + height: 18px; + vertical-align: top; } \ No newline at end of file -- GitLab From 45e19849d5d7bdc6a95c99c62aa26237cc3536e8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 20:46:01 +0530 Subject: [PATCH 036/164] compose message dark --- images/cross-dark.svg | 3 +++ images/minimize-dark.svg | 3 +++ style.css | 11 +++++++---- 3 files changed, 13 insertions(+), 4 deletions(-) create mode 100644 images/cross-dark.svg create mode 100644 images/minimize-dark.svg diff --git a/images/cross-dark.svg b/images/cross-dark.svg new file mode 100644 index 0000000..dc24063 --- /dev/null +++ b/images/cross-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/minimize-dark.svg b/images/minimize-dark.svg new file mode 100644 index 0000000..94448ab --- /dev/null +++ b/images/minimize-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index f42e4ef..c527532 100644 --- a/style.css +++ b/style.css @@ -151,7 +151,8 @@ --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email.svg'); --help:url('/themes/Murena/snappymail/images/help.svg'); --mobile:url('/themes/Murena/snappymail/images/mobile.svg'); - + --cross: url('/themes/Murena/snappymail/images/cross.svg'); + --minimize: url('/themes/Murena/snappymail/images/minimize.svg'); } @@ -284,6 +285,8 @@ body.theme--dark { --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email-dark.svg'); --help:url('/themes/Murena/snappymail/images/help-dark.svg'); --mobile:url('/themes/Murena/snappymail/images/mobile-dark.svg'); + --cross: url('/themes/Murena/snappymail/images/cross-dark.svg'); + --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); } @@ -1177,7 +1180,7 @@ select option { #rl-app .e-checkbox.material-design>div { box-sizing: border-box; - margin-right: 4px; + margin-right: 8px; margin-left: -2px; } @@ -2802,7 +2805,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: var(--color-primary-text); } #rl-app #rl-popups #V-PopupsCompose .pull-right .close{ - background-image: url('/themes/Murena/snappymail/images/cross.svg'); + background-image: var(--cross); background-position: center center; background-repeat: no-repeat; height: 20px; @@ -2814,7 +2817,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: bottom; } #rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{ - background-image: url('/themes/Murena/snappymail/images/minimize.svg'); + background-image: var(--minimize); background-position: 10px 20px; background-repeat: no-repeat; height: 30px; -- GitLab From a719c555e3554713f35fe249012cef804dd30d83 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 20:51:34 +0530 Subject: [PATCH 037/164] compose message dark --- style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/style.css b/style.css index c527532..b4afb67 100644 --- a/style.css +++ b/style.css @@ -128,6 +128,7 @@ --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #000000; --color-primary-element-text-maillist: rgba(0, 0, 0, 0.87); + --color-background-save:rgba(0,0,0,0.12); --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); @@ -262,6 +263,7 @@ body.theme--dark { --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #ffffff; --color-primary-element-text-maillist: #ffffff; + --color-background-save:rgba(0, 0, 0, 0.24); --background-email: : rgba(255, 255, 255, 0.04); --color-email-text: : rgba(255, 255, 255, 0.06); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); -- GitLab From 9d15600613a656c8d7f4dc6b20dd3a648d3efd53 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 21:35:59 +0530 Subject: [PATCH 038/164] compose message dark --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index b4afb67..bea179b 100644 --- a/style.css +++ b/style.css @@ -214,7 +214,7 @@ body.theme--dark { --color-border-grey: #383838; --color-border-input: #e6e8e9; --color-border-dark: #3b3b3b; - --color-border-second: #e0e0e0; + --color-border-second: rgba(255, 255, 255, 0.12); --color-border-red: #F8432E; --color-border-orange: #FF7A00; --color-border-green: #44B04C; -- GitLab From cbfd1a6e3cdc19db9da71cc6541376778ebef055 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 21:46:13 +0530 Subject: [PATCH 039/164] compose message dark --- images/attachnextcloud-files-dark.svg | 3 +++ style.css | 4 +++- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 images/attachnextcloud-files-dark.svg diff --git a/images/attachnextcloud-files-dark.svg b/images/attachnextcloud-files-dark.svg new file mode 100644 index 0000000..ddb411a --- /dev/null +++ b/images/attachnextcloud-files-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index bea179b..bcfed49 100644 --- a/style.css +++ b/style.css @@ -154,6 +154,7 @@ --mobile:url('/themes/Murena/snappymail/images/mobile.svg'); --cross: url('/themes/Murena/snappymail/images/cross.svg'); --minimize: url('/themes/Murena/snappymail/images/minimize.svg'); + --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); } @@ -289,6 +290,7 @@ body.theme--dark { --mobile:url('/themes/Murena/snappymail/images/mobile-dark.svg'); --cross: url('/themes/Murena/snappymail/images/cross-dark.svg'); --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); + --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); } @@ -2034,7 +2036,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:41px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { - background-image: url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); + background-image: var(--attachnextcloud-files); background-position: center center; background-repeat: no-repeat; height:32px; -- GitLab From c1371c909d879160752c7ea05cfbe29054f63954 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 21:57:42 +0530 Subject: [PATCH 040/164] compose message dark --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index bcfed49..d1cd44b 100644 --- a/style.css +++ b/style.css @@ -30,6 +30,7 @@ --main-bg-repeat: repeat; --main-font-size: 14px; --color-main-background: #ffffff; + --color-compose-background: #ffffff; --color-main-background-not-plain: #0082c9; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); @@ -166,6 +167,7 @@ body.theme--dark { --main-bg-repeat: repeat; --main-font-size: 14px; --color-main-background: #171717; + --color-compose-background: #ffffff; --color-main-background-not-plain: #0082c9; --color-main-background-rgb: 23,23,23; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); @@ -1986,7 +1988,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .b-header { - background:var(--color-main-background); + background:var(--color-compose-background); padding-left: 0px; } #rl-app #V-PopupsCompose .b-header table{ -- GitLab From 85c509e9923ff5287d9d7576ac529f90a5262de4 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 21:59:31 +0530 Subject: [PATCH 041/164] compose message dark --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d1cd44b..464fbe4 100644 --- a/style.css +++ b/style.css @@ -167,7 +167,7 @@ body.theme--dark { --main-bg-repeat: repeat; --main-font-size: 14px; --color-main-background: #171717; - --color-compose-background: #ffffff; + --color-compose-background: #272727; --color-main-background-not-plain: #0082c9; --color-main-background-rgb: 23,23,23; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); -- GitLab From 0ef43f8823489f9ebe21797642ca34641b1d3f57 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 15 Feb 2023 22:23:41 +0530 Subject: [PATCH 042/164] compose message dark --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 464fbe4..b60fd36 100644 --- a/style.css +++ b/style.css @@ -111,6 +111,7 @@ --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; + --color-compose-text: #ffffff; --color-primary-hover: #3282ae; --color-primary-light: #e5eff4; --color-primary-light-second:rgba(248, 67, 46, 0.08); @@ -248,6 +249,7 @@ body.theme--dark { --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: rgba(255, 255, 255, 0.04); + --color-compose-text:transparent; --color-primary-hover: #04537f; --color-primary-light: #141e24; --color-primary-light-second:rgba(248, 67, 46, 0.08); @@ -2317,7 +2319,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:34px; padding:0 0 0 5px; border-radius:3px; - background: var(--color-primary-text); + background: var(--color-compose-text); } #rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{ background-image: url('/themes/Murena/snappymail/images/createfolder-color.svg'); -- GitLab From 45af97261c907b1ffb404b5f174f437386a39e05 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 10:24:41 +0530 Subject: [PATCH 043/164] compose bg set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index b60fd36..dd6572d 100644 --- a/style.css +++ b/style.css @@ -2029,7 +2029,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: rgba(0, 0, 0, 0.12); } #rl-app #V-PopupsCompose .squire-plain, #rl-app .squire-wysiwyg ,#rl-app .squire-toolbar{ - background:var(--color-main-background); + background:var(--color-compose-background); } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic { background: var(--color-main-background); -- GitLab From 475accf0e39af23f3644be9e18ed8bd82024953b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 11:06:35 +0530 Subject: [PATCH 044/164] compose bg set --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index dd6572d..b72307e 100644 --- a/style.css +++ b/style.css @@ -77,6 +77,7 @@ --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #ededed; + --color-border-compose: #ededed; --color-border-grey: #e6e6e6; --color-border-input: #e6e8e9; --color-border-dark: #dbdbdb; @@ -215,6 +216,7 @@ body.theme--dark { --color-box-shadow: #000000; --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #292929; + --color-border-compose: rgba(255, 255, 255, 0.08); --color-border-grey: #383838; --color-border-input: #e6e8e9; --color-border-dark: #3b3b3b; @@ -1997,7 +1999,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-collapse: unset; } #rl-app #V-PopupsCompose .b-header table td{ - border-bottom: 1px solid var(--color-border); + border-bottom: 1px solid var(--color-border-compose); } #rl-app #V-PopupsCompose .b-header input[type=text],#rl-app #V-PopupsCompose .b-header .emailaddresses { border:none; -- GitLab From 613846c070ea5836cccf1176873eea7ce76cc665 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 11:10:20 +0530 Subject: [PATCH 045/164] compose bg set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index b72307e..5be2348 100644 --- a/style.css +++ b/style.css @@ -2216,7 +2216,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app dialog > header, #rl-app dialog > footer, #rl-app .squire-toolbar { - border-color: var(--color-border); + border-color: var(--color-border-compose); } #rl-app #V-PopupsCompose header{ background-color: var(--color-primary-text); -- GitLab From b20224cf81a7a29c717d4ebbe04b0b4ccdc43e18 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 11:50:24 +0530 Subject: [PATCH 046/164] compose bg set --- style.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 5be2348..a847652 100644 --- a/style.css +++ b/style.css @@ -2074,12 +2074,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn{ vertical-align: baseline; - background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background: var(--input-bg-clr,var(--color-primary-element-text-one)) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ margin-left:3px; - background: var(--input-bg-clr,#fff) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background: var(--input-bg-clr,var(--color-primary-element-text-one)) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, @@ -3322,4 +3322,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { width: 18px; height: 18px; vertical-align: top; +} +#rl-app #V-PopupsCompose .b-header table tr:nth-child(1) td{ + border-bottom:transparent; } \ No newline at end of file -- GitLab From 1454b1a635fa6f5b9a2c9ea872449df941274671 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 11:56:06 +0530 Subject: [PATCH 047/164] compose bg set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index a847652..49f1e9c 100644 --- a/style.css +++ b/style.css @@ -2074,12 +2074,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn{ vertical-align: baseline; - background: var(--input-bg-clr,var(--color-primary-element-text-one)) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background: var(--input-bg-clr,--color-primary-element-text-one) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ margin-left:3px; - background: var(--input-bg-clr,var(--color-primary-element-text-one)) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; + background: var(--input-bg-clr,--color-primary-element-text-one) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoODUsODUsODUpJz7ilr48L3RleHQ+PC9zdmc+) right center/1em no-repeat border-box; background-position: right 6px center; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, -- GitLab From a689b582d8548b2dcc0511f65bf564f63ff72425 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 12:04:19 +0530 Subject: [PATCH 048/164] compose bg set --- images/toolbar-folder-dark.svg | 3 +++ images/toolbar-photo-dark.svg | 3 +++ style.css | 6 ++++-- 3 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 images/toolbar-folder-dark.svg create mode 100644 images/toolbar-photo-dark.svg diff --git a/images/toolbar-folder-dark.svg b/images/toolbar-folder-dark.svg new file mode 100644 index 0000000..693e67e --- /dev/null +++ b/images/toolbar-folder-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/toolbar-photo-dark.svg b/images/toolbar-photo-dark.svg new file mode 100644 index 0000000..168db4c --- /dev/null +++ b/images/toolbar-photo-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index 49f1e9c..38fca5e 100644 --- a/style.css +++ b/style.css @@ -158,9 +158,9 @@ --cross: url('/themes/Murena/snappymail/images/cross.svg'); --minimize: url('/themes/Murena/snappymail/images/minimize.svg'); --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); - + --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); + --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); } - body.theme--dark { --main-color: var(--color-main-text); --main-bg-color: var(--color-main-background); @@ -297,6 +297,8 @@ body.theme--dark { --cross: url('/themes/Murena/snappymail/images/cross-dark.svg'); --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); + --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder-dark.svg'); + --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo-dark.svg'); } -- GitLab From 1fa9c5517e4e1603155f91adcc4f44c648c8faa6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 12:06:34 +0530 Subject: [PATCH 049/164] compose bg set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 38fca5e..5aab38f 100644 --- a/style.css +++ b/style.css @@ -2764,7 +2764,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(3){ - background-image: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); + background-image: var(--toolbar-folder); background-position: center center; background-repeat: no-repeat; height: 36px; @@ -2773,7 +2773,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(2){ - background-image: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); + background-image: var(--toolbar-photo); background-position: center center; background-repeat: no-repeat; height: 36px; -- GitLab From 16c0957354cec73a46f4dc45b4c80584b6127724 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 12:18:19 +0530 Subject: [PATCH 050/164] compose bg set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 5aab38f..d9da63c 100644 --- a/style.css +++ b/style.css @@ -2019,7 +2019,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar display: block; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { - background: var(--color-main-background); + background: var(--color-compose-background); border: 1px solid var(--color-border-second) !important; border-radius: 0px 4px 4px 0px; height:32px; @@ -2036,7 +2036,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background:var(--color-compose-background); } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic { - background: var(--color-main-background); + background: var(--color-compose-background); border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; height:35px; -- GitLab From 0af1d72d44495851e2e660ba4efb99748908a695 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:05:38 +0530 Subject: [PATCH 051/164] compose bg set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d9da63c..c8e46e6 100644 --- a/style.css +++ b/style.css @@ -264,7 +264,7 @@ body.theme--dark { --color-primary-element-light: #141e24; --color-primary-element-light-text: #99c0d6; --color-primary-element-light-hover: #1d272d; - --color-primary-element-light-grey-hover: #f2f1f1; + --color-primary-element-light-grey-hover: #141e24; --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); --color-primary-element-text-blue: #087BF9; -- GitLab From 483733d98c8e093fbb71f937c49694002ec145f6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:09:07 +0530 Subject: [PATCH 052/164] footer border --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index c8e46e6..c5fa5e6 100644 --- a/style.css +++ b/style.css @@ -3029,7 +3029,7 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font } #rl-app #V-Settings-General .form-horizontal .legend:nth-child(1), #rl-app #V-SettingsMenu .b-footer{ - border-top: 1px solid var(--border-color,#ddd); + border-top: 1px solid var(--color-border-compose); border-bottom: none; } #rl-app #V-Settings-General .form-horizontal .legend{ -- GitLab From 69982a99dfffa31f5b2c978e21ea487d743b7376 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:17:09 +0530 Subject: [PATCH 053/164] search icon set --- images/search-dark.svg | 3 +++ style.css | 12 +++++++++--- 2 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 images/search-dark.svg diff --git a/images/search-dark.svg b/images/search-dark.svg new file mode 100644 index 0000000..bab3a06 --- /dev/null +++ b/images/search-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index c5fa5e6..3fe25a0 100644 --- a/style.css +++ b/style.css @@ -160,6 +160,7 @@ --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); + --search:url('/themes/Murena/snappymail/images/search.svg'); } body.theme--dark { --main-color: var(--color-main-text); @@ -295,10 +296,11 @@ body.theme--dark { --help:url('/themes/Murena/snappymail/images/help-dark.svg'); --mobile:url('/themes/Murena/snappymail/images/mobile-dark.svg'); --cross: url('/themes/Murena/snappymail/images/cross-dark.svg'); - --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); + --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder-dark.svg'); --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo-dark.svg'); + --search: url('/themes/Murena/snappymail/images/search-dark.svg'); } @@ -552,7 +554,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { line-height: 56px; } #rl-app .b-folders hr { - border-bottom: 1px solid var(--color-border-grey); + border-bottom:none; } #rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ background-image: var(--back); @@ -1057,7 +1059,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f } #rl-app #V-MailMessageList input.inputSearch { padding-left:36px; - background-image: url('/themes/Murena/snappymail/images/search.svg'); + background-image: var(--search); background-position: 10px center; background-repeat: no-repeat; height:40px; @@ -3032,6 +3034,10 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font border-top: 1px solid var(--color-border-compose); border-bottom: none; } +#rl-app .b-folders .b-footer { + border-top: 1px solid var(--color-border-compose); +} + #rl-app #V-Settings-General .form-horizontal .legend{ border-bottom: none; } -- GitLab From 82d86eabccff571e5ca63d86e93006d631c28493 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:44:51 +0530 Subject: [PATCH 054/164] close hide --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 3fe25a0..c2e58a0 100644 --- a/style.css +++ b/style.css @@ -3333,4 +3333,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #V-PopupsCompose .b-header table tr:nth-child(1) td{ border-bottom:transparent; +} +#rl-app #V-MailMessageView .messageView .messageItemHeader .close{ + display:none; } \ No newline at end of file -- GitLab From bd24a2b60547b43160afb5bcd60c790537a31b4d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:54:17 +0530 Subject: [PATCH 055/164] mail text --- style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/style.css b/style.css index c2e58a0..f9e509f 100644 --- a/style.css +++ b/style.css @@ -112,6 +112,7 @@ --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; + --color-mail-text: rgba(0, 0, 0, 0.87); --color-compose-text: #ffffff; --color-primary-hover: #3282ae; --color-primary-light: #e5eff4; @@ -252,6 +253,7 @@ body.theme--dark { --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: rgba(255, 255, 255, 0.04); + --color-mail-text: #ffffff; --color-compose-text:transparent; --color-primary-hover: #04537f; --color-primary-light: #141e24; @@ -3336,4 +3338,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #V-MailMessageView .messageView .messageItemHeader .close{ display:none; +} +#rl-app .messageView #messageItem .bodyText{ + } \ No newline at end of file -- GitLab From 201fbc8020ad0ce6e701908a7d8d2070c9232255 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 13:56:24 +0530 Subject: [PATCH 056/164] mail text --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index f9e509f..e12bf11 100644 --- a/style.css +++ b/style.css @@ -3340,5 +3340,5 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { display:none; } #rl-app .messageView #messageItem .bodyText{ - + color:var(--color-mail-text); } \ No newline at end of file -- GitLab From f9e656c65fb9543e09975373871fb10da132c1a6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 14:06:39 +0530 Subject: [PATCH 057/164] mail text --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index e12bf11..0016fd0 100644 --- a/style.css +++ b/style.css @@ -3341,4 +3341,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app .messageView #messageItem .bodyText{ color:var(--color-mail-text); +} +#rl-app .messageView .messageItemHeader .informationShort a{ + color: var(--color-main-text); } \ No newline at end of file -- GitLab From c7eee35cae2284b8c54c154e046b17bead52d734 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 14:15:31 +0530 Subject: [PATCH 058/164] mail inbox header set --- style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 0016fd0..a1f669b 100644 --- a/style.css +++ b/style.css @@ -135,6 +135,7 @@ --color-background-save:rgba(0,0,0,0.12); --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); + --color-mainitemheader-background:#ffffff; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); --inbox:url('/themes/Murena/snappymail/images/inbox.svg'); @@ -276,6 +277,7 @@ body.theme--dark { --color-background-save:rgba(0, 0, 0, 0.24); --background-email: : rgba(255, 255, 255, 0.04); --color-email-text: : rgba(255, 255, 255, 0.06); + --color-mainitemheader-background:#272727; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); @@ -1569,8 +1571,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #messageItem .showImages:hover { background-color: var(--color-primary-light-hover); } +#rl-app .messageView .messageItemHeader{ + background-color: var(--color-mainitemheader-background); + border-color: var(--color-border); + color: var(--color-main-text); +} -#rl-app .messageView .messageItemHeader, #rl-app #messageItem .attachmentsPlace { background-color: unset; border-color: var(--color-border); -- GitLab From da0a9ceaa83f175b1de8e32b3506c376b4356046 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 14:27:54 +0530 Subject: [PATCH 059/164] mail inbox header set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index a1f669b..a8e8178 100644 --- a/style.css +++ b/style.css @@ -3318,7 +3318,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { padding-right:0px; } #rl-app .messageView .messageItemHeader{ - margin-top: 14px; + margin-top: 0; border-top: 1px solid var(--color-border-grey); border-radius: 0px; } -- GitLab From 760ff1fe12fdc18626c9b668ef8ed58cf3d6fc91 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 15:32:36 +0530 Subject: [PATCH 060/164] info icon set --- images/info-dark.svg | 3 +++ style.css | 6 ++++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 images/info-dark.svg diff --git a/images/info-dark.svg b/images/info-dark.svg new file mode 100644 index 0000000..1b8e278 --- /dev/null +++ b/images/info-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/style.css b/style.css index a8e8178..123c6a7 100644 --- a/style.css +++ b/style.css @@ -163,6 +163,7 @@ --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); --search:url('/themes/Murena/snappymail/images/search.svg'); + --info: url('/themes/Murena/snappymail/images/info-dark.svg'); } body.theme--dark { --main-color: var(--color-main-text); @@ -192,7 +193,7 @@ body.theme--dark { --color-background-green: rgba(68, 176, 76, 0.08); --color-background-blue: rgba(8, 123, 249, 0.08); --color-background-purple: rgba(176, 52, 240, 0.07); - --color-background-light-second: #272727; + --color-background-light-second: #3A3A3A; --color-main-text: #D8D8D8; --color-text-maxcontrast: #8c8c8c; --color-text-maxcontrast-default: #8c8c8c; @@ -305,6 +306,7 @@ body.theme--dark { --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder-dark.svg'); --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo-dark.svg'); --search: url('/themes/Murena/snappymail/images/search-dark.svg'); + --info: url('/themes/Murena/snappymail/images/info-dark.svg'); } @@ -2540,7 +2542,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar opacity:0.8; } #rl-app #V-MailMessageView .messageView span.infoParent{ - background-image: url('/themes/Murena/snappymail/images/info.svg'); + background-image: var(--info); background-position: center center; background-repeat: no-repeat; height: 25px; -- GitLab From d2eb01bafcffcead9efa357f69bb0b12dc26bdce Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 15:36:19 +0530 Subject: [PATCH 061/164] info icon set --- images/tag-dark.svg | 4 ++++ style.css | 6 ++++-- 2 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 images/tag-dark.svg diff --git a/images/tag-dark.svg b/images/tag-dark.svg new file mode 100644 index 0000000..d479c1d --- /dev/null +++ b/images/tag-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/style.css b/style.css index 123c6a7..abac149 100644 --- a/style.css +++ b/style.css @@ -163,7 +163,8 @@ --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); --search:url('/themes/Murena/snappymail/images/search.svg'); - --info: url('/themes/Murena/snappymail/images/info-dark.svg'); + --info: url('/themes/Murena/snappymail/images/info.svg'); + --tag: url('/themes/Murena/snappymail/images/tag.svg'); } body.theme--dark { --main-color: var(--color-main-text); @@ -307,6 +308,7 @@ body.theme--dark { --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo-dark.svg'); --search: url('/themes/Murena/snappymail/images/search-dark.svg'); --info: url('/themes/Murena/snappymail/images/info-dark.svg'); + --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); } @@ -2501,7 +2503,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding:0 12px 0 5px; } #rl-app .messageTags #tags-dropdown-id { - background-image: url('/themes/Murena/snappymail/images/tag.svg') !important; + background-image: var(--tag) !important; background-position: center center !important; background-repeat: no-repeat !important; height: 20px; -- GitLab From d1b20ddeaa460739c6c0e91a699f7e007628750e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 15:50:05 +0530 Subject: [PATCH 062/164] info icon set --- style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index abac149..03dd96e 100644 --- a/style.css +++ b/style.css @@ -112,6 +112,7 @@ --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; + --color-createfolder-text: #ffffff; --color-mail-text: rgba(0, 0, 0, 0.87); --color-compose-text: #ffffff; --color-primary-hover: #3282ae; @@ -256,6 +257,7 @@ body.theme--dark { --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: rgba(255, 255, 255, 0.04); + --color-createfolder-text: #121212; --color-mail-text: #ffffff; --color-compose-text:transparent; --color-primary-hover: #04537f; @@ -2354,7 +2356,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar flex-shrink: 1; width: 200px; min-width: 150px; - color: var(--color-primary-text); + color: var(--color-createfolder-text); width: 173px; height: 32px; background-color: var(--color-primary); @@ -3354,4 +3356,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app .messageView .messageItemHeader .informationShort a{ color: var(--color-main-text); +} +#rl-app #rl-popups .btn.buttonAddAccount i { + vertical-align: middle; } \ No newline at end of file -- GitLab From b6dfb55eac1641cb504f13b4a7eef9822d0174e1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 17:25:45 +0530 Subject: [PATCH 063/164] spam icon set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 03dd96e..9d63046 100644 --- a/style.css +++ b/style.css @@ -2286,7 +2286,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { - background-image: var(--spam); + background-image: url('/themes/Murena/snappymail/images/spam.svg'); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2294,7 +2294,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { - background-image: var(--spam); + background-image: url('/themes/Murena/snappymail/images/spam.svg');; background-position: center center; background-repeat: no-repeat; height:18px; -- GitLab From 35e2f157050e37927a544a6329970c55671418fb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 16 Feb 2023 17:28:20 +0530 Subject: [PATCH 064/164] spam icon set --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 9d63046..03dd96e 100644 --- a/style.css +++ b/style.css @@ -2286,7 +2286,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { - background-image: url('/themes/Murena/snappymail/images/spam.svg'); + background-image: var(--spam); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2294,7 +2294,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { - background-image: url('/themes/Murena/snappymail/images/spam.svg');; + background-image: var(--spam); background-position: center center; background-repeat: no-repeat; height:18px; -- GitLab From 8ba8032edf539664ab2360f11538789acc0b08ad Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:02:49 +0530 Subject: [PATCH 065/164] not spam icon --- images/notspam-color.svg | 6 ++++++ images/notspam-dark.svg | 6 ++++++ images/notspam.svg | 6 ++++++ style.css | 13 +++++++++++++ 4 files changed, 31 insertions(+) create mode 100644 images/notspam-color.svg create mode 100644 images/notspam-dark.svg create mode 100644 images/notspam.svg diff --git a/images/notspam-color.svg b/images/notspam-color.svg new file mode 100644 index 0000000..2cebd89 --- /dev/null +++ b/images/notspam-color.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/notspam-dark.svg b/images/notspam-dark.svg new file mode 100644 index 0000000..816071e --- /dev/null +++ b/images/notspam-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/notspam.svg b/images/notspam.svg new file mode 100644 index 0000000..0f442cb --- /dev/null +++ b/images/notspam.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/style.css b/style.css index 03dd96e..baf3cdf 100644 --- a/style.css +++ b/style.css @@ -166,6 +166,7 @@ --search:url('/themes/Murena/snappymail/images/search.svg'); --info: url('/themes/Murena/snappymail/images/info.svg'); --tag: url('/themes/Murena/snappymail/images/tag.svg'); + --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); } body.theme--dark { --main-color: var(--color-main-text); @@ -311,6 +312,7 @@ body.theme--dark { --search: url('/themes/Murena/snappymail/images/search-dark.svg'); --info: url('/themes/Murena/snappymail/images/info-dark.svg'); --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); + --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); } @@ -3359,4 +3361,15 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #rl-popups .btn.buttonAddAccount i { vertical-align: middle; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group a.btn[data-i18n="[title]GLOBAL/NOT_SPAM"] { + background-image: var(--notspam); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; + width: 50px; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group a.btn[data-i18n="[title]GLOBAL/NOT_SPAM"] i { + display:none; } \ No newline at end of file -- GitLab From 09126ed7e33b24d342233bf2934c274e3bbac25a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:16:38 +0530 Subject: [PATCH 066/164] not spam icon --- images/downicon-dark.svg | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 images/downicon-dark.svg diff --git a/images/downicon-dark.svg b/images/downicon-dark.svg new file mode 100644 index 0000000..06fe160 --- /dev/null +++ b/images/downicon-dark.svg @@ -0,0 +1,3 @@ + + + -- GitLab From f1bf768c33df41576ad235cdfe6d0aafc75f7f14 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:22:31 +0530 Subject: [PATCH 067/164] clear folder text --- style.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index baf3cdf..686891a 100644 --- a/style.css +++ b/style.css @@ -167,6 +167,7 @@ --info: url('/themes/Murena/snappymail/images/info.svg'); --tag: url('/themes/Murena/snappymail/images/tag.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); + --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); } body.theme--dark { --main-color: var(--color-main-text); @@ -313,6 +314,7 @@ body.theme--dark { --info: url('/themes/Murena/snappymail/images/info-dark.svg'); --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); + --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); } @@ -1287,7 +1289,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app .messageList .btn.buttonMoreSearch { - background-image: url('/themes/Murena/snappymail/images/downicon.svg'); + background-image: var(--downicon); background-position: center center; background-repeat: no-repeat; height:20px; @@ -3372,4 +3374,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group a.btn[data-i18n="[title]GLOBAL/NOT_SPAM"] i { display:none; -} \ No newline at end of file +} +#rl-app .g-ui-link { + color:var(--color-primary-element-text-blue); + } \ No newline at end of file -- GitLab From c9bd6abebc9715762a17f3674f25cdab53d9bc89 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:24:47 +0530 Subject: [PATCH 068/164] not spam icon --- images/spam-dark.svg | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/images/spam-dark.svg b/images/spam-dark.svg index 9059c7c..d81abdd 100644 --- a/images/spam-dark.svg +++ b/images/spam-dark.svg @@ -1,5 +1,5 @@ - - - + + + -- GitLab From cc49286b29dc8c70fac5e32c96859b62f40ead26 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:30:23 +0530 Subject: [PATCH 069/164] not spam icon --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 686891a..7700bed 100644 --- a/style.css +++ b/style.css @@ -3377,4 +3377,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app .g-ui-link { color:var(--color-primary-element-text-blue); + } + #rl-app #rl-loading-desc { + display:none; } \ No newline at end of file -- GitLab From 7632dbeef62ec2fc82a74ec2ead62a49216baafd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:35:39 +0530 Subject: [PATCH 070/164] not spam icon --- images/notspam-dark.svg | 2 +- images/spam-dark.svg | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/images/notspam-dark.svg b/images/notspam-dark.svg index 816071e..95c67f8 100644 --- a/images/notspam-dark.svg +++ b/images/notspam-dark.svg @@ -1,6 +1,6 @@ - + diff --git a/images/spam-dark.svg b/images/spam-dark.svg index d81abdd..9059c7c 100644 --- a/images/spam-dark.svg +++ b/images/spam-dark.svg @@ -1,5 +1,5 @@ - - - + + + -- GitLab From af206bb8e746713baf3ccc67db1a4a7c002ca509 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:42:17 +0530 Subject: [PATCH 071/164] delete icon on dark theme --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 7700bed..9025782 100644 --- a/style.css +++ b/style.css @@ -3145,7 +3145,7 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font padding-left:24px; } #rl-app #V-Settings-Accounts span.delete.fontastic{ - background-image: url('/themes/Murena/snappymail/images/delete-black.svg'); + background-image: var(--trash); background-position: center center; background-repeat: no-repeat; height: 20px; -- GitLab From 67eb35dd0336ea5fb9eef711664230efc8c4a585 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:47:15 +0530 Subject: [PATCH 072/164] create folder align --- style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/style.css b/style.css index 9025782..3365cad 100644 --- a/style.css +++ b/style.css @@ -3380,4 +3380,8 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #rl-loading-desc { display:none; + } + #rl-app #V-Settings-Folders .btn{ + vertical-align: middle; + line-height: 20px; } \ No newline at end of file -- GitLab From 2eacca58c09cbdfe0b4e9260040013b6a96b17cf Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 11:56:56 +0530 Subject: [PATCH 073/164] back in light --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 3365cad..55f5540 100644 --- a/style.css +++ b/style.css @@ -149,7 +149,7 @@ --sent:url('/themes/Murena/snappymail/images/sent.svg'); --draft:url('/themes/Murena/snappymail/images/draft.svg'); --setting:url('/themes/Murena/snappymail/images/setting.svg'); - --back:url('/themes/Murena/snappymail/images/back-dark.svg'); + --back:url('/themes/Murena/snappymail/images/back.svg'); --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); -- GitLab From 50d3fbe9f55d75797110e1198c47284efe9638bc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 14:11:59 +0530 Subject: [PATCH 074/164] cross button --- images/cross-dark.svg | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/images/cross-dark.svg b/images/cross-dark.svg index dc24063..06fe160 100644 --- a/images/cross-dark.svg +++ b/images/cross-dark.svg @@ -1,3 +1,3 @@ - - + + -- GitLab From e12d7f5796cfa36aff7c12ca66ebce2805421260 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 14:13:30 +0530 Subject: [PATCH 075/164] cross button --- images/cross-dark.svg | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/images/cross-dark.svg b/images/cross-dark.svg index 06fe160..7b7dfab 100644 --- a/images/cross-dark.svg +++ b/images/cross-dark.svg @@ -1,3 +1,3 @@ - - + + -- GitLab From 4873938c33da6979a83b01bdc356810793500551 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 17 Feb 2023 14:18:42 +0530 Subject: [PATCH 076/164] save fix --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 55f5540..6559976 100644 --- a/style.css +++ b/style.css @@ -42,6 +42,7 @@ --color-main-dropdown: #ffffff; --color-background-grey: rgba(0, 0, 0, 0.87); --color-background-black: rgba(0, 0, 0, 0.12); + --color-background-save: rgba(0, 0, 0, 0.12); --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; @@ -189,6 +190,7 @@ body.theme--dark { --color-main-dropdown: #383838; --color-background-grey: rgba(255, 255, 255, 1); --color-background-black:rgba(0, 0, 0, 0.12); + --color-background-save:rgba(0, 0, 0, 0.24); --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; --color-placeholder-dark: #4a4a4a; @@ -2245,7 +2247,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding-left:16px; } #rl-app #V-PopupsCompose header .button-save{ - background: var(--color-background-black); + background: var(--color-background-save); height: auto; padding: 0 14px 0 7px; } -- GitLab From b6edcfbdfc770d386bdf975acfdf2f9c7aef2540 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 12:58:39 +0530 Subject: [PATCH 077/164] icon color with mask --- style.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 6559976..91bfeae 100644 --- a/style.css +++ b/style.css @@ -169,6 +169,8 @@ --tag: url('/themes/Murena/snappymail/images/tag.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); + --svg-color:rgba(0,0,0,0.6); + --svg-color-second:rgba(0,0,0); } body.theme--dark { --main-color: var(--color-main-text); @@ -288,7 +290,7 @@ body.theme--dark { --color-mainitemheader-background:#272727; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); - --createfolder:url('/themes/Murena/snappymail/images/createfolder-dark.svg'); + --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); --inbox:url('/themes/Murena/snappymail/images/inbox-dark.svg'); --archieve:url('/themes/Murena/snappymail/images/archieve-dark.svg'); --spam:url('/themes/Murena/snappymail/images/spam-dark.svg'); @@ -317,6 +319,8 @@ body.theme--dark { --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); + --svg-color:rgba(255,255,255,0.74); + --svg-color-second:rgba(255,255,255); } @@ -584,9 +588,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { color: transparent; } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{ - background-image: var(--createfolder); - background-position: center right; - background-repeat: no-repeat; + mask-image: var(--createfolder); + mask-position: center right; + mask-repeat: no-repeat; + background-color: --var(--svg-color); height:34px; padding-left: 20px; padding-right: 19px; -- GitLab From d4a7149c4d4185566ed9da1817729a9b93fad92c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 13:02:43 +0530 Subject: [PATCH 078/164] icon color with mask --- style.css | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/style.css b/style.css index 91bfeae..58492ef 100644 --- a/style.css +++ b/style.css @@ -2265,17 +2265,19 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar display:none; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn.disabled { - background-image: var(--createfolder); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--createfolder); + mask-position: center center; + mask-repeat: no-repeat; + background-color: --var(--svg-color); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { - background-image: var(--createfolder); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--createfolder); + mask-position: center center; + mask-repeat: no-repeat; + background-color: --var(--svg-color); height:18px; color:transparent; width: 50px; @@ -2457,9 +2459,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li:nth-child(10) a::before { - background-image: var(--createfolder); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--createfolder); + mask-position: center center; + mask-repeat: no-repeat; + background-color: --var(--svg-color); height: 20px; width: 20px; color: transparent; -- GitLab From 30389f61c5361f6fa21c725140c096b7c498b9b2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 13:07:53 +0530 Subject: [PATCH 079/164] icon color with mask --- style.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/style.css b/style.css index 58492ef..d54c092 100644 --- a/style.css +++ b/style.css @@ -591,6 +591,9 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { mask-image: var(--createfolder); mask-position: center right; mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center right; + -webkit-mask-repeat: no-repeat; background-color: --var(--svg-color); height:34px; padding-left: 20px; @@ -2268,6 +2271,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--createfolder); mask-position: center center; mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; background-color: --var(--svg-color); height:18px; color:transparent; @@ -2277,6 +2283,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--createfolder); mask-position: center center; mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; background-color: --var(--svg-color); height:18px; color:transparent; @@ -2462,6 +2471,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--createfolder); mask-position: center center; mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; background-color: --var(--svg-color); height: 20px; width: 20px; -- GitLab From 218cf85bb49f36f539a363490abd9b7e8fa425e1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 13:24:20 +0530 Subject: [PATCH 080/164] icon color with mask --- style.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index d54c092..73ee50a 100644 --- a/style.css +++ b/style.css @@ -594,7 +594,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-image: var(--createfolder); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; - background-color: --var(--svg-color); + background-color: var(--svg-color-second); + opacity:0.74; height:34px; padding-left: 20px; padding-right: 19px; @@ -2274,7 +2275,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: --var(--svg-color); + background-color: var(--svg-color-second); + opacity:0.74; height:18px; color:transparent; width: 50px; @@ -2286,7 +2288,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: --var(--svg-color); + background-color: var(--svg-color-second); + opacity:0.74; height:18px; color:transparent; width: 50px; @@ -2474,7 +2477,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: --var(--svg-color); + background-color: var(--svg-color-second); + opacity:0.74; height: 20px; width: 20px; color: transparent; -- GitLab From 2c0a7a74a040e443a2bf83b85e0b45b65a32b8df Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 13:25:04 +0530 Subject: [PATCH 081/164] icon color with mask --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 73ee50a..230c63d 100644 --- a/style.css +++ b/style.css @@ -170,7 +170,7 @@ --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); --svg-color:rgba(0,0,0,0.6); - --svg-color-second:rgba(0,0,0); + --svg-color-second:rgb(0,0,0); } body.theme--dark { --main-color: var(--color-main-text); @@ -320,7 +320,7 @@ body.theme--dark { --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); --svg-color:rgba(255,255,255,0.74); - --svg-color-second:rgba(255,255,255); + --svg-color-second:rgb(255,255,255); } -- GitLab From 61b91081f6e6a24e3977db2f0117a50eda91a26e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:03:45 +0530 Subject: [PATCH 082/164] icon color with mask --- style.css | 264 ++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 189 insertions(+), 75 deletions(-) diff --git a/style.css b/style.css index 230c63d..f9522c9 100644 --- a/style.css +++ b/style.css @@ -169,8 +169,9 @@ --tag: url('/themes/Murena/snappymail/images/tag.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); - --svg-color:rgba(0,0,0,0.6); - --svg-color-second:rgb(0,0,0); + --svg-color:rgb(0,0,0); + --svg-color-opacity:0.6; +} } body.theme--dark { --main-color: var(--color-main-text); @@ -319,8 +320,8 @@ body.theme--dark { --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); - --svg-color:rgba(255,255,255,0.74); - --svg-color-second:rgb(255,255,255); + --svg-color:rgba(255,255,255); + --svg-color-opacity:0.74; } @@ -577,9 +578,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { border-bottom:none; } #rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ - background-image: var(--back); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--back); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--back); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity: var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -594,8 +600,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-image: var(--createfolder); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color-second); - opacity:0.74; + background-color: var(--svg-color); + opacity: var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -738,10 +744,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable::before { - background-image: var(--inbox); + mask-image: var(--inbox); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--inbox); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -760,10 +771,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before { - background-image: var(--sent); + mask-image: var(--sent); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--sent); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -782,10 +798,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before { - background-image: var(--draft); + mask-image: var(--draft); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--draft); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -804,10 +825,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before { - background-image: var(--spam); + mask-image: var(--spam); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -826,10 +852,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { - background-image: var(--trash); + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -837,10 +868,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before { - background-image: var(--trash); + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -859,10 +895,15 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before { - background-image: var(--archieve); + mask-image: var(--archieve); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -1051,17 +1092,27 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { - background-image: var(--spinner-icon); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--spinner-icon); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--spinner-icon); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:20px; padding-left: 20px; padding-right: 19px; } #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ - background-image: var(--spinner-icon); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--spinner-icon); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); width: 24px; height: 36px; content: ""; @@ -2197,18 +2248,28 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"]::before { content: ""; - background-image:var(--setting); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--setting); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--setting); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TITLES/SETTINGS"]::before { content: ""; - background-image: var(--setting); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--setting); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--setting); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; @@ -2275,8 +2336,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color-second); - opacity:0.74; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2288,56 +2349,86 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color-second); - opacity:0.74; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.disabled:nth-child(1) { - background-image: var(--archieve); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--archieve); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) { - background-image: var(--archieve); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--archieve); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { - background-image: var(--spam); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--spam); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--spam); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { - background-image: var(--spam); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--spam); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--spam); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(4) { - background-image: var(--trash); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) { - background-image: var(--trash); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2346,15 +2437,28 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: var(--more) !important; background-position: center center !important; background-repeat: no-repeat !important; + mask-image: var(--more); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(4) #sort-list-dropdown-id { - background-image: var(--sort); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--sort) !important; + mask-position: center center !important; + mask-repeat: no-repeat !important; + -webkit-mask-image: var(--archieve) !important; + -webkit-mask-position: center center !important; + -webkit-mask-repeat: no-repeat !important; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height:18px; color:transparent; order: 1; @@ -2477,26 +2581,36 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--createfolder); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color-second); - opacity:0.74; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; } #rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(1) a::before { - background-image: var(--archieve); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--archieve); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; } #rl-app #rl-right .dropdown-menu.show li:nth-child(12) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(2) a::before { - background-image: var(--spam); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--spam); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 750b78837a8e3d3bb84fa0a8cb801b1dafc8a9ef Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:07:53 +0530 Subject: [PATCH 083/164] icon color with mask --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index f9522c9..c89add8 100644 --- a/style.css +++ b/style.css @@ -1108,7 +1108,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f mask-image: var(--spinner-icon); mask-position: center center; mask-repeat: no-repeat; - -webkit-mask-image: var(--createfolder); + -webkit-mask-image: var(--spinner-icon); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); @@ -2729,6 +2729,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content .LoginView form{ background-color: var(--color-main-background); + border:none; } #rl-content .LoginView .descWrapper{ -- GitLab From a7cc18393bb76e180f4cabd96d183d63d9e13740 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:10:40 +0530 Subject: [PATCH 084/164] icon color with mask --- style.css | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/style.css b/style.css index c89add8..b0c3ee5 100644 --- a/style.css +++ b/style.css @@ -2434,15 +2434,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 50px; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app #more-view-dropdown-id { - background-image: var(--more) !important; - background-position: center center !important; - background-repeat: no-repeat !important; - mask-image: var(--more); - mask-position: center center; - mask-repeat: no-repeat; - -webkit-mask-image: var(--archieve); - -webkit-mask-position: center center; - -webkit-mask-repeat: no-repeat; + mask-image: var(--more) !important; + mask-position: center center !important; + mask-repeat: no-repeat !important; + -webkit-mask-image: var(--more) !important; + -webkit-mask-position: center center !important; + -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); opacity:var(--svg-opacity); height:18px; @@ -2454,7 +2451,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--sort) !important; mask-position: center center !important; mask-repeat: no-repeat !important; - -webkit-mask-image: var(--archieve) !important; + -webkit-mask-image: var(--sort) !important; -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); -- GitLab From 913f20837e89536508ec85b18fe25050d444233b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:14:15 +0530 Subject: [PATCH 085/164] icon color with mask --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index b0c3ee5..66e2e11 100644 --- a/style.css +++ b/style.css @@ -828,7 +828,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { mask-image: var(--spam); mask-position: left center; mask-repeat: no-repeat; - -webkit-mask-image: var(--archieve); + -webkit-mask-image: var(--spam); -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); @@ -2603,7 +2603,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--spam); mask-position: center center; mask-repeat: no-repeat; - -webkit-mask-image: var(--archieve); + -webkit-mask-image: var(--spam); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); -- GitLab From 68046807bf1e10be9092563aaba9a0396631ef95 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:20:29 +0530 Subject: [PATCH 086/164] icon color with mask --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 66e2e11..19238fb 100644 --- a/style.css +++ b/style.css @@ -172,7 +172,7 @@ --svg-color:rgb(0,0,0); --svg-color-opacity:0.6; } -} + body.theme--dark { --main-color: var(--color-main-text); --main-bg-color: var(--color-main-background); -- GitLab From fc62995ecf2841313a7a878d731e88897fc04d0a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 15:55:20 +0530 Subject: [PATCH 087/164] icon color with mask --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 19238fb..481e57f 100644 --- a/style.css +++ b/style.css @@ -170,7 +170,7 @@ --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); --svg-color:rgb(0,0,0); - --svg-color-opacity:0.6; + --svg-opacity:0.6; } body.theme--dark { @@ -321,7 +321,7 @@ body.theme--dark { --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); --svg-color:rgba(255,255,255); - --svg-color-opacity:0.74; + --svg-opacity:0.74; } -- GitLab From 97d0e1e93165640f36adbd39f2970dc69d6845ab Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 16:40:49 +0530 Subject: [PATCH 088/164] icon color with mask --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 481e57f..6d9de62 100644 --- a/style.css +++ b/style.css @@ -585,7 +585,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity: var(--svg-opacity); + fill-opacity: var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -853,10 +853,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { mask-image: var(--trash); - mask-position: center center; + mask-position: left center; mask-repeat: no-repeat; -webkit-mask-image: var(--trash); - -webkit-mask-position: center center; + -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); opacity:var(--svg-opacity); -- GitLab From eb8a747ff9d84abb97dc356792ee2219044a12d7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 17:00:08 +0530 Subject: [PATCH 089/164] icon color with mask --- style.css | 54 +++++++++++++++++++++++++++--------------------------- 1 file changed, 27 insertions(+), 27 deletions(-) diff --git a/style.css b/style.css index 6d9de62..8787470 100644 --- a/style.css +++ b/style.css @@ -601,7 +601,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity: var(--svg-opacity); + fill-opacity: var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -751,7 +751,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -778,7 +778,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -805,7 +805,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -832,7 +832,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -859,7 +859,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -869,13 +869,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before { mask-image: var(--trash); - mask-position: center center; + mask-position: left center; mask-repeat: no-repeat; -webkit-mask-image: var(--trash); - -webkit-mask-position: center center; + -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -902,7 +902,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -1099,7 +1099,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:20px; padding-left: 20px; padding-right: 19px; @@ -1112,7 +1112,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); width: 24px; height: 36px; content: ""; @@ -2255,7 +2255,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; @@ -2269,7 +2269,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; @@ -2337,7 +2337,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2350,7 +2350,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2363,7 +2363,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2376,7 +2376,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2389,7 +2389,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2402,7 +2402,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2415,7 +2415,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2428,7 +2428,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2441,7 +2441,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2455,7 +2455,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; order: 1; @@ -2579,7 +2579,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; @@ -2593,7 +2593,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; @@ -2607,7 +2607,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - opacity:var(--svg-opacity); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 6551462aa158919d83fce332c67de739102a7919 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 17:05:03 +0530 Subject: [PATCH 090/164] icon color with mask --- style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 8787470..a2916ac 100644 --- a/style.css +++ b/style.css @@ -290,14 +290,14 @@ body.theme--dark { --color-email-text: : rgba(255, 255, 255, 0.06); --color-mainitemheader-background:#272727; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); - --spinner-icon: url('/themes/Murena/snappymail/images/loading-dark.svg'); + --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); + --inbox:url('/themes/Murena/snappymail/images/inbox.svg'); --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); - --inbox:url('/themes/Murena/snappymail/images/inbox-dark.svg'); - --archieve:url('/themes/Murena/snappymail/images/archieve-dark.svg'); - --spam:url('/themes/Murena/snappymail/images/spam-dark.svg'); - --trash:url('/themes/Murena/snappymail/images/trash-dark.svg'); - --more:url('/themes/Murena/snappymail/images/more-dark.svg'); - --sort:url('/themes/Murena/snappymail/images/sort-dark.svg'); + --archieve:url('/themes/Murena/snappymail/images/archieve.svg'); + --spam:url('/themes/Murena/snappymail/images/spam.svg'); + --trash:url('/themes/Murena/snappymail/images/trash.svg'); + --more:url('/themes/Murena/snappymail/images/more.svg'); + --sort:url('/themes/Murena/snappymail/images/sort.svg'); --sent:url('/themes/Murena/snappymail/images/sent-dark.svg'); --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); -- GitLab From cb4ef73e6bb8ac44f669110c9092366fb96be514 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 17:46:28 +0530 Subject: [PATCH 091/164] icon color with mask --- style.css | 250 +++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 171 insertions(+), 79 deletions(-) diff --git a/style.css b/style.css index a2916ac..fc761c2 100644 --- a/style.css +++ b/style.css @@ -298,28 +298,28 @@ body.theme--dark { --trash:url('/themes/Murena/snappymail/images/trash.svg'); --more:url('/themes/Murena/snappymail/images/more.svg'); --sort:url('/themes/Murena/snappymail/images/sort.svg'); - --sent:url('/themes/Murena/snappymail/images/sent-dark.svg'); - --draft:url('/themes/Murena/snappymail/images/draft-dark.svg'); - --setting:url('/themes/Murena/snappymail/images/setting-dark.svg'); - --back:url('/themes/Murena/snappymail/images/back-dark.svg'); - --editnote:url('/themes/Murena/snappymail/images/editnote-dark.svg'); - --profilesetting:url('/themes/Murena/snappymail/images/profilesetting-dark.svg'); - --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow-dark.svg'); + --sent:url('/themes/Murena/snappymail/images/sent.svg'); + --draft:url('/themes/Murena/snappymail/images/draft.svg'); + --setting:url('/themes/Murena/snappymail/images/setting.svg'); + --back:url('/themes/Murena/snappymail/images/back.svg'); + --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); + --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); + --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); --profiletick:url('/themes/Murena/snappymail/images/profiletick.svg'); - --plus:url('/themes/Murena/snappymail/images/plus-dark.svg'); - --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email-dark.svg'); - --help:url('/themes/Murena/snappymail/images/help-dark.svg'); - --mobile:url('/themes/Murena/snappymail/images/mobile-dark.svg'); - --cross: url('/themes/Murena/snappymail/images/cross-dark.svg'); - --minimize: url('/themes/Murena/snappymail/images/minimize-dark.svg'); - --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); - --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder-dark.svg'); - --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo-dark.svg'); - --search: url('/themes/Murena/snappymail/images/search-dark.svg'); - --info: url('/themes/Murena/snappymail/images/info-dark.svg'); - --tag: url('/themes/Murena/snappymail/images/tag-dark.svg'); - --notspam: url('/themes/Murena/snappymail/images/notspam-dark.svg'); - --downicon:url('/themes/Murena/snappymail/images/downicon-dark.svg'); + --plus:url('/themes/Murena/snappymail/images/plus.svg'); + --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email.svg'); + --help:url('/themes/Murena/snappymail/images/help.svg'); + --mobile:url('/themes/Murena/snappymail/images/mobile.svg'); + --cross: url('/themes/Murena/snappymail/images/cross.svg'); + --minimize: url('/themes/Murena/snappymail/images/minimize.svg'); + --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); + --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); + --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); + --search:url('/themes/Murena/snappymail/images/search.svg'); + --info: url('/themes/Murena/snappymail/images/info.svg'); + --tag: url('/themes/Murena/snappymail/images/tag.svg'); + --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); + --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); --svg-color:rgba(255,255,255); --svg-opacity:0.74; } @@ -614,9 +614,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled a.btn:nth-child(2){ - background-image: var(--setting); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--setting); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--setting); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -958,9 +963,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app #rl-content .btn.buttonCompose::before { content:""; - background-image: var(--editnote); - background-position: left center; - background-repeat: no-repeat; + mask-image: var(--editnote); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--editnote); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); padding-left: 20px; height:20px; image-rendering: -webkit-optimize-contrast; @@ -1135,9 +1145,14 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f } #rl-app #V-MailMessageList input.inputSearch { padding-left:36px; - background-image: var(--search); - background-position: 10px center; - background-repeat: no-repeat; + mask-image: var(--search); + mask-position: 10px center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--search); + -webkit-mask-position: 10px center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:40px; border-radius: 52px; } @@ -1351,9 +1366,14 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app .messageList .btn.buttonMoreSearch { - background-image: var(--downicon); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--downicon); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--downicon); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:20px; width:20px; color:transparent; @@ -1903,16 +1923,26 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { color:transparent; - background-image:var(--profilesetting); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--profilesetting); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--profilesetting); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity: var(--svg-opacity); font-size:20px; } #rl-app #V-SystemDropDown #top-system-dropdown-id:after { color:transparent; - background-image: var(--profiledownarrow); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--profiledownarrow); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--profiledownarrow); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity: var(--svg-opacity); padding-left:10px; } @@ -2126,9 +2156,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:41px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { - background-image: var(--attachnextcloud-files); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--attachnextcloud-files); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--attachnextcloud-files); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; height:32px; min-height:32px; color:transparent; @@ -2221,9 +2254,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a[data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"]::before { content: ""; - background-image: var(--plus); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--plus); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--profiledownarrow); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity: var(--svg-opacity); height:24px; width:24px; color:transparent; @@ -2239,9 +2277,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="HIDE_MY_EMAIL/TAB_NAME"]::before { content: ""; - background-image: var(--hide-my-email); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--hide-my-email); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--hide-my-email); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); height:24px; width:24px; color:transparent; @@ -2276,27 +2318,42 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/HELP"]::before { content: ""; - background-image: var(--help); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--help); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--help); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_HELP"]::before { content: ""; - background-image: var(--help); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--help); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--help); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="MOBILE/BUTTON_MOBILE_VERSION"]::before { content: ""; - background-image: var(--mobile); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--mobile); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--mobile); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:24px; width:24px; color:transparent; @@ -2646,9 +2703,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding:0 12px 0 5px; } #rl-app .messageTags #tags-dropdown-id { - background-image: var(--tag) !important; - background-position: center center !important; - background-repeat: no-repeat !important; + mask-image: var(--tag) !important; + mask-position: center center !important; + mask-repeat: no-repeat !important; + -webkit-mask-image: var(--tag) !important; + -webkit-mask-position: center center !important; + -webkit-mask-repeat: no-repeat !important; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; @@ -2687,9 +2749,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar opacity:0.8; } #rl-app #V-MailMessageView .messageView span.infoParent{ - background-image: var(--info); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--info); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--info); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 25px; width: 15px; color: transparent; @@ -2922,18 +2989,28 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(3){ - background-image: var(--toolbar-folder); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--toolbar-folder); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--toolbar-folder); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 36px; width: 20px; color: transparent; content:""; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(2){ - background-image: var(--toolbar-photo); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--toolbar-photo); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--toolbar-photo); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 36px; width: 20px; color: transparent; @@ -2975,9 +3052,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: var(--color-primary-text); } #rl-app #rl-popups #V-PopupsCompose .pull-right .close{ - background-image: var(--cross); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--cross); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--cross); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; @@ -2987,9 +3069,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: bottom; } #rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{ - background-image: var(--minimize); - background-position: 10px 20px; - background-repeat: no-repeat; + mask-image: var(--minimize); + mask-position: 10px 20px; + mask-repeat: no-repeat; + -webkit-mask-image: var(--minimize); + -webkit-mask-position: 10px 20px; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 30px; width: 20px; color: transparent; @@ -3466,7 +3553,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { padding-right:0px; } #rl-app .messageView .messageItemHeader{ - margin-top: 0; + margin-top: 14px; border-top: 1px solid var(--color-border-grey); border-radius: 0px; } @@ -3503,9 +3590,14 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { vertical-align: middle; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group a.btn[data-i18n="[title]GLOBAL/NOT_SPAM"] { - background-image: var(--notspam); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--notspam); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--notspam); + -webkit-mask-position:center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; -- GitLab From 52c3a8d10b08824454e336cc2685cf5bae7a0ba3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 17:51:09 +0530 Subject: [PATCH 092/164] icon color with mask --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index fc761c2..7f68915 100644 --- a/style.css +++ b/style.css @@ -2257,7 +2257,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar mask-image: var(--plus); mask-position: center center; mask-repeat: no-repeat; - -webkit-mask-image: var(--profiledownarrow); + -webkit-mask-image: var(--plus); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); -- GitLab From 36b336eec0f81ef722f2c6423421d8b83d2cc40a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 17:54:35 +0530 Subject: [PATCH 093/164] icon color with mask --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 7f68915..bfffac5 100644 --- a/style.css +++ b/style.css @@ -3406,7 +3406,7 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font #rl-app #V-MailMessageView{ top:56px; - border-top:1px solid var(--color-border-grey); + border-top:none; } #rl-app #V-SystemDropDown{ border-right: 1px solid var(--color-border-grey); -- GitLab From ed98ef9463f8f26612c80e464bbfbbf2acf5fe6d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 18:06:59 +0530 Subject: [PATCH 094/164] border fix with svg --- style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index bfffac5..92ee871 100644 --- a/style.css +++ b/style.css @@ -1145,6 +1145,10 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f } #rl-app #V-MailMessageList input.inputSearch { padding-left:36px; + height:40px; + border-radius: 52px; + } + #rl-app #V-MailMessageList input.inputSearch::before { mask-image: var(--search); mask-position: 10px center; mask-repeat: no-repeat; @@ -1153,8 +1157,6 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); - height:40px; - border-radius: 52px; } /* * inputs -- GitLab From 864c245a288951f3edc6ae9739b5b341eb79d7b0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 19:30:04 +0530 Subject: [PATCH 095/164] search icon fix --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 92ee871..398d88f 100644 --- a/style.css +++ b/style.css @@ -1148,7 +1148,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f height:40px; border-radius: 52px; } - #rl-app #V-MailMessageList input.inputSearch::before { + #rl-app #V-MailMessageList input.inputSearch { mask-image: var(--search); mask-position: 10px center; mask-repeat: no-repeat; -- GitLab From 38badee02feebef4c18f3ef4d2c02ac9fe7347c0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 19:43:02 +0530 Subject: [PATCH 096/164] search icon fix --- style.css | 42 +++++------------------------------------- 1 file changed, 5 insertions(+), 37 deletions(-) diff --git a/style.css b/style.css index 398d88f..e941c38 100644 --- a/style.css +++ b/style.css @@ -290,36 +290,7 @@ body.theme--dark { --color-email-text: : rgba(255, 255, 255, 0.06); --color-mainitemheader-background:#272727; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); - --spinner-icon: url('/themes/Murena/snappymail/images/loading.svg'); - --inbox:url('/themes/Murena/snappymail/images/inbox.svg'); - --createfolder:url('/themes/Murena/snappymail/images/createfolder.svg'); - --archieve:url('/themes/Murena/snappymail/images/archieve.svg'); - --spam:url('/themes/Murena/snappymail/images/spam.svg'); - --trash:url('/themes/Murena/snappymail/images/trash.svg'); - --more:url('/themes/Murena/snappymail/images/more.svg'); - --sort:url('/themes/Murena/snappymail/images/sort.svg'); - --sent:url('/themes/Murena/snappymail/images/sent.svg'); - --draft:url('/themes/Murena/snappymail/images/draft.svg'); - --setting:url('/themes/Murena/snappymail/images/setting.svg'); - --back:url('/themes/Murena/snappymail/images/back.svg'); - --editnote:url('/themes/Murena/snappymail/images/editnote.svg'); - --profilesetting:url('/themes/Murena/snappymail/images/profilesetting.svg'); - --profiledownarrow:url('/themes/Murena/snappymail/images/profiledownarrow.svg'); - --profiletick:url('/themes/Murena/snappymail/images/profiletick.svg'); - --plus:url('/themes/Murena/snappymail/images/plus.svg'); - --hide-my-email:url('/themes/Murena/snappymail/images/hide-my-email.svg'); - --help:url('/themes/Murena/snappymail/images/help.svg'); - --mobile:url('/themes/Murena/snappymail/images/mobile.svg'); - --cross: url('/themes/Murena/snappymail/images/cross.svg'); - --minimize: url('/themes/Murena/snappymail/images/minimize.svg'); - --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files.svg'); - --toolbar-folder: url('/themes/Murena/snappymail/images/toolbar-folder.svg'); - --toolbar-photo: url('/themes/Murena/snappymail/images/toolbar-photo.svg'); - --search:url('/themes/Murena/snappymail/images/search.svg'); - --info: url('/themes/Murena/snappymail/images/info.svg'); - --tag: url('/themes/Murena/snappymail/images/tag.svg'); - --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); - --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); + --search:url('/themes/Murena/snappymail/images/search-dark.svg'); --svg-color:rgba(255,255,255); --svg-opacity:0.74; } @@ -1149,13 +1120,10 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-radius: 52px; } #rl-app #V-MailMessageList input.inputSearch { - mask-image: var(--search); - mask-position: 10px center; - mask-repeat: no-repeat; - -webkit-mask-image: var(--search); - -webkit-mask-position: 10px center; - -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); + background-image: var(--search); + background-position: 10px center; + background-repeat: no-repeat; + height: 18px; fill-opacity:var(--svg-opacity); } /* -- GitLab From aab1b4efc03ffcef2f2759ef24cfadd7bf93e335 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 19:45:45 +0530 Subject: [PATCH 097/164] search icon fix --- style.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index e941c38..a298408 100644 --- a/style.css +++ b/style.css @@ -1116,14 +1116,11 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f } #rl-app #V-MailMessageList input.inputSearch { padding-left:36px; - height:40px; - border-radius: 52px; - } - #rl-app #V-MailMessageList input.inputSearch { background-image: var(--search); background-position: 10px center; background-repeat: no-repeat; - height: 18px; + height: 40px; + border-radius: 52px; fill-opacity:var(--svg-opacity); } /* -- GitLab From 1734d04c06d7591ad464587d6fca6a0d9bb1ffcf Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 19:52:02 +0530 Subject: [PATCH 098/164] edit note fix --- style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index a298408..d961d14 100644 --- a/style.css +++ b/style.css @@ -170,6 +170,7 @@ --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); --svg-color:rgb(0,0,0); + --svg-color-second:rgba(255, 255, 255, 1); --svg-opacity:0.6; } @@ -292,6 +293,7 @@ body.theme--dark { --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --search:url('/themes/Murena/snappymail/images/search-dark.svg'); --svg-color:rgba(255,255,255); + --svg-color-second:rgba(18, 18, 18, 1); --svg-opacity:0.74; } @@ -940,8 +942,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-image: var(--editnote); -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + background-color: var(--svg-color-second); padding-left: 20px; height:20px; image-rendering: -webkit-optimize-contrast; -- GitLab From e4c775798b58792e6ceaa47231371ce3648a2a92 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 19:59:25 +0530 Subject: [PATCH 099/164] attach files --- style.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index d961d14..52ba069 100644 --- a/style.css +++ b/style.css @@ -292,6 +292,7 @@ body.theme--dark { --color-mainitemheader-background:#272727; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --search:url('/themes/Murena/snappymail/images/search-dark.svg'); + --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); --svg-color:rgba(255,255,255); --svg-color-second:rgba(18, 18, 18, 1); --svg-opacity:0.74; @@ -2124,14 +2125,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:41px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { - mask-image: var(--attachnextcloud-files); - mask-position: center center; - mask-repeat: no-repeat; - -webkit-mask-image: var(--attachnextcloud-files); - -webkit-mask-position: center center; - -webkit-mask-repeat: no-repeat; - height:32px; - min-height:32px; + background-image: var(--attachnextcloud-files); + background-position: center center; + background-repeat: no-repeat; + height: 32px; + min-height: 32px; color:transparent; border-radius: 0px 4px 4px 0px; } -- GitLab From 543b9f255eb26ecfcad9af5bfa0c00e359f5e50b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 20:15:32 +0530 Subject: [PATCH 100/164] svg color fix --- style.css | 84 +++++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 66 insertions(+), 18 deletions(-) diff --git a/style.css b/style.css index 52ba069..aa65513 100644 --- a/style.css +++ b/style.css @@ -172,6 +172,7 @@ --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-opacity:0.6; + --svg-color-blue:#087BF9; } body.theme--dark { @@ -296,6 +297,7 @@ body.theme--dark { --svg-color:rgba(255,255,255); --svg-color-second:rgba(18, 18, 18, 1); --svg-opacity:0.74; + --svg-color-blue:#087BF9; } @@ -739,14 +741,20 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/inbox-color.svg'); + mask-image: var(--inbox); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--inbox); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before { @@ -766,7 +774,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/sent-color.svg'); + mask-image: var(--sent); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--sent); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; background-position: left center; background-repeat: no-repeat; @@ -774,6 +788,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before { @@ -793,7 +809,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/draft-color.svg'); + mask-image: var(--draft); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--draft); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; background-position: left center; background-repeat: no-repeat; @@ -801,6 +823,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before { @@ -820,7 +844,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/spam-color.svg'); + mask-image: var(--spam); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--spam); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; background-position: left center; background-repeat: no-repeat; @@ -828,6 +858,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { @@ -837,13 +869,13 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-image: var(--trash); -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + background-color: var(--svg-color-blue); content: ""; height: 24px; width: 24px; padding-left: 20px; padding-right: 19px; + } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before { @@ -863,14 +895,20 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/archieve-color.svg'); + mask-image: var(--archieve); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--archieve); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before { @@ -890,21 +928,32 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-user li a.selectable.selected::before { - background-image: url('/themes/Murena/snappymail/images/folder-color.svg'); + mask-image: var(--folder); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--folder); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-blue); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; padding-right: 19px; + mask-image:none; + -webkit-mask-image:none; } #rl-app .b-folders .b-folders-user li a.selectable::before { - background-image: url('/themes/Murena/snappymail/images/folder.svg'); + mask-image: var(--folder); + mask-position: left center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--folder); + -webkit-mask-position: left center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -984,7 +1033,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { min-width: -moz-fit-content; min-width: -webkit-fill-available; min-width: fit-content; - font-size: var(--default-font-size); border-radius: var(--border-radius-pill); } -- GitLab From 59706eacd36ff857c92e284fdccf1cdeebb36d5a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 20 Feb 2023 20:19:42 +0530 Subject: [PATCH 101/164] svg color fix --- style.css | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/style.css b/style.css index aa65513..3753408 100644 --- a/style.css +++ b/style.css @@ -753,8 +753,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before { @@ -788,8 +786,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before { @@ -823,8 +819,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before { @@ -858,8 +852,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before { @@ -907,8 +899,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before { @@ -940,8 +930,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 24px; padding-left: 20px; padding-right: 19px; - mask-image:none; - -webkit-mask-image:none; } #rl-app .b-folders .b-folders-user li a.selectable::before { -- GitLab From b5d0b2cf735b5e3691f5617d95d2551567da69a9 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 11:27:36 +0530 Subject: [PATCH 102/164] set svg color --- images/sent.svg | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/images/sent.svg b/images/sent.svg index 9aeb7d7..cf1c423 100644 --- a/images/sent.svg +++ b/images/sent.svg @@ -1,4 +1,4 @@ - - + + \ No newline at end of file -- GitLab From b5646e74c86cb69b5891281e5b6bb948c202652b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 11:42:41 +0530 Subject: [PATCH 103/164] set svg color --- images/archieve.svg | 2 +- images/draft.svg | 2 +- images/inbox.svg | 2 +- images/spam.svg | 4 ++-- images/trash.svg | 2 +- style.css | 9 +++++++-- 6 files changed, 13 insertions(+), 8 deletions(-) diff --git a/images/archieve.svg b/images/archieve.svg index a880092..1ddf0fb 100644 --- a/images/archieve.svg +++ b/images/archieve.svg @@ -1,4 +1,4 @@ - + diff --git a/images/draft.svg b/images/draft.svg index 912b788..7419e94 100644 --- a/images/draft.svg +++ b/images/draft.svg @@ -1,3 +1,3 @@ - + diff --git a/images/inbox.svg b/images/inbox.svg index 47ee2e2..3d65197 100644 --- a/images/inbox.svg +++ b/images/inbox.svg @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/images/spam.svg b/images/spam.svg index d81abdd..52025eb 100644 --- a/images/spam.svg +++ b/images/spam.svg @@ -1,5 +1,5 @@ - - + + diff --git a/images/trash.svg b/images/trash.svg index 50b553e..45510f3 100644 --- a/images/trash.svg +++ b/images/trash.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index 3753408..925cd49 100644 --- a/style.css +++ b/style.css @@ -764,6 +764,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -779,6 +780,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; background-position: left center; background-repeat: no-repeat; @@ -797,6 +800,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -812,9 +816,9 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; - background-position: left center; - background-repeat: no-repeat; height: 24px; width: 24px; padding-left: 20px; @@ -830,6 +834,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; -- GitLab From a6e35d3ce55a0505b2f80abeb4e74459ba5a182f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 11:44:28 +0530 Subject: [PATCH 104/164] set svg color --- style.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/style.css b/style.css index 925cd49..98d818d 100644 --- a/style.css +++ b/style.css @@ -816,8 +816,6 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); - fill-opacity:var(--svg-opacity); - opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; -- GitLab From 0dc5271f0a832eff11d78b55e6560d2123a9e45b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 11:58:39 +0530 Subject: [PATCH 105/164] set svg color --- images/createfolder.svg | 2 +- images/spam.svg | 2 +- style.css | 2 ++ 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/images/createfolder.svg b/images/createfolder.svg index 856a305..191d880 100644 --- a/images/createfolder.svg +++ b/images/createfolder.svg @@ -1,3 +1,3 @@ - + diff --git a/images/spam.svg b/images/spam.svg index 52025eb..70c7598 100644 --- a/images/spam.svg +++ b/images/spam.svg @@ -1,5 +1,5 @@ - + diff --git a/style.css b/style.css index 98d818d..5199d56 100644 --- a/style.css +++ b/style.css @@ -733,6 +733,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; @@ -913,6 +914,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; -- GitLab From 59ef9b3b3adee7bd3915ea48d94f97f65d85b377 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 12:00:36 +0530 Subject: [PATCH 106/164] set svg color --- style.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 5199d56..5135d27 100644 --- a/style.css +++ b/style.css @@ -578,6 +578,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity: var(--svg-opacity); + opacity: var(--svg-opacity); height:34px; padding-left: 20px; padding-right: 19px; @@ -2414,7 +2415,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2440,7 +2440,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2466,7 +2465,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2492,7 +2490,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2644,6 +2641,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 8a104a921ffde3c95dc7a945c9736fcdc8009da1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 15:17:36 +0530 Subject: [PATCH 107/164] set svg color --- style.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 5135d27..7f79b29 100644 --- a/style.css +++ b/style.css @@ -2640,8 +2640,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); - opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; @@ -2678,9 +2676,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(5) a::before { - background-image: var(--trash); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 90fa623e7f199bea14547d21fd5e10070b292f97 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 15:23:40 +0530 Subject: [PATCH 108/164] set svg color --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index 7f79b29..d19f637 100644 --- a/style.css +++ b/style.css @@ -884,6 +884,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; -- GitLab From 24b687b359b62ca076fa907f6fc0f1e759e6585d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 15:26:06 +0530 Subject: [PATCH 109/164] set svg color --- images/loading.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/loading.svg b/images/loading.svg index 7828cd0..bc3723b 100644 --- a/images/loading.svg +++ b/images/loading.svg @@ -1,3 +1,3 @@ - + -- GitLab From f2c8ad8a58c896add4c280a6a5ebc78736e84472 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 15:29:35 +0530 Subject: [PATCH 110/164] set svg color --- style.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index d19f637..d594455 100644 --- a/style.css +++ b/style.css @@ -3379,9 +3379,15 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font padding-left:24px; } #rl-app #V-Settings-Accounts span.delete.fontastic{ - background-image: var(--trash); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--trash); + mask-position:center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: 10px 20px; + -webkit-mask-repeat:center center; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From c81d43a12897f4b4ef804b55aa19c22be2a6c1cc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 15:30:51 +0530 Subject: [PATCH 111/164] set svg color --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index d594455..629f388 100644 --- a/style.css +++ b/style.css @@ -3383,8 +3383,8 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font mask-position:center center; mask-repeat: no-repeat; -webkit-mask-image: var(--trash); - -webkit-mask-position: 10px 20px; - -webkit-mask-repeat:center center; + -webkit-mask-position: center center; + -webkit-mask-repeat:no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); opacity:var(--svg-opacity); -- GitLab From 51ad1b238aaffd93610573f7855458dcd930d2be Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:10:11 +0530 Subject: [PATCH 112/164] set svg color --- style.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 629f388..6586fdc 100644 --- a/style.css +++ b/style.css @@ -169,6 +169,7 @@ --tag: url('/themes/Murena/snappymail/images/tag.svg'); --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); + --back-to-inbox: url('/themes/Murena/snappymail/images/back-to-inbox.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-opacity:0.6; @@ -3309,9 +3310,13 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font font-weight: 400; } #rl-app #V-SettingsPane .btn-toolbar .btn:nth-child(1)::before{ - background-image: url('/themes/Murena/snappymail/images/back-to-inbox.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--back-to-inbox); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--back-to-inbox); + -webkit-mask-position:center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-second); height: 20px; width: 20px; color: transparent; -- GitLab From 6951024e5b97229a47171aa98183f31f20b99f40 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:23:20 +0530 Subject: [PATCH 113/164] set svg color --- style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 6586fdc..d3ef083 100644 --- a/style.css +++ b/style.css @@ -1008,7 +1008,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { background-color: var(--color-primary-element-text-blue); border-color: var(--color-primary-element-text-blue) !important; } - +#rl-app .btn.btn-success.buttonEdit.fontastic { + color: var(--color-main-text); + background-color:transparent; +} #rl-app .btn.btn-success:hover, #rl-app .btn.btn-success:focus { background-color: var(--color-primary-element-text-blue); -- GitLab From 8ba48c5dcdc2f84518eb69202a7127640f4672ea Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:33:28 +0530 Subject: [PATCH 114/164] set svg color --- style.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index d3ef083..77c4834 100644 --- a/style.css +++ b/style.css @@ -751,6 +751,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; height: 24px; width: 24px; @@ -783,8 +784,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); - fill-opacity:var(--svg-opacity); - opacity:var(--svg-opacity); + opacity:1; content: ""; background-position: left center; background-repeat: no-repeat; @@ -819,6 +819,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; height: 24px; width: 24px; @@ -851,6 +852,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; background-position: left center; background-repeat: no-repeat; @@ -868,6 +870,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; height: 24px; width: 24px; @@ -901,6 +904,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; height: 24px; width: 24px; @@ -933,6 +937,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color-blue); + opacity:1; content: ""; height: 24px; width: 24px; -- GitLab From ea4463ccbd38962b6d93848ba479d39c98db3685 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:35:05 +0530 Subject: [PATCH 115/164] set svg color --- style.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/style.css b/style.css index 77c4834..ba78fef 100644 --- a/style.css +++ b/style.css @@ -1458,14 +1458,12 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-size: 16px; line-height: 24px; color: var(--color-primary-element-text-maillist); - opacity: 0.8; } #rl-app .messageListItem .subjectParent.actionHandle { font-weight: 400; font-size: 14px; line-height: 20px; color: var(--color-primary-element-text-maillist); - opacity: 0.6; } #rl-app .messageListItem time.actionHandle { font-weight: 400; -- GitLab From c11b989271331813e936162e5278ac2987fb0105 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:41:04 +0530 Subject: [PATCH 116/164] set svg color --- style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index ba78fef..9c4bc0d 100644 --- a/style.css +++ b/style.css @@ -134,6 +134,8 @@ --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #000000; --color-primary-element-text-maillist: rgba(0, 0, 0, 0.87); + --color-primary-element-text-maillist-subject: rgba(0, 0, 0, 0.6); + --color-primary-element-text-maillist-time: rgba(0, 0, 0, 0.38); --color-background-save:rgba(0,0,0,0.12); --background-email: rgba(0, 0, 0, 0.04); --color-email-text: rgba(0, 0, 0, 0.6); @@ -288,6 +290,8 @@ body.theme--dark { --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #ffffff; --color-primary-element-text-maillist: #ffffff; + --color-primary-element-text-maillist-subject: rgba(255, 255, 255, 0.74); + --color-primary-element-text-maillist-time: rgba(255, 255, 255, 0.38); --color-background-save:rgba(0, 0, 0, 0.24); --background-email: : rgba(255, 255, 255, 0.04); --color-email-text: : rgba(255, 255, 255, 0.06); @@ -1463,14 +1467,13 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-weight: 400; font-size: 14px; line-height: 20px; - color: var(--color-primary-element-text-maillist); + color: var(--color-primary-element-text-maillist-subject); } #rl-app .messageListItem time.actionHandle { font-weight: 400; font-size: 12px; line-height: 16px; - color:var(--color-primary-element-text-maillist); - opacity: 0.3; + color:var(--color-primary-element-text-maillist-time); } #rl-app .messageListItem .fromPic{ display: none; -- GitLab From 69db5cf4b0dd0ed4e444108c9d0d6b038906b721 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 16:53:10 +0530 Subject: [PATCH 117/164] set svg color --- images/more.svg | 2 +- images/sort.svg | 2 +- style.css | 18 +++++++++++------- 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/images/more.svg b/images/more.svg index 16ccb72..b2de821 100644 --- a/images/more.svg +++ b/images/more.svg @@ -1,3 +1,3 @@ - + diff --git a/images/sort.svg b/images/sort.svg index de79f40..a0fee2e 100644 --- a/images/sort.svg +++ b/images/sort.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index 9c4bc0d..355ac9b 100644 --- a/style.css +++ b/style.css @@ -1151,7 +1151,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); width: 24px; height: 36px; content: ""; @@ -2413,7 +2413,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity: var(--svg-opacity); + opacity: 0.3; height:18px; color:transparent; width: 50px; @@ -2426,6 +2426,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); + opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2438,7 +2439,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity: 0.3; height:18px; color:transparent; width: 50px; @@ -2451,6 +2452,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); + opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2463,7 +2465,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity: 0.3; height:18px; color:transparent; width: 50px; @@ -2476,6 +2478,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); + opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2488,7 +2491,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity: 0.3; height:18px; color:transparent; width: 50px; @@ -2501,6 +2504,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); + opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2513,7 +2517,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity: var(--svg-opacity); height:18px; color:transparent; width: 50px; @@ -2527,7 +2531,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity: var(--svg-opacity); height:18px; color:transparent; order: 1; -- GitLab From 056ec7d339aaa31b3a74583d2a5785fa1d96aed8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:03:23 +0530 Subject: [PATCH 118/164] set svg color --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 355ac9b..9d6b574 100644 --- a/style.css +++ b/style.css @@ -2798,7 +2798,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 40px; color: transparent; } -#rl-app .messageView .b-content .b-message-view-checked-helper { +#rl-app .messageView .b-message-view-checked-helper { color: var(--color-primary-element-text-blue); opacity: 1; display: inline-grid; @@ -3143,7 +3143,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 14px; } -#rl-app #V-MailMessageView .messageView .b-content .b-message-view-checked-helper{ +#rl-app #V-MailMessageView .messageView .b-message-view-checked-helper{ font-weight: 400; font-size: 32px; } -- GitLab From 11475ddd55da46ad133e20a0b53e1820009df752 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:08:19 +0530 Subject: [PATCH 119/164] hide scorll --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 9d6b574..4ee994d 100644 --- a/style.css +++ b/style.css @@ -3647,4 +3647,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app #V-Settings-Folders .btn{ vertical-align: middle; line-height: 20px; + } + #rl-app .rl-side-preview-pane #V-MailMessageList .messageList{ + overflow: hidden; } \ No newline at end of file -- GitLab From 19369adfe0f1ac692034c86c184ed71184a64570 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:12:55 +0530 Subject: [PATCH 120/164] hide scorll --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 4ee994d..63004f0 100644 --- a/style.css +++ b/style.css @@ -3648,6 +3648,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { vertical-align: middle; line-height: 20px; } - #rl-app .rl-side-preview-pane #V-MailMessageList .messageList{ +.rl-side-preview-pane #rl-app #V-MailMessageList .messageList{ overflow: hidden; } \ No newline at end of file -- GitLab From f2a74bc461dcc8751ecd66bad5805070a6b528fd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:24:21 +0530 Subject: [PATCH 121/164] hide scorll --- style.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/style.css b/style.css index 63004f0..5b4af8b 100644 --- a/style.css +++ b/style.css @@ -3415,6 +3415,25 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font vertical-align: middle; opacity: 0.8; } +#rl-app #V-SettingsPane td[data-i18n="[title]SETTINGS_FOLDERS/HELP_DELETE_FOLDER"] span.e-action.fontastic{ + mask-image: var(--trash); + mask-position:center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--trash); + -webkit-mask-position: center center; + -webkit-mask-repeat:no-repeat; + background-color: var(--svg-color); + fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + vertical-align: middle; + opacity: 0.8; +} #rl-app #V-Settings-Folders .table td{ opacity:0.8; font-weight: 400; -- GitLab From 1cfb189024b429d038cd71524b1f7da4ff8a76fd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:29:00 +0530 Subject: [PATCH 122/164] button --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 5b4af8b..7a76987 100644 --- a/style.css +++ b/style.css @@ -3669,4 +3669,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } .rl-side-preview-pane #rl-app #V-MailMessageList .messageList{ overflow: hidden; + } + #rl-app .btn:not(.disabled,[disabled])[data-i18n="[LOGIN/BUTTON_SIGN_IN"] :active{ + background: var(--color-primary-element-text-blue); } \ No newline at end of file -- GitLab From 941477dacddff2f685b09429e391a510fc65f848 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:30:45 +0530 Subject: [PATCH 123/164] button --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 7a76987..357b8ba 100644 --- a/style.css +++ b/style.css @@ -3670,6 +3670,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { .rl-side-preview-pane #rl-app #V-MailMessageList .messageList{ overflow: hidden; } - #rl-app .btn:not(.disabled,[disabled])[data-i18n="[LOGIN/BUTTON_SIGN_IN"] :active{ + #rl-content .LoginView form .buttonLogin:active{ background: var(--color-primary-element-text-blue); } \ No newline at end of file -- GitLab From b86f6556f0146f3a50b01fa470ccba010728faf7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:48:54 +0530 Subject: [PATCH 124/164] icon removed --- images/archieve-color.svg | 5 ----- images/archieve-dark.svg | 4 ---- images/archievetop-color.svg | 4 ---- images/back-dark.svg | 3 --- images/create-folder-color.svg | 3 --- images/createfolder-color.svg | 4 ++-- images/createfolder-dark.svg | 3 --- images/cross-dark.svg | 3 --- images/downicon-dark.svg | 3 --- images/draft-color.svg | 3 --- images/draft-dark.svg | 3 --- images/editnote-dark.svg | 5 ----- images/inbox-color.svg | 3 --- images/inbox-dark.svg | 3 --- images/inbox.png | Bin 354 -> 0 bytes images/loading-dark.svg | 3 --- images/minimize-dark.svg | 3 --- images/more-color.svg | 3 --- images/more-dark.svg | 3 --- images/notspam-color.svg | 6 ------ images/notspam-dark.svg | 6 ------ images/notspam.svg | 2 +- images/plus-dark.svg | 3 --- images/profiledownarrow-dark.svg | 3 --- images/profilesetting-dark.svg | 5 ----- images/sent-color.svg | 4 ---- images/sent-dark.svg | 4 ---- images/spam-color.svg | 5 ----- images/spam-dark.svg | 5 ----- images/tag-dark.svg | 4 ---- images/toolbar-folder-dark.svg | 3 --- images/toolbar-photo-dark.svg | 3 --- images/trash-color.svg | 3 --- images/trash-dark.svg | 3 --- style.css | 1 + 35 files changed, 4 insertions(+), 117 deletions(-) delete mode 100644 images/archieve-color.svg delete mode 100644 images/archieve-dark.svg delete mode 100644 images/archievetop-color.svg delete mode 100644 images/back-dark.svg delete mode 100644 images/create-folder-color.svg delete mode 100644 images/createfolder-dark.svg delete mode 100644 images/cross-dark.svg delete mode 100644 images/downicon-dark.svg delete mode 100644 images/draft-color.svg delete mode 100644 images/draft-dark.svg delete mode 100644 images/editnote-dark.svg delete mode 100644 images/inbox-color.svg delete mode 100644 images/inbox-dark.svg delete mode 100644 images/inbox.png delete mode 100644 images/loading-dark.svg delete mode 100644 images/minimize-dark.svg delete mode 100644 images/more-color.svg delete mode 100644 images/more-dark.svg delete mode 100644 images/notspam-color.svg delete mode 100644 images/notspam-dark.svg delete mode 100644 images/plus-dark.svg delete mode 100644 images/profiledownarrow-dark.svg delete mode 100644 images/profilesetting-dark.svg delete mode 100644 images/sent-color.svg delete mode 100644 images/sent-dark.svg delete mode 100644 images/spam-color.svg delete mode 100644 images/spam-dark.svg delete mode 100644 images/tag-dark.svg delete mode 100644 images/toolbar-folder-dark.svg delete mode 100644 images/toolbar-photo-dark.svg delete mode 100644 images/trash-color.svg delete mode 100644 images/trash-dark.svg diff --git a/images/archieve-color.svg b/images/archieve-color.svg deleted file mode 100644 index b10d2b1..0000000 --- a/images/archieve-color.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/images/archieve-dark.svg b/images/archieve-dark.svg deleted file mode 100644 index 09782a3..0000000 --- a/images/archieve-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/archievetop-color.svg b/images/archievetop-color.svg deleted file mode 100644 index 156c76d..0000000 --- a/images/archievetop-color.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/back-dark.svg b/images/back-dark.svg deleted file mode 100644 index 4fada7f..0000000 --- a/images/back-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/create-folder-color.svg b/images/create-folder-color.svg deleted file mode 100644 index ebccd67..0000000 --- a/images/create-folder-color.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/createfolder-color.svg b/images/createfolder-color.svg index 7a65e43..ebccd67 100644 --- a/images/createfolder-color.svg +++ b/images/createfolder-color.svg @@ -1,3 +1,3 @@ - - + + diff --git a/images/createfolder-dark.svg b/images/createfolder-dark.svg deleted file mode 100644 index 5be238e..0000000 --- a/images/createfolder-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/cross-dark.svg b/images/cross-dark.svg deleted file mode 100644 index 7b7dfab..0000000 --- a/images/cross-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/downicon-dark.svg b/images/downicon-dark.svg deleted file mode 100644 index 06fe160..0000000 --- a/images/downicon-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/draft-color.svg b/images/draft-color.svg deleted file mode 100644 index 1d1c5bc..0000000 --- a/images/draft-color.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/draft-dark.svg b/images/draft-dark.svg deleted file mode 100644 index 6fd593f..0000000 --- a/images/draft-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/editnote-dark.svg b/images/editnote-dark.svg deleted file mode 100644 index 0a01f92..0000000 --- a/images/editnote-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/images/inbox-color.svg b/images/inbox-color.svg deleted file mode 100644 index e579be5..0000000 --- a/images/inbox-color.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/inbox-dark.svg b/images/inbox-dark.svg deleted file mode 100644 index 0b11cdb..0000000 --- a/images/inbox-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/inbox.png b/images/inbox.png deleted file mode 100644 index 2e59c426d924b32a37345173e34dd75d41895fcc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 354 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#@18D>Ar*{or<~_)G7vcyuN`=$JMREj-XXSK zOyV1&7(kWB0OZZ6d5n&eQg2U2}xu>!i{*lN|;Qe>t zz(v-hjg{T8$4}chR({^6Ya{WHo5%D*;F(j(;(RfWp0V67XLz%?G>Um=Xh+V>=JPfW zKCh`Y(w}Ydp3`#Gi!PaEH?!9*`*g2ffu%)&!8bbbUWgZd~fcF veeGqcFq!?7n4(wnI~L(tZx5I7iwVm`hXe<8U;i5c3<3sES3j3^P6 - - diff --git a/images/minimize-dark.svg b/images/minimize-dark.svg deleted file mode 100644 index 94448ab..0000000 --- a/images/minimize-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/more-color.svg b/images/more-color.svg deleted file mode 100644 index 5fcb8b2..0000000 --- a/images/more-color.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/more-dark.svg b/images/more-dark.svg deleted file mode 100644 index ae80796..0000000 --- a/images/more-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/notspam-color.svg b/images/notspam-color.svg deleted file mode 100644 index 2cebd89..0000000 --- a/images/notspam-color.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/images/notspam-dark.svg b/images/notspam-dark.svg deleted file mode 100644 index 95c67f8..0000000 --- a/images/notspam-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/images/notspam.svg b/images/notspam.svg index 0f442cb..647ee1a 100644 --- a/images/notspam.svg +++ b/images/notspam.svg @@ -1,6 +1,6 @@ - + diff --git a/images/plus-dark.svg b/images/plus-dark.svg deleted file mode 100644 index 5fc6e39..0000000 --- a/images/plus-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/profiledownarrow-dark.svg b/images/profiledownarrow-dark.svg deleted file mode 100644 index 3c24c9e..0000000 --- a/images/profiledownarrow-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/profilesetting-dark.svg b/images/profilesetting-dark.svg deleted file mode 100644 index a98f31d..0000000 --- a/images/profilesetting-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/images/sent-color.svg b/images/sent-color.svg deleted file mode 100644 index a82c14b..0000000 --- a/images/sent-color.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/sent-dark.svg b/images/sent-dark.svg deleted file mode 100644 index 0500cca..0000000 --- a/images/sent-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/spam-color.svg b/images/spam-color.svg deleted file mode 100644 index 74a57ed..0000000 --- a/images/spam-color.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/images/spam-dark.svg b/images/spam-dark.svg deleted file mode 100644 index 9059c7c..0000000 --- a/images/spam-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/images/tag-dark.svg b/images/tag-dark.svg deleted file mode 100644 index d479c1d..0000000 --- a/images/tag-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/toolbar-folder-dark.svg b/images/toolbar-folder-dark.svg deleted file mode 100644 index 693e67e..0000000 --- a/images/toolbar-folder-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/toolbar-photo-dark.svg b/images/toolbar-photo-dark.svg deleted file mode 100644 index 168db4c..0000000 --- a/images/toolbar-photo-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/trash-color.svg b/images/trash-color.svg deleted file mode 100644 index e1c19aa..0000000 --- a/images/trash-color.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/images/trash-dark.svg b/images/trash-dark.svg deleted file mode 100644 index 8eabb79..0000000 --- a/images/trash-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/style.css b/style.css index 357b8ba..fdd4adb 100644 --- a/style.css +++ b/style.css @@ -3650,6 +3650,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); height:18px; color:transparent; width: 50px; -- GitLab From 890cc90f11b5af88f9b5830502b0ed7d4827a11e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 21 Feb 2023 17:54:48 +0530 Subject: [PATCH 125/164] cross tick color --- style.css | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index fdd4adb..b462a39 100644 --- a/style.css +++ b/style.css @@ -172,6 +172,8 @@ --notspam: url('/themes/Murena/snappymail/images/notspam.svg'); --downicon:url('/themes/Murena/snappymail/images/downicon.svg'); --back-to-inbox: url('/themes/Murena/snappymail/images/back-to-inbox.svg'); + --tick: url('/themes/Murena/snappymail/images/tick-btn.svg'); + --cross:url('/themes/Murena/snappymail/images/cross-btn.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-opacity:0.6; @@ -3488,9 +3490,13 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { height: 70px; } #rl-app footer button.btn.buttonYes::before { - background-image: url('/themes/Murena/snappymail/images/tick-btn.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--tick); + mask-position:center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--tick); + -webkit-mask-position: center center; + -webkit-mask-repeat:no-repeat; + background-color: var(--svg-color-second); height:14px; width:10px; padding-left: 12px; @@ -3499,9 +3505,13 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { border: none; } #rl-app footer button.btn.buttonNo::before { - background-image: url('/themes/Murena/snappymail/images/cross-btn.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--cross); + mask-position:center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--cross); + -webkit-mask-position: center center; + -webkit-mask-repeat:no-repeat; + background-color: var(--svg-color-second); height:14px; width:10px; padding-left: 12px; -- GitLab From acf708c02ea08c24bed6d1515ac00fdcec07943e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 16:22:37 +0530 Subject: [PATCH 126/164] login form color --- images/language.svg | 2 +- style.css | 30 ++++++++++++++++++++++-------- 2 files changed, 23 insertions(+), 9 deletions(-) diff --git a/images/language.svg b/images/language.svg index fd5ecb2..eb4ba5c 100644 --- a/images/language.svg +++ b/images/language.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index b462a39..cf8c4ea 100644 --- a/style.css +++ b/style.css @@ -124,6 +124,7 @@ --color-primary-text-dark: #ededed; --color-primary-element: #087BF9; --color-primary-element-text: #ffffff; + --color-primary-element-login: #ffffff; --color-primary-element-hover: #3282ae; --color-primary-element-light: #e5eff4; --color-primary-element-light-text: #00273d; @@ -131,6 +132,7 @@ --color-primary-element-light-grey-hover: #f2f1f1; --color-primary-element-text-dark: #ededed; --color-primary-element-text-grey: #333333; + --color-primary-element-text-checkbox:#333333; --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #000000; --color-primary-element-text-maillist: rgba(0, 0, 0, 0.87); @@ -174,8 +176,10 @@ --back-to-inbox: url('/themes/Murena/snappymail/images/back-to-inbox.svg'); --tick: url('/themes/Murena/snappymail/images/tick-btn.svg'); --cross:url('/themes/Murena/snappymail/images/cross-btn.svg'); + --language:url('/themes/Murena/snappymail/images/language.svg') --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); + --svg-color-third:#333333; --svg-opacity:0.6; --svg-color-blue:#087BF9; } @@ -245,7 +249,7 @@ body.theme--dark { --color-border-orange: #FF7A00; --color-border-green: #44B04C; --color-border-purple: #B034F0; - --color-border-light-second: #DCDCDC; + --color-border-light-second: #383838; --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --default-font-size: 15px; --animation-quick: 100ms; @@ -273,6 +277,7 @@ body.theme--dark { --color-primary-text: rgba(255, 255, 255, 0.04); --color-createfolder-text: #121212; --color-mail-text: #ffffff; + --color-primary-element-login: #ffffff; --color-compose-text:transparent; --color-primary-hover: #04537f; --color-primary-light: #141e24; @@ -288,7 +293,8 @@ body.theme--dark { --color-primary-element-light-hover: #1d272d; --color-primary-element-light-grey-hover: #141e24; --color-primary-element-text-dark: #ededed; - --color-primary-element-text-grey: rgba(255, 255, 255, 0.6); + --color-primary-element-text-grey: rgba(255, 255, 255, 0.87); + --color-primary-element-text-checkbox:#333333; --color-primary-element-text-blue: #087BF9; --color-primary-element-text-one: #ffffff; --color-primary-element-text-maillist: #ffffff; @@ -303,6 +309,7 @@ body.theme--dark { --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); --svg-color:rgba(255,255,255); --svg-color-second:rgba(18, 18, 18, 1); + --svg-color-third:rgba(255, 255, 255, 0.87); --svg-opacity:0.74; --svg-color-blue:#087BF9; } @@ -2826,7 +2833,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 32px; line-height: 48px; text-align: center; - color: var(--color-primary-element-text-grey); + color: var(--color-primary-element-text-login); padding: 64px 44px 0px 44px; } #rl-content .LoginView form .buttonLogin{ @@ -2838,7 +2845,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 16px; line-height: 24px; - color: var(--color-primary-element-text); + color: var(--color-primary-element-text-login); text-transform: capitalize; } #rl-content .LoginView form .controls span.fontastic{ @@ -2849,13 +2856,20 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-color: var(--color-border-input); } -#rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ +#rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox span{ + color: var(--color-primary-element-text-grey); +} +#rl-content #V-Login .e-checkbox .fontastic{ color: var(--color-primary-element-text-grey); } #rl-content #V-Login .language-buttons .language-button{ - background-image: url('/themes/Murena/snappymail/images/language.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--language); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--language); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-third); height: 20px; width: 20px; color: transparent; -- GitLab From fda7d953ce6f70f456cccced6ad7842fc7558e8f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 16:33:01 +0530 Subject: [PATCH 127/164] login form color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index cf8c4ea..0ba0fea 100644 --- a/style.css +++ b/style.css @@ -176,7 +176,7 @@ --back-to-inbox: url('/themes/Murena/snappymail/images/back-to-inbox.svg'); --tick: url('/themes/Murena/snappymail/images/tick-btn.svg'); --cross:url('/themes/Murena/snappymail/images/cross-btn.svg'); - --language:url('/themes/Murena/snappymail/images/language.svg') + --language:url('/themes/Murena/snappymail/images/language.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-color-third:#333333; -- GitLab From 41c0d42c57134e7612d28edb477179ff8ac6f40a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 16:40:29 +0530 Subject: [PATCH 128/164] login form color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 0ba0fea..f5b6dd6 100644 --- a/style.css +++ b/style.css @@ -242,7 +242,7 @@ body.theme--dark { --color-border: #292929; --color-border-compose: rgba(255, 255, 255, 0.08); --color-border-grey: #383838; - --color-border-input: #e6e8e9; + --color-border-input: #797979; --color-border-dark: #3b3b3b; --color-border-second: rgba(255, 255, 255, 0.12); --color-border-red: #F8432E; -- GitLab From d7a2d546884344badbb3d8e2a0fcd7e6698be1d0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 16:43:45 +0530 Subject: [PATCH 129/164] login form color --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index f5b6dd6..ed963cd 100644 --- a/style.css +++ b/style.css @@ -2854,6 +2854,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content #V-Login input{ padding-left:20px; border-color: var(--color-border-input); + border-radius: 8px; } #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox span{ -- GitLab From 1cf7f421ba48b97213c61e7473dffcf6d9bb9038 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 16:52:31 +0530 Subject: [PATCH 130/164] login form color --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index ed963cd..2c71c8e 100644 --- a/style.css +++ b/style.css @@ -2855,6 +2855,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding-left:20px; border-color: var(--color-border-input); border-radius: 8px; + height:48px; } #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox span{ -- GitLab From 7243b193b66a6bb2172652e444ed24fdcfc6d1df Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 17:07:53 +0530 Subject: [PATCH 131/164] login form color --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 2c71c8e..abbf79c 100644 --- a/style.css +++ b/style.css @@ -53,6 +53,7 @@ --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #f9f9f9; --color-main-text: #222222; + --color-main-text-alert: #222222; --color-text-maxcontrast: #767676; --color-text-maxcontrast-default: #767676; --color-text-maxcontrast-background-blur: #646464; @@ -215,6 +216,7 @@ body.theme--dark { --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #3A3A3A; --color-main-text: #D8D8D8; + --color-main-text-alert: #000000; --color-text-maxcontrast: #8c8c8c; --color-text-maxcontrast-default: #8c8c8c; --color-text-maxcontrast-background-blur: #919191; @@ -435,7 +437,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .alert { text-shadow: unset; border: unset; - color: var(--color-main-text); + color: var(--color-main-text-alert); background-color: rgba(var(--color-warning-rgb), 0.1); border-inline-start: 4px solid var(--color-warning); border-radius: var(--border-radius); -- GitLab From 71e7c42ba5fb1df622a4611da8a4f6ab88618e4a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 17:37:41 +0530 Subject: [PATCH 132/164] login form color --- style.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index abbf79c..c5a1dbc 100644 --- a/style.css +++ b/style.css @@ -3701,4 +3701,22 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-content .LoginView form .buttonLogin:active{ background: var(--color-primary-element-text-blue); - } \ No newline at end of file + } + #rl-app .LoginView form.submitting::after { + content: ''; + position: absolute; + width: 60px; + height: 60px; + top: 50%; + left: 50%; + margin-top: -30px; + margin-left: -30px; + border: 8px solid transparent; + border-top-color: none; + animation: loginRotation 1s infinite ease-in-out; + border-radius: 50%; + z-index: 1052; + background-image: url('/themes/Murena/snappymail/images/loading-color.svg'); + background-position: center center; + background-repeat: no-repeat; +} \ No newline at end of file -- GitLab From 9b9ef2c043745b765da833683c2511179e3854dd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 17:53:42 +0530 Subject: [PATCH 133/164] login form color --- style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index c5a1dbc..52b9cc4 100644 --- a/style.css +++ b/style.css @@ -114,6 +114,7 @@ --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; + --color-primary-text-checkbox: #ffffff; --color-createfolder-text: #ffffff; --color-mail-text: rgba(0, 0, 0, 0.87); --color-compose-text: #ffffff; @@ -277,6 +278,7 @@ body.theme--dark { --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: rgba(255, 255, 255, 0.04); + --color-primary-text-checkbox: #000000; --color-createfolder-text: #121212; --color-mail-text: #ffffff; --color-primary-element-login: #ffffff; @@ -3539,7 +3541,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app .messageListItem.checked .checkboxMessage{ background: var( --color-primary-element); - color: var(--color-primary-text); + color: var(--color-primary-text-checkbox); border:unset; } #rl-app .b-folders li a.selectable{ @@ -3719,4 +3721,9 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { background-image: url('/themes/Murena/snappymail/images/loading-color.svg'); background-position: center center; background-repeat: no-repeat; +} +#rl-content #V-Login .e-checkbox .fontastic{ + background: var( --color-primary-element); + color: var(--color-primary-text-checkbox); + border:unset; } \ No newline at end of file -- GitLab From 63eb6e2c102fcccc286752e9bef3d6cede75c317 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 17:56:48 +0530 Subject: [PATCH 134/164] login form color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 52b9cc4..f88031a 100644 --- a/style.css +++ b/style.css @@ -2930,7 +2930,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: var(--color-text-dark-second); font-weight: 400; font-size: 24px; - margin-top: 14px; + margin-top: 15px; border-top: 1px solid var(--color-border-grey); border-radius: 0px; } -- GitLab From 4bbaf39c6dc35a58cf1dfd12e2edf4156c61cec3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:00:56 +0530 Subject: [PATCH 135/164] login form color --- style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/style.css b/style.css index f88031a..d72b16f 100644 --- a/style.css +++ b/style.css @@ -3726,4 +3726,15 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { background: var( --color-primary-element); color: var(--color-primary-text-checkbox); border:unset; +} +#rl-app footer .btn.buttonCreate .icon-folder-add { + background-image: url(/themes/Murena/snappymail/images/createfolder-color.svg); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + line-height: 20px; + font-size: 0; + color: transparent; + vertical-align: bottom; } \ No newline at end of file -- GitLab From 6d0216bb894a5ba93e1216e3f3828bebe2d37eea Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:03:25 +0530 Subject: [PATCH 136/164] login form color --- style.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index d72b16f..49f615d 100644 --- a/style.css +++ b/style.css @@ -3728,9 +3728,13 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { border:unset; } #rl-app footer .btn.buttonCreate .icon-folder-add { - background-image: url(/themes/Murena/snappymail/images/createfolder-color.svg); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--createfolder); + mask-position: center right; + mask-repeat: no-repeat; + -webkit-mask-image: var(--createfolder); + -webkit-mask-position: center right; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); height: 20px; width: 20px; line-height: 20px; -- GitLab From 4ee997b6a8ffd1b86ff4b94b18db28f7e02dd4f0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:05:58 +0530 Subject: [PATCH 137/164] login form color --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 49f615d..1e40885 100644 --- a/style.css +++ b/style.css @@ -3734,9 +3734,9 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { -webkit-mask-image: var(--createfolder); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); + background-color: var(--color-createfolder-text); height: 20px; - width: 20px; + width: 25px; line-height: 20px; font-size: 0; color: transparent; -- GitLab From 0b6e1281271ca86e2dba9d3d144f7d0ec1f37cff Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:13:18 +0530 Subject: [PATCH 138/164] login form color --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 1e40885..378e8e8 100644 --- a/style.css +++ b/style.css @@ -3741,4 +3741,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { font-size: 0; color: transparent; vertical-align: bottom; +} +#rl-app #messageItem .messageItemHeader{ + margin-top: 0px; } \ No newline at end of file -- GitLab From 32042fb54c186becc33d419a0ac1eff50143db20 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:17:58 +0530 Subject: [PATCH 139/164] login form color --- images/send-icon.svg | 2 +- style.css | 11 ++++++++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/images/send-icon.svg b/images/send-icon.svg index 031edb7..e81a9c6 100644 --- a/images/send-icon.svg +++ b/images/send-icon.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index 378e8e8..cbb633e 100644 --- a/style.css +++ b/style.css @@ -179,6 +179,7 @@ --tick: url('/themes/Murena/snappymail/images/tick-btn.svg'); --cross:url('/themes/Murena/snappymail/images/cross-btn.svg'); --language:url('/themes/Murena/snappymail/images/language.svg'); + --sendicon: url('/themes/Murena/snappymail/images/send-icon.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-color-third:#333333; @@ -3068,9 +3069,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding: 0 14px; } #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success .icon-paper-plane{ - background-image: url('/themes/Murena/snappymail/images/send-icon.svg'); - background-position: center center; - background-repeat: no-repeat; + mask-image: var(--sendicon); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--sendicon); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color-second); display: inline-block; line-height: 36px; height: 36px; -- GitLab From c02359930fcc3bca5ab0f804dfcd014e0a62b244 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:41:19 +0530 Subject: [PATCH 140/164] login form color --- style.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index cbb633e..13efa88 100644 --- a/style.css +++ b/style.css @@ -3747,6 +3747,15 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { color: transparent; vertical-align: bottom; } -#rl-app #messageItem .messageItemHeader{ +#rl-app #messageItem .messageItemHeader { margin-top: 0px; +} +#rl-app #V-PopupsCompose header .pull-right a.btn[data-i18n="[title]GLOBAL/BCC"], +#rl-app #V-PopupsCompose header .pull-right a.btn[data-i18n="[title]GLOBAL/CC"], +#rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn.dropdown-toggle.fontastic { + width:50px; +} +#rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom[data-i18n="[title]COMPOSE/BUTTON_MINIMIZE"]{ + text-align: center; + margin-left: 20px; } \ No newline at end of file -- GitLab From d68981eb99d0702338661525b905dbbfb02c0dbc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 18:43:37 +0530 Subject: [PATCH 141/164] cross btn color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 13efa88..1c40dd5 100644 --- a/style.css +++ b/style.css @@ -3109,7 +3109,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); height: 20px; width: 20px; color: transparent; -- GitLab From 4c4660ef0f6595d6b579aec3297a700b1b110327 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 19:38:53 +0530 Subject: [PATCH 142/164] cross btn color --- images/attachfiles.svg | 4 ++++ images/attachment.svg | 3 +++ images/file-text.svg | 4 ++++ style.css | 45 ++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 56 insertions(+) create mode 100644 images/attachfiles.svg create mode 100644 images/attachment.svg create mode 100644 images/file-text.svg diff --git a/images/attachfiles.svg b/images/attachfiles.svg new file mode 100644 index 0000000..f38510d --- /dev/null +++ b/images/attachfiles.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/attachment.svg b/images/attachment.svg new file mode 100644 index 0000000..e79aae9 --- /dev/null +++ b/images/attachment.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/file-text.svg b/images/file-text.svg new file mode 100644 index 0000000..0fd4d15 --- /dev/null +++ b/images/file-text.svg @@ -0,0 +1,4 @@ + + + + diff --git a/style.css b/style.css index 1c40dd5..56f9191 100644 --- a/style.css +++ b/style.css @@ -180,6 +180,9 @@ --cross:url('/themes/Murena/snappymail/images/cross-btn.svg'); --language:url('/themes/Murena/snappymail/images/language.svg'); --sendicon: url('/themes/Murena/snappymail/images/send-icon.svg'); + --attachfiles: url('/themes/Murena/snappymail/images/attachfiles.svg'); + --attachment: url('/themes/Murena/snappymail/images/attachment.svg'); + --file-text: url('/themes/Murena/snappymail/images/file-text.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-color-third:#333333; @@ -3758,4 +3761,46 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom[data-i18n="[title]COMPOSE/BUTTON_MINIMIZE"]{ text-align: center; margin-left: 20px; +} +#rl-app .icon-file-text::before{ + mask-image: var(--file-text); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--file-text); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + height: 32px; + min-height: 32px; + color: transparent; + border-radius: 0px 4px 4px 0px; + content:""; +} +#rl-app .icon-file-text::before{ + mask-image: var(--attachfiles); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image: var(--attachfiles); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + height: 32px; + min-height: 32px; + color: transparent; + border-radius: 0px 4px 4px 0px; + content:""; +} +#rl-app .icon-file-text::before{ + mask-image: var(--attachment); + mask-position: center center; + mask-repeat: no-repeat; + -webkit-mask-image:var(--attachment); + -webkit-mask-position: center center; + -webkit-mask-repeat: no-repeat; + background-color: var(--svg-color); + height: 32px; + min-height: 32px; + color: transparent; + border-radius: 0px 4px 4px 0px; + content:""; } \ No newline at end of file -- GitLab From 713e566d39a052f3e6a74580cc63c695ec77f4c4 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 19:50:42 +0530 Subject: [PATCH 143/164] btn change --- images/attachfiles-dark.svg | 4 +++ images/attachment-dark.svg | 3 +++ images/file-text-dark.svg | 4 +++ style.css | 54 +++++++++---------------------------- 4 files changed, 23 insertions(+), 42 deletions(-) create mode 100644 images/attachfiles-dark.svg create mode 100644 images/attachment-dark.svg create mode 100644 images/file-text-dark.svg diff --git a/images/attachfiles-dark.svg b/images/attachfiles-dark.svg new file mode 100644 index 0000000..f38510d --- /dev/null +++ b/images/attachfiles-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/attachment-dark.svg b/images/attachment-dark.svg new file mode 100644 index 0000000..7dbb645 --- /dev/null +++ b/images/attachment-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/file-text-dark.svg b/images/file-text-dark.svg new file mode 100644 index 0000000..cf4812c --- /dev/null +++ b/images/file-text-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/style.css b/style.css index 56f9191..f2b5ba0 100644 --- a/style.css +++ b/style.css @@ -315,6 +315,9 @@ body.theme--dark { --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --search:url('/themes/Murena/snappymail/images/search-dark.svg'); --attachnextcloud-files:url('/themes/Murena/snappymail/images/attachnextcloud-files-dark.svg'); + --attachfiles: url('/themes/Murena/snappymail/images/attachfiles-dark.svg'); + --attachment: url('/themes/Murena/snappymail/images/attachment-dark.svg'); + --file-text: url('/themes/Murena/snappymail/images/file-text-dark.svg'); --svg-color:rgba(255,255,255); --svg-color-second:rgba(18, 18, 18, 1); --svg-color-third:rgba(255, 255, 255, 0.87); @@ -2160,6 +2163,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar box-shadow:none; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) { + background-image: var(--file-text); + background-position: center center; + background-repeat: no-repeat; background: var(--color-main-background); border: 1px solid var(--color-border-second) !important; height:35px; @@ -2170,6 +2176,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar display: block; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { + background-image: var(--attachfiles); + background-position: center center; + background-repeat: no-repeat; background: var(--color-compose-background); border: 1px solid var(--color-border-second) !important; border-radius: 0px 4px 4px 0px; @@ -3557,6 +3566,9 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { line-height: 56px !important; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(1){ + background-image: var(--attachment); + background-position: center center; + background-repeat: no-repeat; padding-top:5px; border-radius: 4px 0px 0px 4px; font-size: 14px; @@ -3762,45 +3774,3 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { text-align: center; margin-left: 20px; } -#rl-app .icon-file-text::before{ - mask-image: var(--file-text); - mask-position: center center; - mask-repeat: no-repeat; - -webkit-mask-image: var(--file-text); - -webkit-mask-position: center center; - -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); - height: 32px; - min-height: 32px; - color: transparent; - border-radius: 0px 4px 4px 0px; - content:""; -} -#rl-app .icon-file-text::before{ - mask-image: var(--attachfiles); - mask-position: center center; - mask-repeat: no-repeat; - -webkit-mask-image: var(--attachfiles); - -webkit-mask-position: center center; - -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); - height: 32px; - min-height: 32px; - color: transparent; - border-radius: 0px 4px 4px 0px; - content:""; -} -#rl-app .icon-file-text::before{ - mask-image: var(--attachment); - mask-position: center center; - mask-repeat: no-repeat; - -webkit-mask-image:var(--attachment); - -webkit-mask-position: center center; - -webkit-mask-repeat: no-repeat; - background-color: var(--svg-color); - height: 32px; - min-height: 32px; - color: transparent; - border-radius: 0px 4px 4px 0px; - content:""; -} \ No newline at end of file -- GitLab From a596e2668806bc03e201c1082bac9d714c7c58c6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:18:12 +0530 Subject: [PATCH 144/164] btn change --- style.css | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index f2b5ba0..71d40cf 100644 --- a/style.css +++ b/style.css @@ -2163,9 +2163,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar box-shadow:none; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) { - background-image: var(--file-text); - background-position: center center; - background-repeat: no-repeat; background: var(--color-main-background); border: 1px solid var(--color-border-second) !important; height:35px; @@ -2174,11 +2171,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: middle; height: 19px; display: block; + background-image: var(--file-text); + background-position: center center; + background-repeat: no-repeat; } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) .icon-file-text::before { + content:""; + } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { - background-image: var(--attachfiles); - background-position: center center; - background-repeat: no-repeat; background: var(--color-compose-background); border: 1px solid var(--color-border-second) !important; border-radius: 0px 4px 4px 0px; @@ -2188,7 +2188,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 16px; vertical-align: middle; display: block; + background-image: var(--attachfiles); + background-position: center center; + background-repeat: no-repeat; } + + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) .icon-attachment::before { + content:""; + } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { background: rgba(0, 0, 0, 0.12); } @@ -3576,6 +3584,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { min-height: 32px; line-height: 20px; vertical-align: middle; + color:transparent; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes .btn[data-action="source"] { height: auto; -- GitLab From d92a26fb7b048f928ccabe515346b7bf994ed9f5 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:25:55 +0530 Subject: [PATCH 145/164] btn change --- images/attachfiles-dark.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/attachfiles-dark.svg b/images/attachfiles-dark.svg index f38510d..5b8a07a 100644 --- a/images/attachfiles-dark.svg +++ b/images/attachfiles-dark.svg @@ -1,4 +1,4 @@ - + -- GitLab From 84f4c5d5c848896ed17725ffb0befb8eabaa287f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:27:41 +0530 Subject: [PATCH 146/164] btn change --- images/attachfiles-dark.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/attachfiles-dark.svg b/images/attachfiles-dark.svg index 5b8a07a..3d91772 100644 --- a/images/attachfiles-dark.svg +++ b/images/attachfiles-dark.svg @@ -1,4 +1,4 @@ - + -- GitLab From bacbe333589826787c8c476ccf99f4764023ae5c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:34:59 +0530 Subject: [PATCH 147/164] btn change --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 71d40cf..3f218e9 100644 --- a/style.css +++ b/style.css @@ -3574,7 +3574,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { line-height: 56px !important; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(1){ - background-image: var(--attachment); + background-image: var(--attachment; background-position: center center; background-repeat: no-repeat; padding-top:5px; -- GitLab From 6b8089c1c4aa90c15f8d19e98b979d2516c8c5cf Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:41:09 +0530 Subject: [PATCH 148/164] bullet hide --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index 3f218e9..ca8eb7a 100644 --- a/style.css +++ b/style.css @@ -3649,6 +3649,9 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app #V-SettingsPane #rl-settings-subscreen #V-Settings-Accounts .e-component.e-checkbox.material-design{ margin: 0 0 8px 12px; } +#rl-app #V-SettingsPane ul li img{ + display: none; +} #rl-app .control-group label[data-i18n="GLOBAL/TO"]{ text-align: right; color: var(--color-text-light); -- GitLab From b3060d0500dc0754f344f4f62db1717bd19a398e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:44:26 +0530 Subject: [PATCH 149/164] hide snappy load text --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index ca8eb7a..67a0cf8 100644 --- a/style.css +++ b/style.css @@ -3786,3 +3786,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { text-align: center; margin-left: 20px; } +#rl-app #rl-loading-desc{ + display:none; +} \ No newline at end of file -- GitLab From fa2f4116fe4024bb1e66d368f0e1a35369cd3c79 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:48:09 +0530 Subject: [PATCH 150/164] hide snappy load text --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 67a0cf8..f5f260e 100644 --- a/style.css +++ b/style.css @@ -3786,6 +3786,6 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { text-align: center; margin-left: 20px; } -#rl-app #rl-loading-desc{ +#rl-app #rl-loading #rl-loading-desc{ display:none; } \ No newline at end of file -- GitLab From fc76a9a49074a85aba8512f2dff3fc325c34099a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:50:20 +0530 Subject: [PATCH 151/164] hide snappy load text --- style.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index f5f260e..c591a75 100644 --- a/style.css +++ b/style.css @@ -3574,7 +3574,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { line-height: 56px !important; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(1){ - background-image: var(--attachment; + background-image: var(--attachment); background-position: center center; background-repeat: no-repeat; padding-top:5px; @@ -3723,9 +3723,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { #rl-app .g-ui-link { color:var(--color-primary-element-text-blue); } - #rl-app #rl-loading-desc { - display:none; - } + #rl-app #V-Settings-Folders .btn{ vertical-align: middle; line-height: 20px; -- GitLab From 1982bbede2418cfcbe577ff635379d4579dca855 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:52:42 +0530 Subject: [PATCH 152/164] hide snappy load text --- images/attachfiles.svg | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/images/attachfiles.svg b/images/attachfiles.svg index f38510d..b8a5318 100644 --- a/images/attachfiles.svg +++ b/images/attachfiles.svg @@ -1,4 +1,4 @@ - - + + -- GitLab From ec4a5f12fc9645278fa6f0f082fa035567f2e359 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 22 Feb 2023 20:57:59 +0530 Subject: [PATCH 153/164] header color --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index c591a75..d65e735 100644 --- a/style.css +++ b/style.css @@ -114,6 +114,7 @@ --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; + --color-background-composeheader: #ffffff; --color-primary-text-checkbox: #ffffff; --color-createfolder-text: #ffffff; --color-mail-text: rgba(0, 0, 0, 0.87); @@ -282,6 +283,7 @@ body.theme--dark { --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: rgba(255, 255, 255, 0.04); + --color-background-composeheader: #383838; --color-primary-text-checkbox: #000000; --color-createfolder-text: #121212; --color-mail-text: #ffffff; @@ -2423,7 +2425,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-color: var(--color-border-compose); } #rl-app #V-PopupsCompose header{ - background-color: var(--color-primary-text); + background-color: var(--color-background-composeheader); padding-left:16px; } #rl-app #V-PopupsCompose header .button-save{ -- GitLab From 32c0daed5cd56d928cbe36ae1f192420d6104185 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 23 Feb 2023 18:52:06 +0530 Subject: [PATCH 154/164] tag icon important --- style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index d65e735..0e3f4d5 100644 --- a/style.css +++ b/style.css @@ -2552,7 +2552,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--more) !important; -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; - background-color: var(--svg-color); + background-color: var(--svg-color) !important; opacity: var(--svg-opacity); height:18px; color:transparent; @@ -2768,8 +2768,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar -webkit-mask-image: var(--tag) !important; -webkit-mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; - background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + background-color: var(--svg-color) !important; height: 20px; width: 20px; color: transparent; -- GitLab From 311d872f307f24e0b3337ce3d527a875346187f1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 23 Feb 2023 18:57:46 +0530 Subject: [PATCH 155/164] tag set --- style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 0e3f4d5..d7e5a63 100644 --- a/style.css +++ b/style.css @@ -1684,6 +1684,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .messageView .messageAssignedTags { margin: 0 5px; + flex:none; } #rl-app .messageView .messageAssignedTags span { @@ -3787,4 +3788,8 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { } #rl-app #rl-loading #rl-loading-desc{ display:none; -} \ No newline at end of file +} +#rl-app .messageView .messageTags{ + display: block; + text-align: right; +} -- GitLab From 311f912f2562da13dca7b313dfd2c8dd4962d73f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 09:30:56 +0530 Subject: [PATCH 156/164] error cls --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index d7e5a63..9ee1fa4 100644 --- a/style.css +++ b/style.css @@ -52,6 +52,7 @@ --color-background-blue: rgba(8, 123, 249, 0.08); --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #f9f9f9; + --color-background-compose-error:#FFFFFF; --color-main-text: #222222; --color-main-text-alert: #222222; --color-text-maxcontrast: #767676; @@ -221,6 +222,7 @@ body.theme--dark { --color-background-blue: rgba(8, 123, 249, 0.08); --color-background-purple: rgba(176, 52, 240, 0.07); --color-background-light-second: #3A3A3A; + --color-background-compose-error:#131313; --color-main-text: #D8D8D8; --color-main-text-alert: #000000; --color-text-maxcontrast: #8c8c8c; @@ -3181,6 +3183,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { border: 1px solid var(--color-error-second); color: var(--color-error-second); + background-color: var(--color-background-compose-error); font-weight: 400; font-size: 14px; padding: 10px; -- GitLab From b8d492caee8c8206fd80da75b3f9945e29edad50 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 09:57:00 +0530 Subject: [PATCH 157/164] color selection --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 9ee1fa4..b9a5648 100644 --- a/style.css +++ b/style.css @@ -62,6 +62,7 @@ --color-text-lighter: #767676; --color-text-dark-second: rgba(0, 0, 0, 0.38); --color-scrollbar: rgba(34,34,34, .15); + --color-text-selection:#ffffff; --color-error: #e9322d; --color-error-second: #F8432E; --color-error-rgb: 233,50,45; @@ -231,6 +232,7 @@ body.theme--dark { --color-text-light: #bfbfbf; --color-text-lighter: #a5a5a5; --color-text-dark-second: rgba(255,255,255, 0.38); + --color-text-selection:#ffffff; --color-scrollbar: #3d3d3d; --color-error: #e9322d; --color-error-second: #F8432E; @@ -2135,7 +2137,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app ::selection { background-color: var(--color-primary-element); - color: var(--color-primary-text); + color: var(--color-text-selection); } /* TODO: Improve popup layout and theming */ -- GitLab From 1249c2ec4fee9f2939378bf455148300464f9bb2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:03:05 +0530 Subject: [PATCH 158/164] color selection --- style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index b9a5648..0443cc8 100644 --- a/style.css +++ b/style.css @@ -62,7 +62,6 @@ --color-text-lighter: #767676; --color-text-dark-second: rgba(0, 0, 0, 0.38); --color-scrollbar: rgba(34,34,34, .15); - --color-text-selection:#ffffff; --color-error: #e9322d; --color-error-second: #F8432E; --color-error-rgb: 233,50,45; @@ -232,7 +231,6 @@ body.theme--dark { --color-text-light: #bfbfbf; --color-text-lighter: #a5a5a5; --color-text-dark-second: rgba(255,255,255, 0.38); - --color-text-selection:#ffffff; --color-scrollbar: #3d3d3d; --color-error: #e9322d; --color-error-second: #F8432E; @@ -2137,9 +2135,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app ::selection { background-color: var(--color-primary-element); - color: var(--color-text-selection); + color: var(--color-primary-text); +} +::selection { + background-color: var(--color-primary-element) !important; + color: var(--color-primary-text) !important; } - /* TODO: Improve popup layout and theming */ /* * Popups -- GitLab From a7f2183299b104d8931960bce6f94f27e2f79410 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:09:00 +0530 Subject: [PATCH 159/164] color selection --- style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 0443cc8..1f17793 100644 --- a/style.css +++ b/style.css @@ -61,6 +61,7 @@ --color-text-light: #222222; --color-text-lighter: #767676; --color-text-dark-second: rgba(0, 0, 0, 0.38); + --color-text-selection: #ffffff; --color-scrollbar: rgba(34,34,34, .15); --color-error: #e9322d; --color-error-second: #F8432E; @@ -231,6 +232,7 @@ body.theme--dark { --color-text-light: #bfbfbf; --color-text-lighter: #a5a5a5; --color-text-dark-second: rgba(255,255,255, 0.38); + --color-text-selection: #ffffff; --color-scrollbar: #3d3d3d; --color-error: #e9322d; --color-error-second: #F8432E; @@ -2134,12 +2136,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app ::selection { - background-color: var(--color-primary-element); - color: var(--color-primary-text); + background-color: var(--color-primary-element) !important; + color: var(--color-text-selection) !important; } ::selection { background-color: var(--color-primary-element) !important; - color: var(--color-primary-text) !important; + color: var(--color-text-selection) !important; } /* TODO: Improve popup layout and theming */ /* -- GitLab From 5cee374f6e33f5262f362884c39a00a8ed76d3ed Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:18:59 +0530 Subject: [PATCH 160/164] folder icon --- images/folder.svg | 2 +- style.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/images/folder.svg b/images/folder.svg index ba866d2..b22f30f 100644 --- a/images/folder.svg +++ b/images/folder.svg @@ -1,3 +1,3 @@ - + diff --git a/style.css b/style.css index 1f17793..d4e5d0d 100644 --- a/style.css +++ b/style.css @@ -186,6 +186,7 @@ --attachfiles: url('/themes/Murena/snappymail/images/attachfiles.svg'); --attachment: url('/themes/Murena/snappymail/images/attachment.svg'); --file-text: url('/themes/Murena/snappymail/images/file-text.svg'); + --folder: url('/themes/Murena/snappymail/images/folder.svg'); --svg-color:rgb(0,0,0); --svg-color-second:rgba(255, 255, 255, 1); --svg-color-third:#333333; @@ -983,7 +984,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; background-color: var(--svg-color); - fill-opacity:var(--svg-opacity); + opacity:var(--svg-opacity); content: ""; height: 24px; width: 24px; -- GitLab From 0a512737ceefb172ab6a024f5512642bf6adb144 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:26:31 +0530 Subject: [PATCH 161/164] folder icon --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d4e5d0d..7c4ce1a 100644 --- a/style.css +++ b/style.css @@ -411,7 +411,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders .b-content { top: 60px; - bottom: 162px; + bottom: 60px; } #rl-app .b-folders .b-content.show-on-panel-disabled { -- GitLab From 8a80bb2cda44f548d0798f6631dad7262506bf4a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:33:55 +0530 Subject: [PATCH 162/164] top set --- style.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index 7c4ce1a..9b083ae 100644 --- a/style.css +++ b/style.css @@ -1613,10 +1613,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { * message view */ - #rl-app #V-MailMessageView { - bottom: 0; -} - html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar { /* TODO Improve mobile experience */ } @@ -3515,8 +3511,8 @@ html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.font } #rl-app #V-MailMessageView{ - top:56px; - border-top:none; + top:41px; + border:0; } #rl-app #V-SystemDropDown{ border-right: 1px solid var(--color-border-grey); -- GitLab From cd761b5959a0112079cc9f8257b78e5645d2bebb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:35:18 +0530 Subject: [PATCH 163/164] top set --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 9b083ae..54787a7 100644 --- a/style.css +++ b/style.css @@ -3674,7 +3674,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { padding-right:0px; } #rl-app .messageView .messageItemHeader{ - margin-top: 14px; + margin-top: 15px; border-top: 1px solid var(--color-border-grey); border-radius: 0px; } -- GitLab From 6638159cf10cddea659fc3c70f772ed4d3970c04 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 24 Feb 2023 10:47:49 +0530 Subject: [PATCH 164/164] top set --- style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/style.css b/style.css index 54787a7..33ca62a 100644 --- a/style.css +++ b/style.css @@ -3798,3 +3798,7 @@ html.rl-mobile .hide-mobile[data-i18n="GLOBAL/SAVE"] { display: block; text-align: right; } + +#rl-app .b-folders li a{ + color:unset; +} \ No newline at end of file -- GitLab