diff --git a/app/src/main/res/color/grey_300.xml b/app/src/main/res/color/grey_300.xml
deleted file mode 100644
index 4ee296cd9..000000000
--- a/app/src/main/res/color/grey_300.xml
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:color="?attr/color_grey_300"/>
-</selector>
diff --git a/app/src/main/res/drawable/color_black.xml b/app/src/main/res/drawable/color_black.xml
new file mode 100644
index 000000000..582fd4384
--- /dev/null
+++ b/app/src/main/res/drawable/color_black.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@color/black" />
+</shape>
diff --git a/app/src/main/res/drawable/color_danger_500.xml b/app/src/main/res/drawable/color_danger_500.xml
new file mode 100644
index 000000000..ead3b5478
--- /dev/null
+++ b/app/src/main/res/drawable/color_danger_500.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_danger_500" />
+</shape>
diff --git a/app/src/main/res/drawable/color_main1_500.xml b/app/src/main/res/drawable/color_main1_500.xml
new file mode 100644
index 000000000..501b22acb
--- /dev/null
+++ b/app/src/main/res/drawable/color_main1_500.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_main1_500" />
+</shape>
diff --git a/app/src/main/res/drawable/color_main2_000.xml b/app/src/main/res/drawable/color_main2_000.xml
new file mode 100644
index 000000000..2da346242
--- /dev/null
+++ b/app/src/main/res/drawable/color_main2_000.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_main2_000" />
+</shape>
diff --git a/app/src/main/res/drawable/color_main2_100.xml b/app/src/main/res/drawable/color_main2_100.xml
new file mode 100644
index 000000000..9d9c60158
--- /dev/null
+++ b/app/src/main/res/drawable/color_main2_100.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_main2_100" />
+</shape>
diff --git a/app/src/main/res/drawable/color_main2_500.xml b/app/src/main/res/drawable/color_main2_500.xml
new file mode 100644
index 000000000..41f327408
--- /dev/null
+++ b/app/src/main/res/drawable/color_main2_500.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_main2_500" />
+</shape>
diff --git a/app/src/main/res/drawable/color_success_500.xml b/app/src/main/res/drawable/color_success_500.xml
new file mode 100644
index 000000000..8a8ee1bec
--- /dev/null
+++ b/app/src/main/res/drawable/color_success_500.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="?attr/color_success_500" />
+</shape>
diff --git a/app/src/main/res/drawable/primary_cell_background.xml b/app/src/main/res/drawable/primary_cell_background.xml
index 5e8211efa..2f9a9ca58 100644
--- a/app/src/main/res/drawable/primary_cell_background.xml
+++ b/app/src/main/res/drawable/primary_cell_background.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_selected="true"
-        android:drawable="@color/main2_100" />
+        android:drawable="@drawable/color_main2_100" />
     <item android:state_pressed="true"
-        android:drawable="@color/main2_100" />
+        android:drawable="@drawable/color_main2_100" />
     <item
-        android:drawable="@color/main2_000" />
+        android:drawable="@drawable/color_main2_000" />
 </selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_cell_background.xml b/app/src/main/res/drawable/secondary_cell_background.xml
index b9bc2752a..8d2657fce 100644
--- a/app/src/main/res/drawable/secondary_cell_background.xml
+++ b/app/src/main/res/drawable/secondary_cell_background.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_selected="true"
-        android:drawable="@color/main2_100" />
+        android:drawable="@drawable/color_main2_100" />
     <item android:state_pressed="true"
-        android:drawable="@color/main2_100" />
+        android:drawable="@drawable/color_main2_100" />
     <item
         android:drawable="@color/transparent_color" />
 </selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout-land/call_actions_bottom_sheet.xml b/app/src/main/res/layout-land/call_actions_bottom_sheet.xml
index f955eb343..af64e2a6f 100644
--- a/app/src/main/res/layout-land/call_actions_bottom_sheet.xml
+++ b/app/src/main/res/layout-land/call_actions_bottom_sheet.xml
@@ -143,7 +143,7 @@
             android:layout_height="0dp"
             android:indeterminate="true"
             android:visibility="@{viewModel.operationInProgress ? View.VISIBLE : View.GONE}"
