4 files changed, 136 insertions, 0 deletions
diff --git a/src/themes/_omniarea.css b/src/themes/_omniarea.css
new file mode 100644
index 0000000..1b575d1
--- /dev/null
+++ b/src/themes/_omniarea.css
@@ -0,0 +1,13 @@
+omniarea entry {
+  background-color: mix(@theme_bg_color, @content_view_bg, 0.25);
+  color: @theme_fg_color;
+}
+omniarea:hover entry,
+omniarea:active entry {
+  background-color: @content_view_bg;
+  color: @theme_fg_color;
+}
+
+omniarea:backdrop entry {
+  background-color: @theme_bg_color;
+}
diff --git a/src/themes/_taskrow.css b/src/themes/_taskrow.css
new file mode 100644
index 0000000..f3ccee4
--- /dev/null
+++ b/src/themes/_taskrow.css
@@ -0,0 +1,38 @@
+taskrow {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  border-radius: 12px;
+}
+
+taskrow:hover {
+  background-color: alpha(@theme_fg_color, 0.1);
+}
+
+taskrow:focus {
+  background-color: alpha(@theme_fg_color, 0.05);
+}
+
+taskrow.card:hover {
+  background-color: alpha(@theme_fg_color, 0.01);
+}
+
+taskrow:dir(ltr) { padding-left: 6px;  }
+taskrow:dir(rtl) { padding-right: 6px; }
+
+/* task title entry */
+taskrow text {
+  border: solid 1px transparent;
+  background: none;
+  border-radius: 3px;
+}
+
+/* line-through complete tasks */
+taskrow.complete > * { opacity: 0.5; }
+taskrow.complete entry.title { text-decoration-line: line-through; }
+
+/* dnd row */
+taskrow box.dnd {
+    background: alpha(@theme_fg_color, 0.1);
+}
+
+/* new task row */
+newtaskrow entry { padding: 0 16px 0 14px; }
diff --git a/src/themes/_widgets.css b/src/themes/_widgets.css
new file mode 100644
index 0000000..0ee041c
--- /dev/null
+++ b/src/themes/_widgets.css
@@ -0,0 +1,27 @@
+/* Star Widget */
+
+@keyframes wiggle {
+  12.5% { transform: rotate(15deg); }
+  37.5% { transform: rotate(-15deg); }
+  62.5% { transform: rotate(15deg); }
+  87.5% { transform: rotate(-15deg); }
+}
+
+star {
+  color: alpha(@theme_fg_color, 0.1);
+  transition: color 400ms;
+}
+
+star:hover {
+  color: alpha(@theme_fg_color, 0.4);
+  transition: color 250ms;
+}
+
+star:checked {
+  color: @theme_selected_bg_color;
+  transition: color 250ms;
+
+  animation-name: wiggle;
+  animation-duration: 400ms;
+  animation-timing-function: linear;
+}
diff --git a/src/themes/style.css b/src/themes/style.css
new file mode 100644
index 0000000..a9096b3
--- /dev/null
+++ b/src/themes/style.css
@@ -0,0 +1,58 @@
+@import url("resource:///org/gnome/todo/themes/_omniarea.css");
+@import url("resource:///org/gnome/todo/themes/_taskrow.css");
+@import url("resource:///org/gnome/todo/themes/_widgets.css");
+
+tasklistview list:drop(active) {
+    border: none;
+}
+
+row.thumbnail {
+    border: solid 1px @borders;
+    box-shadow: 0px 0px 3px alpha(@borders, 0.8);
+    border-radius: 16px;
+}
+
+grid-item.thumbnail {
+    padding: 6px;
+    font-size: 10px;
+}
+
+grid-item image {
+    margin: 12px 24px;
+    font-size: 10px;
+    border: solid 1px @borders;
+    border-radius: 4px;
+    box-shadow: 0px 0px 4px alpha(@borders, 0.8);
+}
+
+grid-item {
+    background-color: transparent;
+}
+
+grid-item.light {
+    color: #000003;
+}
+
+grid-item.dark {
+    color: #eeeeec;
+}
+
+arrow-frame {
+    border: solid 1px;
+    border-bottom-width: 0px;
+    border-top-width: 0px;
+    background-color: @theme_bg_color;
+    border-color: @borders;
+}
+
+arrow-frame:dir(ltr) {
+    border-right-width: 0px;
+}
+
+arrow-frame:dir(rtl) {
+    border-left-width: 0px;
+}
+
+label.main-title {
+    font-size: 28px;
+}