1 files changed, 132 insertions, 0 deletions
diff --git a/comm/calendar/base/themes/common/calendar-task-tree.css b/comm/calendar/base/themes/common/calendar-task-tree.css
new file mode 100644
index 0000000000..1f44446dcf
--- /dev/null
+++ b/comm/calendar/base/themes/common/calendar-task-tree.css
@@ -0,0 +1,132 @@
+/* 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/. */
+
+.calendar-task-tree {
+  appearance: none;
+  margin: 0;
+}
+
+/* align the treechildren text */
+.calendar-task-tree > treechildren::-moz-tree-cell-text {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress) {
+  color: green !important;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress) {
+  color: var(--color-green-50) !important;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) {
+  background-color: green !important;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) {
+  background-color: var(--color-green-50) !important;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-cell-text(overdue) {
+  color: var(--color-red-50) !important;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-cell-text(overdue) {
+  color: var(--color-red-40) !important;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-row(overdue, selected, focus) {
+  background-color: var(--color-red-50) !important;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree > treechildren::-moz-tree-row(overdue, selected, focus) {
+  background-color: var(--color-red-40) !important;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(inprogress, selected, focus),
+.calendar-task-tree > treechildren::-moz-tree-image(overdue, selected, focus),
+.calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress, selected, focus),
+:root[lwt-tree-brighttext] .calendar-task-tree >
+  treechildren::-moz-tree-cell-text(inprogress, selected, focus),
+.calendar-task-tree > treechildren::-moz-tree-cell-text(overdue, selected, focus),
+:root[lwt-tree-brighttext] .calendar-task-tree >
+  treechildren::-moz-tree-cell-text(overdue, selected, focus) {
+  color: var(--selected-item-text-color) !important;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-cell-text(completed) {
+  text-decoration: line-through;
+  font-style: italic;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-cell-text(duetoday) {
+  font-weight: bold;
+}
+
+.calendar-task-tree-col-priority {
+  -moz-context-properties: stroke;
+  stroke: currentColor;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority) {
+  margin-inline-start: -2px;
+  -moz-context-properties: stroke;
+  stroke: transparent;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, highpriority) {
+  list-style-image: var(--icon-priority);
+  stroke: red;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree >
+  treechildren::-moz-tree-image(calendar-task-tree-col-priority, highpriority) {
+  stroke: var(--color-red-40);
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, lowpriority) {
+  list-style-image: var(--icon-priority-low);
+  stroke: blue;
+}
+
+:root[lwt-tree-brighttext] .calendar-task-tree >
+  treechildren::-moz-tree-image(calendar-task-tree-col-priority, lowpriority) {
+  stroke: var(--color-white);
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-priority, selected) {
+  stroke: currentColor !important;
+}
+
+treecol.calendar-task-tree-col-percentcomplete {
+  text-align: end;
+}
+
+.calendar-task-tree-col-completed >.treecol-icon,
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed) {
+  width: 14px;
+  height: 14px;
+  -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
+  fill: currentColor;
+  stroke: currentColor;
+  stroke-opacity: 0;
+}
+
+.calendar-task-tree-col-completed >.treecol-icon {
+  fill-opacity: 1;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed) {
+  list-style-image: var(--icon-checkbox);
+  fill-opacity: 0;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed, completed) {
+  fill-opacity: 1;
+}
+
+.calendar-task-tree > treechildren::-moz-tree-image(calendar-task-tree-col-completed, repeating) {
+  fill-opacity: 0.6;
+}