-            app:indicatorColor="@color/main1_500"
+            app:indicatorColor="?attr/color_main1_500"
             app:layout_constraintDimensionRatio="1:1"
             app:layout_constraintTop_toTopOf="@id/chat"
             app:layout_constraintStart_toStartOf="@id/chat"
diff --git a/app/src/main/res/layout-land/chat_list_fragment.xml b/app/src/main/res/layout-land/chat_list_fragment.xml
index 230f5430f..2af0f6afe 100644
--- a/app/src/main/res/layout-land/chat_list_fragment.xml
+++ b/app/src/main/res/layout-land/chat_list_fragment.xml
@@ -104,7 +104,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toEndOf="@id/bottom_nav_bar"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout-land/contacts_list_fragment.xml b/app/src/main/res/layout-land/contacts_list_fragment.xml
index 9899bd000..ff56cf270 100644
--- a/app/src/main/res/layout-land/contacts_list_fragment.xml
+++ b/app/src/main/res/layout-land/contacts_list_fragment.xml
@@ -142,7 +142,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toEndOf="@id/bottom_nav_bar"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout-land/history_list_fragment.xml b/app/src/main/res/layout-land/history_list_fragment.xml
index 8e1a526c7..86f8d6f1e 100644
--- a/app/src/main/res/layout-land/history_list_fragment.xml
+++ b/app/src/main/res/layout-land/history_list_fragment.xml
@@ -114,7 +114,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toEndOf="@id/bottom_nav_bar"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout-land/meeting_waiting_room_fragment.xml b/app/src/main/res/layout-land/meeting_waiting_room_fragment.xml
index a8aa019f5..5460fdd16 100644
--- a/app/src/main/res/layout-land/meeting_waiting_room_fragment.xml
+++ b/app/src/main/res/layout-land/meeting_waiting_room_fragment.xml
@@ -34,7 +34,7 @@
             android:padding="15dp"
             android:src="@drawable/caret_left"
             android:contentDescription="@string/content_description_go_back_icon"
-            app:tint="@color/main1_500"
+            app:tint="?attr/color_main1_500"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
 
diff --git a/app/src/main/res/layout-land/meetings_list_fragment.xml b/app/src/main/res/layout-land/meetings_list_fragment.xml
index f3bb40661..0f02cd2fb 100644
--- a/app/src/main/res/layout-land/meetings_list_fragment.xml
+++ b/app/src/main/res/layout-land/meetings_list_fragment.xml
@@ -111,7 +111,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toEndOf="@id/bottom_nav_bar"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout-land/welcome_page_1.xml b/app/src/main/res/layout-land/welcome_page_1.xml
index 357f06474..89f90e205 100644
--- a/app/src/main/res/layout-land/welcome_page_1.xml
+++ b/app/src/main/res/layout-land/welcome_page_1.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"
diff --git a/app/src/main/res/layout-land/welcome_page_2.xml b/app/src/main/res/layout-land/welcome_page_2.xml
index 2a0a8a0dc..aef298efa 100644
--- a/app/src/main/res/layout-land/welcome_page_2.xml
+++ b/app/src/main/res/layout-land/welcome_page_2.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"
diff --git a/app/src/main/res/layout-land/welcome_page_3.xml b/app/src/main/res/layout-land/welcome_page_3.xml
index d56187935..056eec701 100644
--- a/app/src/main/res/layout-land/welcome_page_3.xml
+++ b/app/src/main/res/layout-land/welcome_page_3.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"
diff --git a/app/src/main/res/layout/account_list_cell.xml b/app/src/main/res/layout/account_list_cell.xml
index a3b687d19..b1b45ef5a 100644
--- a/app/src/main/res/layout/account_list_cell.xml
+++ b/app/src/main/res/layout/account_list_cell.xml
@@ -16,7 +16,7 @@
         android:onClick="@{() -> model.setAsDefault()}"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:background="@{model.isDefault ? @color/main2_100 : @color/main2_000, default=@color/main2_100}">
+        android:background="@{model.isDefault ? @drawable/color_main2_100 : @drawable/color_main2_000, default=@drawable/color_main2_100}">
 
         <androidx.constraintlayout.widget.Barrier
             android:id="@+id/end_barrier"
