Initial implementation of theming

images/empty_container/empty_current_readings.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 167 214">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M159.68,212.64l-68.93-74.34c-4-4.02-10.5-4.02-14.5,0L7.32,212.64c-2.69,2.71-7.32.8-7.32-3.02V18.5C0,8.28,8.28,0,18.5,0h130c10.22,0,18.5,8.28,18.5,18.5v191.12c0,3.82-4.63,5.73-7.32,3.02Z"/>
+</svg>

images/empty_container/empty_favorites.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 238 223">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M179.42,0c-41.58,0-60.42,34-60.42,34,0,0-18.84-34-60.42-34S0,43.67,0,61.84s5,41.16,26,67.16,93,94,93,94c0,0,72-68,93-94s26-49,26-67.16S221,0,179.42,0Z"/>
+</svg>

images/empty_container/empty_folder.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 319 243">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M282,243H37c-20.4,0-37-16.6-37-37V43C0,19.29,19.29,0,43,0h89.62c14.19,0,26.65,9.57,30.32,23.28l3.11,11.63c.96,3.59,4.22,6.09,7.94,6.09h108.02c20.4,0,37,16.6,37,37v128c0,20.4-16.6,37-37,37ZM43,20c-12.68,0-23,10.32-23,23v163c0,9.37,7.63,17,17,17h245c9.37,0,17-7.63,17-17V78c0-9.37-7.63-17-17-17h-108.02c-12.75,0-23.96-8.61-27.26-20.93l-3.11-11.63c-1.33-4.97-5.85-8.44-11-8.44H43Z"/>
+</svg>

images/empty_container/empty_label.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243 243">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M214.54,20c4.67,0,8.46,3.8,8.46,8.46v77.34c0,2.26-.88,4.39-2.48,5.99l-108.73,108.73c-2.16,2.16-4.68,2.48-5.99,2.48s-3.83-.32-5.99-2.48L22.48,143.18c-3.3-3.3-3.3-8.67,0-11.97L131.21,22.48c1.6-1.6,3.72-2.48,5.99-2.48h77.34M214.54,0h-77.34C129.65,0,122.41,3,117.07,8.34L8.34,117.07c-11.12,11.12-11.12,29.14,0,40.26l77.34,77.34c5.56,5.56,12.84,8.34,20.13,8.34s14.57-2.78,20.13-8.34l108.73-108.73c5.34-5.34,8.34-12.58,8.34-20.13V28.46C243,12.74,230.26,0,214.54,0h0Z"/>
+  <path class="cls-1" d="M179.94,79.67c-9.59,0-17.39-7.8-17.39-17.39s7.8-17.39,17.39-17.39,17.39,7.8,17.39,17.39-7.8,17.39-17.39,17.39Z"/>
+</svg>

images/empty_container/empty_reading_list.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248 187">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M17.5,34.79C7.96,34.79.21,27.04.21,17.5S7.96.21,17.5.21s17.29,7.76,17.29,17.29-7.76,17.29-17.29,17.29Z"/>
+  <path class="cls-1" d="M230.5,0H67.5c-9.67,0-17.5,7.84-17.5,17.5s7.83,17.5,17.5,17.5h163c9.67,0,17.5-7.84,17.5-17.5S240.17,0,230.5,0Z"/>
+  <path class="cls-1" d="M17.5,110.79C7.96,110.79.21,103.04.21,93.5s7.76-17.29,17.29-17.29,17.29,7.76,17.29,17.29-7.76,17.29-17.29,17.29Z"/>
+  <path class="cls-1" d="M230.5,76H67.5c-9.67,0-17.5,7.84-17.5,17.5s7.83,17.5,17.5,17.5h163c9.67,0,17.5-7.84,17.5-17.5s-7.83-17.5-17.5-17.5Z"/>
+  <path class="cls-1" d="M17.5,186.79c-9.54,0-17.29-7.76-17.29-17.29s7.76-17.29,17.29-17.29,17.29,7.76,17.29,17.29-7.76,17.29-17.29,17.29Z"/>
+  <path class="cls-1" d="M230.5,152H67.5c-9.67,0-17.5,7.84-17.5,17.5s7.83,17.5,17.5,17.5h163c9.67,0,17.5-7.84,17.5-17.5s-7.83-17.5-17.5-17.5Z"/>
+</svg>