From 3f3d03c42ee321e7316742a1c9a718f419010fcc Mon Sep 17 00:00:00 2001
From: Harry-Accent <271540689+Harry-Accent@users.noreply.github.com>
Date: Thu, 10 Sep 2026 14:26:29 +0100
Subject: [PATCH 1/3] HMA-12503 adding new dark mode colours to color.kt file ,
 and

---
 .../hmrc/components/compose/ui/theme/Color.kt | 21 ++++++++++++++-----
 .../src/main/res/values-night/colors.xml      | 21 ++++++++++++++-----
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
index 1e05920b..0f0ef20f 100644
--- a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
+++ b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
@@ -37,14 +37,25 @@ val HmrcTransparent = Color.Transparent
 
 // Dark theme colors
 val HmrcBlackDark = Color(0xFFFFFFFF)
-val HmrcWhiteDark = Color(0xFF0B0C0C)
-val HmrcWhiteBackgroundDark = Color(0xFF262626)
-val HmrcGreen1Dark = Color(0xFF69B134)
 val HmrcGreen2Dark = Color(0xFF28A197)
-val HmrcBlueDark = Color(0xFF5BC0C6)
 val HmrcRedDark = Color(0xFFEB66CA)
 val HmrcGrey1Dark = Color(0xFFB1B4B6)
 val HmrcGrey2Dark = Color(0xFF6F777B)
-val HmrcGrey3Dark = Color(0xFF0B0C0C)
 val HmrcPinkDark = Color(0xFFBB94FF)
 val HmrcYellowDark = Color(0xFFFEFF4F)
+
+//old dark mode colors (to be removed once all changes are made)
+val HmrcWhiteDark = Color(0xFF0B0C0C)
+val HmrcWhiteBackgroundDark = Color(0xFF262626)
+val HmrcBlueDark = Color(0xFF5BC0C6)
+val HmrcGreen1Dark = Color(0xFF69B134)
+val HmrcGrey3Dark = Color(0xFF0B0C0C)
+
+
+//new dark mode colors
+val HmrcPrimaryGreen = Color(0xFF188659)
+val HmrcPrimaryRed = Color(0xFFF26954)
+val HmrcDarkNavy = Color(0xFF0D1C29)
+val HmrcDarkNavy2 = Color(0xFF061625)
+val HmrcDarkNavy3 = Color(0xFF092537)
+val HmrcNavy = Color(0xFF0A2740)
diff --git a/components/src/main/res/values-night/colors.xml b/components/src/main/res/values-night/colors.xml
index 4b0bd6fc..6cf35b3d 100644
--- a/components/src/main/res/values-night/colors.xml
+++ b/components/src/main/res/values-night/colors.xml
@@ -18,19 +18,30 @@
 
     <!-- Color palette -->
     <color name="hmrc_black">#FFFFFFFF</color>
-    <color name="hmrc_white">#FF0B0C0C</color>
-    <color name="hmrc_white_background">#FF262626</color>
-    <color name="hmrc_green_1">#FF69B134</color>
     <color name="hmrc_green_2">#FF28A197</color>
-    <color name="hmrc_blue">#FF5BC0C6</color>
     <color name="hmrc_red">#FFEB66CA</color>
     <color name="hmrc_grey_1">#FFB1B4B6</color>
     <color name="hmrc_grey_2">#FF6F777B</color>
-    <color name="hmrc_grey_3">#FF0B0C0C</color>
     <color name="hmrc_yellow">#FFFEFF4F</color>
     <color name="hmrc_pink">#FFBB94FF</color>
     <color name="hmrc_donut_chart_color_1">@color/hmrc_always_white</color>
     <color name="hmrc_donut_chart_color_2">@color/hmrc_teal</color>
     <color name="hmrc_donut_chart_color_3">@color/hmrc_teal</color>
 