diff --git a/app/src/main/res/layout/assistant_landing_fragment.xml b/app/src/main/res/layout/assistant_landing_fragment.xml
index c1bc9a9af..bf838b03c 100644
--- a/app/src/main/res/layout/assistant_landing_fragment.xml
+++ b/app/src/main/res/layout/assistant_landing_fragment.xml
@@ -61,7 +61,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/title"
-                app:tint="@color/main1_500" />
+                app:tint="?attr/color_main1_500" />
     
             <androidx.appcompat.widget.AppCompatTextView
                 style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/assistant_permissions_fragment.xml b/app/src/main/res/layout/assistant_permissions_fragment.xml
index 6dff04a4f..d8af6a7d8 100644
--- a/app/src/main/res/layout/assistant_permissions_fragment.xml
+++ b/app/src/main/res/layout/assistant_permissions_fragment.xml
@@ -63,7 +63,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/title"
-                app:tint="@color/main1_500"/>
+                app:tint="?attr/color_main1_500"/>
     
             <androidx.appcompat.widget.AppCompatTextView
                 style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/assistant_register_confirm_sms_code_fragment.xml b/app/src/main/res/layout/assistant_register_confirm_sms_code_fragment.xml
index 4d106db99..92f349c41 100644
--- a/app/src/main/res/layout/assistant_register_confirm_sms_code_fragment.xml
+++ b/app/src/main/res/layout/assistant_register_confirm_sms_code_fragment.xml
@@ -46,7 +46,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/title"
-                app:tint="@color/main1_500"/>
+                app:tint="?attr/color_main1_500"/>
 
             <androidx.appcompat.widget.AppCompatTextView
                 style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/assistant_register_fragment.xml b/app/src/main/res/layout/assistant_register_fragment.xml
index 1e9b7f842..7416befb8 100644
--- a/app/src/main/res/layout/assistant_register_fragment.xml
+++ b/app/src/main/res/layout/assistant_register_fragment.xml
@@ -62,7 +62,7 @@
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toBottomOf="@id/back"
                     app:layout_constraintBottom_toBottomOf="@id/title"
-                    app:tint="@color/main1_500"/>
+                    app:tint="?attr/color_main1_500"/>
 
                 <androidx.appcompat.widget.AppCompatTextView
                     style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/assistant_third_party_sip_account_login_fragment.xml b/app/src/main/res/layout/assistant_third_party_sip_account_login_fragment.xml
index 4e95123c5..cccacca15 100644
--- a/app/src/main/res/layout/assistant_third_party_sip_account_login_fragment.xml
+++ b/app/src/main/res/layout/assistant_third_party_sip_account_login_fragment.xml
@@ -48,7 +48,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/title"
-                app:tint="@color/main1_500"/>
+                app:tint="?attr/color_main1_500"/>
 
             <androidx.appcompat.widget.AppCompatTextView
                 style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/call_actions_bottom_sheet.xml b/app/src/main/res/layout/call_actions_bottom_sheet.xml
index 83977e1ea..73fc9265e 100644
--- a/app/src/main/res/layout/call_actions_bottom_sheet.xml
+++ b/app/src/main/res/layout/call_actions_bottom_sheet.xml
@@ -143,7 +143,7 @@
             android:layout_height="0dp"
             android:indeterminate="true"
             android:visibility="@{viewModel.operationInProgress ? View.VISIBLE : View.GONE}"
-            app:indicatorColor="@color/main1_500"
+            app:indicatorColor="?attr/color_main1_500"
             app:layout_constraintDimensionRatio="1:1"
             app:layout_constraintTop_toTopOf="@id/chat"
             app:layout_constraintStart_toStartOf="@id/chat"
diff --git a/app/src/main/res/layout/call_active_conference_fragment.xml b/app/src/main/res/layout/call_active_conference_fragment.xml
index 2861f306f..cde62f8c1 100644
--- a/app/src/main/res/layout/call_active_conference_fragment.xml
+++ b/app/src/main/res/layout/call_active_conference_fragment.xml
@@ -144,7 +144,7 @@
                 android:src="@drawable/pause"
                 android:contentDescription="@string/content_description_paused_call"
                 android:visibility="@{!viewModel.fullScreenMode &amp;&amp; !viewModel.pipMode &amp;&amp; conferenceViewModel.isPaused ? View.VISIBLE : View.GONE, default=gone}"
