Unify light lavender colours

openaustralia · May 16, 2024 · f83ff18 · f83ff18
1 parent b998bb2
commit f83ff18
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/app/components/tailwind/alert_component.html.erb b/app/components/tailwind/alert_component.html.erb
@@ -1,13 +1,11 @@
 <div class="flex <%= @alignment_class %> <%= @padding_class %> text-2xl font-bold text-white rounded-lg <%= @bg_class %>">
   <% case @type %>
   <% when :success %>
-    <%# TODO: This colour isn't used anywhere else %>
-    <div class="text-[#BFB2CF] mr-5">
+    <div class="mr-5 text-light-lavender">
       <%= render Tailwind::Icon.new(name: :tick) %>
     </div>
   <% when :congratulations %>
-    <%# TODO: I think this colour isn't used anywhere else. At the very least should it be the same colour as #BFB2CF? %>
-    <div class="mr-5 text-[#A38FBD]">
+    <div class="mr-5 text-light-lavender">
       <%= render Tailwind::Icon.new(name: :clapping) %>
     </div>
   <% when :warning %>

diff --git a/config/tailwind.config.js b/config/tailwind.config.js
@@ -54,6 +54,7 @@ module.exports = {
       'fuchsia': '#CA3F94',
       'fuchsia-darker': '#953A72',
       'lavender': '#826D9C',
+      'light-lavender': '#A38FBD',
       'yellow': '#F4BE53',
       'sun-yellow': '#FFDC3E',
       'orange': '#BB5C03',