+<!--    old dark mode colors to be removed once all work is completed-->
+    <color name="hmrc_white">#FF0B0C0C</color>
+    <color name="hmrc_white_background">#FF262626</color>
+    <color name="hmrc_blue">#FF5BC0C6</color>
+    <color name="hmrc_green_1">#FF69B134</color>
+    <color name="hmrc_grey_3">#FF0B0C0C</color>
+
+<!--    new dark mode colors-->
+    <color name="hmrc_primary_green">#FF188659</color>
+    <color name="hmrc_primary_red">#FFF26954</color>
+    <color name="hmrc_dark_navy">#FF0D1C29</color>
+    <color name="hmrc_dark_navy_2">#FF061625</color>
+    <color name="hmrc_dark_navy_3">#FF092537</color>
+    <color name="hmrc_navy">#FF0A2740</color>
+
+
 </resources>
\ No newline at end of file

From e5e270747528921fcd3133ff36dd2c8e36389b00 Mon Sep 17 00:00:00 2001
From: Harry-Accent <271540689+Harry-Accent@users.noreply.github.com>
Date: Fri, 11 Sep 2026 13:56:48 +0100
Subject: [PATCH 2/3] HMA-12503 added new colours to the xml and colors.kt file

---
 .../hmrc/components/compose/ui/theme/Color.kt | 24 +++++++++++++----
 .../src/main/res/values-night/colors.xml      |  2 +-
 components/src/main/res/values/colors.xml     | 26 ++++++++++++++-----
 3 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
index 0f0ef20f..7cdb75ff 100644
--- a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
+++ b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
@@ -19,16 +19,12 @@ import androidx.compose.ui.graphics.Color
 
 // Light theme colors
 val HmrcBlack = Color(0xFF0B0C0C)
-val HmrcWhite = Color(0xFFFFFFFF)
-val HmrcWhiteBackground = Color(0xFFFFFFFF)
-val HmrcGreen1 = Color(0xFF00703C)
 val HmrcGreen2 = Color(0xFF85994B)
-val HmrcBlue = Color(0xFF1D70B8)
 val HmrcTeal = Color(0xFF28A197)
 val HmrcRed = Color(0xFFD4351C)
+//
 val HmrcGrey1 = Color(0xFF505A5F)
 val HmrcGrey2 = Color(0xFFB1B4B6)
-val HmrcGrey3 = Color(0xFFF3F2F1)
 val HmrcPink = Color(0xFFCA2B75)
 val HmrcYellow = Color(0xFFFFBF47)
 val HmrcAlwaysBlack = Color(0xFF0B0C0C)
@@ -44,6 +40,13 @@ val HmrcGrey2Dark = Color(0xFF6F777B)
 val HmrcPinkDark = Color(0xFFBB94FF)
 val HmrcYellowDark = Color(0xFFFEFF4F)
 
+//light mode colours that pair with the changing dark mode colors
+val HmrcWhite = Color(0xFFFFFFFF)
+val HmrcWhiteBackground = Color(0xFFFFFFFF)
+val HmrcBlue = Color(0xFF1D70B8)
+val HmrcGreen1 = Color(0xFF00703C)
+val HmrcGrey3 = Color(0xFFF3F2F1)
+
 //old dark mode colors (to be removed once all changes are made)
 val HmrcWhiteDark = Color(0xFF0B0C0C)
 val HmrcWhiteBackgroundDark = Color(0xFF262626)
@@ -51,6 +54,16 @@ val HmrcBlueDark = Color(0xFF5BC0C6)
 val HmrcGreen1Dark = Color(0xFF69B134)
 val HmrcGrey3Dark = Color(0xFF0B0C0C)
 