-                app:tint="@color/main1_500"
+                app:tint="?attr/color_main1_500"
                 app:layout_constraintTop_toTopOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/back"
                 app:layout_constraintEnd_toStartOf="@id/stats" />
diff --git a/app/src/main/res/layout/call_active_fragment.xml b/app/src/main/res/layout/call_active_fragment.xml
index 982b2cc0e..8f2665606 100644
--- a/app/src/main/res/layout/call_active_fragment.xml
+++ b/app/src/main/res/layout/call_active_fragment.xml
@@ -211,7 +211,7 @@
                 android:src="@drawable/pause"
                 android:contentDescription="@string/content_description_paused_call"
                 android:visibility="@{!viewModel.fullScreenMode &amp;&amp; !viewModel.pipMode &amp;&amp; (viewModel.isPaused || viewModel.isPausedByRemote) ? View.VISIBLE : View.GONE, default=gone}"
-                app:tint="@color/main1_500"
+                app:tint="?attr/color_main1_500"
                 app:layout_constraintTop_toTopOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/back"
                 app:layout_constraintEnd_toStartOf="@id/stats" />
diff --git a/app/src/main/res/layout/call_activity_other_calls_top_bar.xml b/app/src/main/res/layout/call_activity_other_calls_top_bar.xml
index c1940276b..e7a025c55 100644
--- a/app/src/main/res/layout/call_activity_other_calls_top_bar.xml
+++ b/app/src/main/res/layout/call_activity_other_calls_top_bar.xml
@@ -14,7 +14,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:minHeight="40dp"
-        android:background="@{viewModel.callsCount > 1 || viewModel.showTopBar ? @color/success_500 : @color/black, default=@color/black}"
+        android:background="@{viewModel.callsCount > 1 || viewModel.showTopBar ? @drawable/color_success_500 : @drawable/color_black, default=@drawable/color_black}"
         android:onClick="@{() -> viewModel.topBarClicked()}">
 
         <ImageView
diff --git a/app/src/main/res/layout/chat_bubble_meeting_invite_content.xml b/app/src/main/res/layout/chat_bubble_meeting_invite_content.xml
index e9f1f0100..58224cc19 100644
--- a/app/src/main/res/layout/chat_bubble_meeting_invite_content.xml
+++ b/app/src/main/res/layout/chat_bubble_meeting_invite_content.xml
@@ -42,7 +42,7 @@
             android:layout_marginStart="16dp"
             android:layout_marginTop="16dp"
             android:text="@string/conversation_message_meeting_updated_label"
-            android:textColor="@color/warning_600"
+            android:textColor="@color/orange_warning_600"
             android:textSize="12sp"
             android:maxLines="1"
             android:ellipsize="end"
@@ -60,7 +60,7 @@
             android:layout_marginStart="16dp"
             android:layout_marginTop="16dp"
             android:text="@string/conversation_message_meeting_cancelled_label"
-            android:textColor="@color/danger_500"
+            android:textColor="@color/red_danger_500"
             android:textSize="12sp"
             android:maxLines="1"
             android:ellipsize="end"
diff --git a/app/src/main/res/layout/chat_conversation_e2e_details_bottom_sheet.xml b/app/src/main/res/layout/chat_conversation_e2e_details_bottom_sheet.xml
index 369e08fbd..00a6f5bbb 100644
--- a/app/src/main/res/layout/chat_conversation_e2e_details_bottom_sheet.xml
+++ b/app/src/main/res/layout/chat_conversation_e2e_details_bottom_sheet.xml
@@ -69,7 +69,7 @@
             android:text="@string/conversation_end_to_end_encrypted_bottom_sheet_link"
             android:textSize="12sp"
             android:textStyle="bold"
