summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/shared/mail/folderColors.css
diff options
context:
space:
mode:
Diffstat (limited to 'comm/mail/themes/shared/mail/folderColors.css')
-rw-r--r--comm/mail/themes/shared/mail/folderColors.css37
1 files changed, 37 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/folderColors.css b/comm/mail/themes/shared/mail/folderColors.css
new file mode 100644
index 0000000000..8e3a5906ee
--- /dev/null
+++ b/comm/mail/themes/shared/mail/folderColors.css
@@ -0,0 +1,37 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+ --folder-color-inbox: var(--color-blue-50);
+ --folder-color-draft: var(--color-purple-50);
+ --folder-color-sent: var(--color-green-60);
+ --folder-color-archive: var(--color-brown-60);
+ --folder-color-spam: var(--color-red-60);
+ --folder-color-trash: var(--color-ink-60);
+ --folder-color-template: var(--color-gray-60);
+ --folder-color-newsletter: var(--color-gray-60);
+ --folder-color-rss: var(--color-orange-60);
+ --folder-color-outbox: var(--color-teal-60);
+ --folder-color-folder: var(--color-yellow-50);
+ --folder-color-folder-filter: var(--color-magenta-60);
+ --folder-color-folder-rss: var(--color-orange-60);
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --folder-color-inbox: var(--color-blue-30);
+ --folder-color-draft: var(--color-purple-30);
+ --folder-color-sent: var(--color-green-30);
+ --folder-color-archive: var(--color-brown-30);
+ --folder-color-spam: var(--color-red-30);
+ --folder-color-trash: var(--color-ink-30);
+ --folder-color-template: var(--color-gray-10);
+ --folder-color-newsletter: var(--color-gray-10);
+ --folder-color-rss: var(--color-orange-30);
+ --folder-color-outbox: var(--color-teal-30);
+ --folder-color-folder: var(--color-yellow-10);
+ --folder-color-folder-filter: var(--color-magenta-30);
+ --folder-color-folder-rss: var(--color-orange-30);
+ }
+}