+//new light mode colors (name changes)
+
+val HmrcPrimaryGrey = Color(0xFF282D30)
+val HmrcDarkGrey = Color(0xFF505A5F)
+val HmrcMidGrey = Color(0xFFB1B4B6)
+val HmrcLightGrey = Color(0xFFF3F2F1)
+val HmrcPrimaryTeal = Color(0xFF5BC0C6)
+val HmrcPrimaryYellow = Color(0xFFFFDD00)
+val HmrcPrimaryLightBlue = Color(0xFFD7E4F2)
+
 
 //new dark mode colors
 val HmrcPrimaryGreen = Color(0xFF188659)
@@ -59,3 +72,4 @@ val HmrcDarkNavy = Color(0xFF0D1C29)
 val HmrcDarkNavy2 = Color(0xFF061625)
 val HmrcDarkNavy3 = Color(0xFF092537)
 val HmrcNavy = Color(0xFF0A2740)
+//mid-navy still to be added to excel spreadsheet
diff --git a/components/src/main/res/values-night/colors.xml b/components/src/main/res/values-night/colors.xml
index 6cf35b3d..9875130b 100644
--- a/components/src/main/res/values-night/colors.xml
+++ b/components/src/main/res/values-night/colors.xml
@@ -42,6 +42,6 @@
     <color name="hmrc_dark_navy_2">#FF061625</color>
     <color name="hmrc_dark_navy_3">#FF092537</color>
     <color name="hmrc_navy">#FF0A2740</color>
-
+<!--mid-navy still to be added to excel spreadsheet-->
 
 </resources>
\ No newline at end of file
diff --git a/components/src/main/res/values/colors.xml b/components/src/main/res/values/colors.xml
index aafa63d1..03de2f3f 100644
--- a/components/src/main/res/values/colors.xml
+++ b/components/src/main/res/values/colors.xml
@@ -19,18 +19,12 @@
     <!-- Color palette -->
     <color name="hmrc_always_black">#000</color>
     <color name="hmrc_always_white">#fff</color>
-
     <color name="hmrc_black">#FF0B0C0C</color>
-    <color name="hmrc_white">#FFFFFFFF</color>
-    <color name="hmrc_white_background">#FFFFFFFF</color>
-    <color name="hmrc_green_1">#FF00703C</color>
     <color name="hmrc_green_2">#FF85994B</color>
-    <color name="hmrc_blue">#FF1D70B8</color>
     <color name="hmrc_teal">#FF28A197</color>
     <color name="hmrc_red">#FFD4351C</color>
     <color name="hmrc_grey_1">#FF505A5F</color>
     <color name="hmrc_grey_2">#FFB1B4B6</color>
-    <color name="hmrc_grey_3">#FFF3F2F1</color>
     <color name="hmrc_pink">#FFCA2B75</color>
     <color name="hmrc_yellow">#FFFFBF47</color>
 
@@ -52,4 +46,24 @@
     <color name="hmrc_donut_chart_color_2">#003078</color>
     <color name="hmrc_donut_chart_color_3">#003078</color>
 
+<!--  light mode colours that pair with the changing dark mode colors  -->
+    <color name="hmrc_white">#FFFFFFFF</color>
+    <color name="hmrc_white_background">#FFFFFFFF</color>
+    <color name="hmrc_blue">#FF1D70B8</color>
+    <color name="hmrc_green_1">#FF00703C</color>
+    <color name="hmrc_grey_3">#FFF3F2F1</color>
+
+<!--   new light mode colors (name changes) -->
+    <color name="hmrc_primary_grey">#FF282D30</color>
+    <color name="hmrc_dark_grey">#FF505A5F</color>
+    <color name="hmrc_mid_grey">#FFB1B4B6</color>
+    <color name="hmrc_light_grey">#FFF3F2F1</color>
+    <color name="hmrc_primary_teal">#FF5BC0C6</color>
+    <color name="hmrc_primary_yellow">#FFFFDD00</color>
+    <color name="hmrc_primary_light_blue">#FFD7E4F2</color>
+
+<!--    light mode semantic token colors for xml-->
+    <color name="hmrc_app_background">@color/hmrc_white</color>
+    <color name="hmrc_card_background">@color/hmrc_white</color>
+
 </resources>