-            android:textColor="@color/main1_500"
+            android:textColor="?attr/color_main1_500"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintEnd_toEndOf="parent"/>
diff --git a/app/src/main/res/layout/chat_conversation_fragment.xml b/app/src/main/res/layout/chat_conversation_fragment.xml
index 4e8137d6c..70c047db6 100644
--- a/app/src/main/res/layout/chat_conversation_fragment.xml
+++ b/app/src/main/res/layout/chat_conversation_fragment.xml
@@ -131,7 +131,7 @@
                     app:layout_constraintEnd_toStartOf="@id/ephemeral_enabled"
                     app:layout_constraintTop_toBottomOf="@id/title"
                     app:layout_constraintBottom_toBottomOf="@id/avatar"
-                    app:tint="@color/main1_500"/>
+                    app:tint="?attr/color_main1_500"/>
 
                 <ImageView
                     android:id="@+id/ephemeral_enabled"
@@ -144,7 +144,7 @@
                     app:layout_constraintStart_toEndOf="@id/muted"
                     app:layout_constraintTop_toBottomOf="@id/title"
                     app:layout_constraintBottom_toBottomOf="@id/avatar"
-                    app:tint="@color/main1_500"/>
+                    app:tint="?attr/color_main1_500"/>
 
                 <ImageView
                     android:id="@+id/show_menu"
diff --git a/app/src/main/res/layout/chat_list_fragment.xml b/app/src/main/res/layout/chat_list_fragment.xml
index dcbf0cbf2..274f13373 100644
--- a/app/src/main/res/layout/chat_list_fragment.xml
+++ b/app/src/main/res/layout/chat_list_fragment.xml
@@ -95,7 +95,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toStartOf="parent"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout/contacts_list_fragment.xml b/app/src/main/res/layout/contacts_list_fragment.xml
index e5b2660c9..1538e25f2 100644
--- a/app/src/main/res/layout/contacts_list_fragment.xml
+++ b/app/src/main/res/layout/contacts_list_fragment.xml
@@ -134,7 +134,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toStartOf="parent"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout/drawer_menu.xml b/app/src/main/res/layout/drawer_menu.xml
index ecf358483..270006459 100644
--- a/app/src/main/res/layout/drawer_menu.xml
+++ b/app/src/main/res/layout/drawer_menu.xml
@@ -36,7 +36,7 @@
             android:contentDescription="@string/app_name"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:tint="@color/main1_500" />
+            app:tint="?attr/color_main1_500" />
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/section_header_style"
diff --git a/app/src/main/res/layout/history_list_fragment.xml b/app/src/main/res/layout/history_list_fragment.xml
index b2dd4312c..c09dee41d 100644
--- a/app/src/main/res/layout/history_list_fragment.xml
+++ b/app/src/main/res/layout/history_list_fragment.xml
@@ -105,7 +105,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toStartOf="parent"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout/main_activity_notification_top_bar.xml b/app/src/main/res/layout/main_activity_notification_top_bar.xml
index 7660015e9..5d0df28b3 100644
--- a/app/src/main/res/layout/main_activity_notification_top_bar.xml
+++ b/app/src/main/res/layout/main_activity_notification_top_bar.xml
@@ -14,7 +14,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:minHeight="40dp"
-        android:background="@{viewModel.maxAlertLevel >= 20 ? @color/success_500 : viewModel.maxAlertLevel >= 10 ? @color/danger_500 : viewModel.maxAlertLevel > 0 ? @color/main2_500 : @color/main1_500, default=@color/main1_500}"
+        android:background="@{viewModel.maxAlertLevel >= 20 ? @drawable/color_success_500 : viewModel.maxAlertLevel >= 10 ? @drawable/color_danger_500 : viewModel.maxAlertLevel > 0 ? @drawable/color_main2_500 : @drawable/color_main1_500, default=@drawable/color_main1_500}"
         android:onClick="@{() -> viewModel.onTopBarClicked()}">
 
         <ImageView
diff --git a/app/src/main/res/layout/meeting_list_today_indicator.xml b/app/src/main/res/layout/meeting_list_today_indicator.xml
index 8a10c8452..9217903c8 100644
--- a/app/src/main/res/layout/meeting_list_today_indicator.xml
+++ b/app/src/main/res/layout/meeting_list_today_indicator.xml
@@ -63,7 +63,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="@{model.dayNumber, default=`19`}"
-            android:textColor="@color/main2_000"
+            android:textColor="?attr/color_main2_000"
             android:textSize="20sp"
             android:paddingBottom="4dp"
             app:layout_constraintStart_toStartOf="@id/today_background"
