diff --git a/frontend/resources/fonts/MaterialIcons-Regular_orbtk.ttf b/frontend/resources/fonts/MaterialIcons-Regular_orbtk.ttf
new file mode 100644
index 0000000..7015564
Binary files /dev/null and b/frontend/resources/fonts/MaterialIcons-Regular_orbtk.ttf differ
diff --git a/frontend/resources/stylesheets/advotracker-test.css b/frontend/resources/stylesheets/advotracker-test.css
new file mode 100644
index 0000000..16b075a
--- /dev/null
+++ b/frontend/resources/stylesheets/advotracker-test.css
@@ -0,0 +1,217 @@
+.my_header {
+    font-size: 24;
+}
+
+/* defaults: dark.css
+* {
+    background: #ffffff;
+    font-size: 16;
+    font-family: "Roboto Medium";
+    icon-size: 16;
+    icon-family: "Material Icons";
+}
+
+window {
+    background: #ffffff;
+}
+
+.h1 {
+    font-size: 36;
+}
+*/
+
+/*
+.top_bar {
+    padding-left: 4;
+    padding-right: 4;
+    min-height: 150;
+    background: #ffffff;
+    border-color: #5b0f22;
+}
+
+.bottom_bar {
+    height: 40;
+    background: #ffffff;
+}
+*/
+
+/*
+    font-family: "Roboto Medium";
+    background: transparent;
+    border-width: 2;
+    border-color: #5b0f22;
+    border-radius: 2;
+    padding: 6;
+}
+
+.text_form {
+    background: #ffffff;
+}
+.text_block {
+    background: #ffffff;
+    border-color: #5b0f22;
+    border-width: 0;
+    color: #5b0f22;
+}
+
+text_box:empty {
+    color: #9E9E9E
+}
+
+text_box:focus {
+    border-color: #f8de4c;
+}
+
+/*
+text_box.inplace {
+    color: #dfebf5;
+    background: transparent;
+    border-color: transparent;
+    border-width: 1;
+    border-radius: 2;
+    padding: 6;
+    font-size: 48;
+}
+
+text_box.inplace:focus {
+    background: #ffffff;
+    border-color: #5b0f22;
+}
+
+text_box.inplace:empty {
+    color: #9E9E9E
+}
+
+.icon_only {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.icon_only:active {
+    icon-color: #5b0f22;
+    background: #5b0f22;
+}
+
+.icon_only:disabled {
+    icon-color: transparent;
+    background: transparent;
+}
+
+items-widget {
+    padding: 0;
+    border-color: transparent;
+    font-size: 48;
+}
+
+list-view-item {
+    padding-left: 0;
+    padding-right: 0;
+    height: 62;
+}
+
+list-view-item:active {
+    background: #ffffff;
+}
+
+policy_check.text_box {
+    font-size: 48;
+}
+
+policy_list.text_box {
+    font-size: 48;
+}
+
+policy_list.text_box {
+    font-size: 48;
+}
+
+.transparent {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.transparent:active {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.item_button {
+    background: transparent;
+    border-radius: 0;
+    font-size: 48;
+}
+
+.separator {
+    background: #f8de4c;
+    color: #f8de4c;
+    border-width: 2;
+    border-color: #5b0f22;
+}
+ */
+
+/*
+
+const LINK_WATER_COLOR
+    color: #dfebf5;
+const LYNCH_COLOR
+   color: #647b91;
+const BOMBAY_COLOR
+    color: #adb3B8;
+const SLATE_GRAY_COLOR
+    color: #6c7a90;
+const BRIGHT_GRAY_COLOR
+   color: #3b434a;
+const MATERIAL_RED_COLOR
+   color: #5b0f22;
+
+.header {
+    background: #ffffff;
+}
+
+.content {
+    background: #fafafa;
+}
+
+text-box {
+    color: #5b0f22;
+}
+
+text-block {
+    color: #5b0f22;
+}
+
+top-bar {
+    color: #5b0f22;
+    background: #fafafa;
+}
+*/
+
+/*
+light-text {
+    color: #dfebf5;
+}
+*/
+
+/* // Hiedemann blue */
+/* color:  #a5b3bf; */
+
+/* // Hiedemann red */
+/* color: #5b0f22; */
+
+/* // Hiedemann darkgrey */
+/* color: #879488; */
+
+/* // Hiedemann grey */
+/* color: ##b6c3b7; */
+
+
+
+/* // Qt Green */
+/* color: #41cd52; */
+
+/* // lightgrey */
+/* color: #f0f0f0; */
+
+/* Accent=#5b0f22 */
+/* Foreground=#000000 */
+/* Background=#f0f0f0 */
diff --git a/frontend/resources/stylesheets/advotracker.css b/frontend/resources/stylesheets/advotracker.css
new file mode 100644
index 0000000..0f1b6d0
--- /dev/null
+++ b/frontend/resources/stylesheets/advotracker.css
@@ -0,0 +1,217 @@
+.myheader {
+    font-size: 36;
+}
+
+/* defaults: dark.css
+* {
+    background: #ffffff;
+    font-size: 16;
+    font-family: "Roboto Medium";
+    icon-size: 16;
+    icon-family: "Material Icons";
+}
+
+window {
+    background: #ffffff;
+}
+
+.h1 {
+    font-size: 36;
+}
+*/
+
+/*
+.top_bar {
+    padding-left: 4;
+    padding-right: 4;
+    min-height: 150;
+    background: #ffffff;
+    border-color: #5b0f22;
+}
+
+.bottom_bar {
+    height: 40;
+    background: #ffffff;
+}
+*/
+
+/*
+    font-family: "Roboto Medium";
+    background: transparent;
+    border-width: 2;
+    border-color: #5b0f22;
+    border-radius: 2;
+    padding: 6;
+}
+
+.text_form {
+    background: #ffffff;
+}
+.text_block {
+    background: #ffffff;
+    border-color: #5b0f22;
+    border-width: 0;
+    color: #5b0f22;
+}
+
+text_box:empty {
+    color: #9E9E9E
+}
+
+text_box:focus {
+    border-color: #f8de4c;
+}
+
+/*
+text_box.inplace {
+    color: #dfebf5;
+    background: transparent;
+    border-color: transparent;
+    border-width: 1;
+    border-radius: 2;
+    padding: 6;
+    font-size: 48;
+}
+
+text_box.inplace:focus {
+    background: #ffffff;
+    border-color: #5b0f22;
+}
+
+text_box.inplace:empty {
+    color: #9E9E9E
+}
+
+.icon_only {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.icon_only:active {
+    icon-color: #5b0f22;
+    background: #5b0f22;
+}
+
+.icon_only:disabled {
+    icon-color: transparent;
+    background: transparent;
+}
+
+items-widget {
+    padding: 0;
+    border-color: transparent;
+    font-size: 48;
+}
+
+list-view-item {
+    padding-left: 0;
+    padding-right: 0;
+    height: 62;
+}
+
+list-view-item:active {
+    background: #ffffff;
+}
+
+policy_check.text_box {
+    font-size: 48;
+}
+
+policy_list.text_box {
+    font-size: 48;
+}
+
+policy_list.text_box {
+    font-size: 48;
+}
+
+.transparent {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.transparent:active {
+    icon-color: transparent;
+    background: transparent;
+}
+
+.item_button {
+    background: transparent;
+    border-radius: 0;
+    font-size: 48;
+}
+
+.separator {
+    background: #f8de4c;
+    color: #f8de4c;
+    border-width: 2;
+    border-color: #5b0f22;
+}
+ */
+
+/*
+
+const LINK_WATER_COLOR
+    color: #dfebf5;
+const LYNCH_COLOR
+   color: #647b91;
+const BOMBAY_COLOR
+    color: #adb3B8;
+const SLATE_GRAY_COLOR
+    color: #6c7a90;
+const BRIGHT_GRAY_COLOR
+   color: #3b434a;
+const MATERIAL_RED_COLOR
+   color: #5b0f22;
+
+.header {
+    background: #ffffff;
+}
+
+.content {
+    background: #fafafa;
+}
+
+text-box {
+    color: #5b0f22;
+}
+
+text-block {
+    color: #5b0f22;
+}
+
+top-bar {
+    color: #5b0f22;
+    background: #fafafa;
+}
+*/
+
+/*
+light-text {
+    color: #dfebf5;
+}
+*/
+
+/* // Hiedemann blue */
+/* color:  #a5b3bf; */
+
+/* // Hiedemann red */
+/* color: #5b0f22; */
+
+/* // Hiedemann darkgrey */
+/* color: #879488; */
+
+/* // Hiedemann grey */
+/* color: ##b6c3b7; */
+
+
+
+/* // Qt Green */
+/* color: #41cd52; */
+
+/* // lightgrey */
+/* color: #f0f0f0; */
+
+/* Accent=#5b0f22 */
+/* Foreground=#000000 */
+/* Background=#f0f0f0 */