\ No newline at end of file

From 2aae6b7f79a3509132c46033531ce07c05a512b7 Mon Sep 17 00:00:00 2001
From: Harry-Accent <271540689+Harry-Accent@users.noreply.github.com>
Date: Tue, 15 Sep 2026 15:58:38 +0100
Subject: [PATCH 3/3] HMA-12503 added new SemanticColors file with the semantic
 tokens set up, added in XML as well

---
 .../hmrc/components/compose/ui/theme/Color.kt | 11 +++--
 .../src/main/res/values-night/colors.xml      | 33 ++++++++++++++
 components/src/main/res/values/colors.xml     | 44 ++++++++++++++++++-
 3 files changed, 81 insertions(+), 7 deletions(-)

diff --git a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
index 7cdb75ff..f7488f73 100644
--- a/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
+++ b/components-compose/src/main/java/uk/gov/hmrc/components/compose/ui/theme/Color.kt
@@ -40,21 +40,21 @@ val HmrcGrey2Dark = Color(0xFF6F777B)
 val HmrcPinkDark = Color(0xFFBB94FF)
 val HmrcYellowDark = Color(0xFFFEFF4F)
 
-//light mode colours that pair with the changing dark mode colors
+// light mode colours that pair with the changing dark mode colors
 val HmrcWhite = Color(0xFFFFFFFF)
 val HmrcWhiteBackground = Color(0xFFFFFFFF)
 val HmrcBlue = Color(0xFF1D70B8)
 val HmrcGreen1 = Color(0xFF00703C)
 val HmrcGrey3 = Color(0xFFF3F2F1)
 
-//old dark mode colors (to be removed once all changes are made)
+// old dark mode colors (to be removed once all changes are made)
 val HmrcWhiteDark = Color(0xFF0B0C0C)
 val HmrcWhiteBackgroundDark = Color(0xFF262626)
 val HmrcBlueDark = Color(0xFF5BC0C6)
 val HmrcGreen1Dark = Color(0xFF69B134)
 val HmrcGrey3Dark = Color(0xFF0B0C0C)
 
-//new light mode colors (name changes)
+// new light mode colors (name changes)
 
 val HmrcPrimaryGrey = Color(0xFF282D30)
 val HmrcDarkGrey = Color(0xFF505A5F)
@@ -64,12 +64,11 @@ val HmrcPrimaryTeal = Color(0xFF5BC0C6)
 val HmrcPrimaryYellow = Color(0xFFFFDD00)
 val HmrcPrimaryLightBlue = Color(0xFFD7E4F2)
 
-
-//new dark mode colors
+// new dark mode colors
 val HmrcPrimaryGreen = Color(0xFF188659)
 val HmrcPrimaryRed = Color(0xFFF26954)
 val HmrcDarkNavy = Color(0xFF0D1C29)
 val HmrcDarkNavy2 = Color(0xFF061625)
 val HmrcDarkNavy3 = Color(0xFF092537)
 val HmrcNavy = Color(0xFF0A2740)
-//mid-navy still to be added to excel spreadsheet
+// mid-navy still to be added to excel spreadsheet
diff --git a/components/src/main/res/values-night/colors.xml b/components/src/main/res/values-night/colors.xml
index 9875130b..5a8797e0 100644
--- a/components/src/main/res/values-night/colors.xml
+++ b/components/src/main/res/values-night/colors.xml
@@ -44,4 +44,37 @@
     <color name="hmrc_navy">#FF0A2740</color>
 <!--mid-navy still to be added to excel spreadsheet-->
 