diff --git a/app/src/main/res/layout/meeting_waiting_room_fragment.xml b/app/src/main/res/layout/meeting_waiting_room_fragment.xml
index d2c84d9da..c108b4552 100644
--- a/app/src/main/res/layout/meeting_waiting_room_fragment.xml
+++ b/app/src/main/res/layout/meeting_waiting_room_fragment.xml
@@ -27,7 +27,7 @@
             android:padding="15dp"
             android:src="@drawable/caret_left"
             android:contentDescription="@string/content_description_go_back_icon"
-            app:tint="@color/main1_500"
+            app:tint="?attr/color_main1_500"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
 
diff --git a/app/src/main/res/layout/meetings_list_fragment.xml b/app/src/main/res/layout/meetings_list_fragment.xml
index 6591b77e8..c930a881c 100644
--- a/app/src/main/res/layout/meetings_list_fragment.xml
+++ b/app/src/main/res/layout/meetings_list_fragment.xml
@@ -102,7 +102,7 @@
                     android:layout_height="wrap_content"
                     android:indeterminate="true"
                     android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-                    app:indicatorColor="@color/main1_500"
+                    app:indicatorColor="?attr/color_main1_500"
                     app:layout_constraintStart_toStartOf="parent"
                     app:layout_constraintEnd_toEndOf="parent"
                     app:layout_constraintTop_toTopOf="parent"
diff --git a/app/src/main/res/layout/recordings_list_fragment.xml b/app/src/main/res/layout/recordings_list_fragment.xml
index 88620334f..e6b4d8ebc 100644
--- a/app/src/main/res/layout/recordings_list_fragment.xml
+++ b/app/src/main/res/layout/recordings_list_fragment.xml
@@ -171,7 +171,7 @@
             android:layout_height="wrap_content"
             android:indeterminate="true"
             android:visibility="@{viewModel.fetchInProgress ? View.VISIBLE : View.GONE}"
-            app:indicatorColor="@color/main1_500"
+            app:indicatorColor="?attr/color_main1_500"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
diff --git a/app/src/main/res/layout/single_sign_on_fragment.xml b/app/src/main/res/layout/single_sign_on_fragment.xml
index 3a61d8b79..9f3b13863 100644
--- a/app/src/main/res/layout/single_sign_on_fragment.xml
+++ b/app/src/main/res/layout/single_sign_on_fragment.xml
@@ -43,7 +43,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/back"
                 app:layout_constraintBottom_toBottomOf="@id/title"
-                app:tint="@color/main1_500"/>
+                app:tint="?attr/color_main1_500"/>
 
             <androidx.appcompat.widget.AppCompatTextView
                 style="@style/assistant_page_title_style"
diff --git a/app/src/main/res/layout/welcome_page_1.xml b/app/src/main/res/layout/welcome_page_1.xml
index 020d8a40e..49fd2d896 100644
--- a/app/src/main/res/layout/welcome_page_1.xml
+++ b/app/src/main/res/layout/welcome_page_1.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"
diff --git a/app/src/main/res/layout/welcome_page_2.xml b/app/src/main/res/layout/welcome_page_2.xml
index c5a2c865c..530ad6ce0 100644
--- a/app/src/main/res/layout/welcome_page_2.xml
+++ b/app/src/main/res/layout/welcome_page_2.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"
diff --git a/app/src/main/res/layout/welcome_page_3.xml b/app/src/main/res/layout/welcome_page_3.xml
index 1764d6a23..0cd31d2c4 100644
--- a/app/src/main/res/layout/welcome_page_3.xml
+++ b/app/src/main/res/layout/welcome_page_3.xml
@@ -21,7 +21,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="@id/title_second_line"
-            app:tint="@color/main1_500"/>
+            app:tint="?attr/color_main1_500"/>
 
         <androidx.appcompat.widget.AppCompatTextView
             style="@style/default_text_style_800"