+
+    <!--    light mode semantic token colors for xml-->
+    <!--    text-->
+    <color name="hmrc_text">@color/hmrc_white</color>
+
+    <!--    background-->
+    <color name="hmrc_interface">@color/hmrc_dark_navy_2</color>
+
+    <!--    cards-->
+    <color name="hmrc_card_background">@color/hmrc_dark_navy_3</color>
+    <color name="hmrc_card_title">@color/hmrc_white</color>
+    <color name="hmrc_card_text_color">@color/hmrc_white</color>
+
+    <!--    header-->
+    <color name="hmrc_header_background">@color/hmrc_navy</color>
+
+    <!--    onboarding-->
+    <color name="hmrc_onboarding_background">@color/hmrc_dark_navy_2</color>
+    <color name="hmrc_onboarding_pager_view">@color/hmrc_dark_navy_3</color>
+
+    <!--    buttons-->
+    <color name="hmrc_primary_button_color">@color/hmrc_primary_green</color>
+    <color name="hmrc_primary_button_text_color">@color/hmrc_white</color>
+    <color name="hmrc_secondary_button_color">@color/hmrc_transparent</color>
+    <color name="hmrc_secondary_button_text_color">@color/hmrc_white</color>
+
+    <!--    NavBar-->
+    <color name="hmrc_nav_bar_background">@color/hmrc_dark_navy_3</color>
+
+    <!--    confirmation-->
+    <color name="hmrc_confirmation_background">@color/hmrc_primary_green</color>
+
+
 </resources>
\ No newline at end of file
diff --git a/components/src/main/res/values/colors.xml b/components/src/main/res/values/colors.xml
index 03de2f3f..b72c3470 100644
--- a/components/src/main/res/values/colors.xml
+++ b/components/src/main/res/values/colors.xml
@@ -61,9 +61,51 @@
     <color name="hmrc_primary_teal">#FF5BC0C6</color>
     <color name="hmrc_primary_yellow">#FFFFDD00</color>
     <color name="hmrc_primary_light_blue">#FFD7E4F2</color>
+    <!-- Fully transparent -->
+    <color name="hmrc_transparent">#00000000</color>
+
+    <!--    new dark mode colors-->
+    <color name="hmrc_primary_green">#FF188659</color>
+    <color name="hmrc_primary_red">#FFF26954</color>
+    <color name="hmrc_dark_navy">#FF0D1C29</color>
+    <color name="hmrc_dark_navy_2">#FF061625</color>
+    <color name="hmrc_dark_navy_3">#FF092537</color>
+    <color name="hmrc_navy">#FF0A2740</color>
+
 
 <!--    light mode semantic token colors for xml-->
-    <color name="hmrc_app_background">@color/hmrc_white</color>
+<!--    text-->
+    <color name="hmrc_text">@color/hmrc_black</color>
+
+<!--    background-->
+    <color name="hmrc_interface">@color/hmrc_light_grey</color>
+
+<!--    cards-->
     <color name="hmrc_card_background">@color/hmrc_white</color>
+    <color name="hmrc_card_title">@color/hmrc_blue</color>
+    <color name="hmrc_card_text_color">@color/hmrc_black</color>
+
+<!--    header-->
+    <color name="hmrc_header_background">@color/hmrc_blue</color>
+
+<!--    onboarding-->
+    <color name="hmrc_onboarding_background">@color/hmrc_grey_3</color>
+    <color name="hmrc_onboarding_pager_view">@color/hmrc_white</color>
+
+<!--    buttons-->
+    <color name="hmrc_primary_button_color">@color/hmrc_green_1</color>
+    <color name="hmrc_primary_button_text_color">@color/hmrc_white</color>
+    <color name="hmrc_secondary_button_color">@color/hmrc_transparent</color>
+    <color name="hmrc_secondary_button_text_color">@color/hmrc_white</color>
+
+<!--    NavBar-->
+    <color name="hmrc_nav_bar_background">@color/hmrc_white</color>
+
+<!--    confirmation-->
+    <color name="hmrc_confirmation_background">@color/hmrc_green_1</color>
+
+
+
+
 
 </resources>
\ No newline at end of file