From 780708c4ea8ec74e57c4dcc08535700f9c806826 Mon Sep 17 00:00:00 2001
From: Bernardo Anderson <bdsa@hey.com>
Date: Wed, 2 Jul 2025 16:43:01 -0500
Subject: [PATCH] Update buttons

---
 app/javascript/application.scss     | 36 ++++++++++++++++++++++++++++-
 app/javascript/form.scss            | 36 ++++++++++++++++++++++++++++-
 app/views/templates/_title.html.erb |  9 --------
 tailwind.config.js                  |  8 ++++---
 4 files changed, 75 insertions(+), 14 deletions(-)

diff --git a/app/javascript/application.scss b/app/javascript/application.scss
index 61d3f645..a9709f8b 100644
--- a/app/javascript/application.scss
+++ b/app/javascript/application.scss
@@ -56,11 +56,45 @@ button[disabled] .enabled {
 }
 
 .base-button {
-  @apply btn btn-neutral text-white text-base;
+  @apply btn btn-primary text-white text-base;
+}
+
+.btn-outline {
+  border-color: #004FCC;
+  color: #004FCC;
+}
+
+.btn-outline:hover {
+  background-color: #004FCC;
+  border-color: #004FCC;
+  color: white;
+}
+
+.btn-ghost {
+  color: #004FCC;
+}
+
+.btn-ghost:hover {
+  background-color: #004FCC;
+  color: white;
+}
+
+.btn-neutral {
+  background-color: #004FCC;
+  border-color: #004FCC;
+  color: white;
+}
+
+.btn-neutral:hover {
+  background-color: #0063FF;
+  border-color: #0063FF;
+  color: white;
 }
 
 .white-button {
   @apply btn btn-outline text-base bg-white border-2;
+  border-color: #004FCC;
+  color: #004FCC;
 }
 
 .base-checkbox {
diff --git a/app/javascript/form.scss b/app/javascript/form.scss
index fb651155..753f53eb 100644
--- a/app/javascript/form.scss
+++ b/app/javascript/form.scss
@@ -56,11 +56,45 @@ button[disabled] .enabled {
 }
 
 .base-button {
-  @apply btn btn-neutral text-white text-base;
+  @apply btn btn-primary text-white text-base;
+}
+
+.btn-outline {
+  border-color: #004FCC;
+  color: #004FCC;
+}
+
+.btn-outline:hover {
+  background-color: #004FCC;
+  border-color: #004FCC;
+  color: white;
+}
+
+.btn-ghost {
+  color: #004FCC;
+}
+
+.btn-ghost:hover {
+  background-color: #004FCC;
+  color: white;
+}
+
+.btn-neutral {
+  background-color: #004FCC;
+  border-color: #004FCC;
+  color: white;
+}
+
+.btn-neutral:hover {
+  background-color: #0063FF;
+  border-color: #0063FF;
+  color: white;
 }
 
 .white-button {
   @apply btn btn-outline text-base bg-white border-2;
+  border-color: #004FCC;
+  color: #004FCC;
 }
 
 .base-checkbox {
diff --git a/app/views/templates/_title.html.erb b/app/views/templates/_title.html.erb
index 28d2e037..1d7501a6 100644
--- a/app/views/templates/_title.html.erb
+++ b/app/views/templates/_title.html.erb
@@ -40,15 +40,6 @@
     </div>
     <% if !template.archived_at? %>
       <div class="flex items-center space-x-2">
-        <% if can?(:update, template) %>
-          <div class="tooltip" data-tip="<%= t('preferences') %>">
-            <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
-              <span class="flex items-center justify-center space-x-2">
-                <%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
-              </span>
-            <% end %>
-          </div>
-        <% end %>
         <%= link_to template_share_link_path(template), class: 'absolute md:relative bottom-0 right-0 btn btn-xs md:btn-sm whitespace-nowrap btn-neutral text-white mt-1 px-2', data: { turbo_frame: :modal } do %>
           <span class="flex items-center justify-center space-x-2">
             <%= svg_icon('link', class: 'w-4 h-4 md:w-6 md:h-6 text-white') %>
diff --git a/tailwind.config.js b/tailwind.config.js
index e5730a34..bcfdb845 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,15 +7,17 @@ module.exports = {
       {
         docuseal: {
           'color-scheme': 'light',
-          primary: '#e4e0e1',
+          primary: '#004FCC',
+          link: '#004FCC',
           secondary: '#ef9fbc',
           accent: '#eeaf3a',
           neutral: '#291334',
           'base-100': '#f2f2f3',
           'base-200': '#efeae6',
           'base-300': '#e7e2df',
-          'base-content': '#291334',
-          '--rounded-btn': '1.9rem',
+          'base-content': 'rgb(73, 75, 80)',
+          'font-size': '16px',
+          '--rounded-btn': '4px',
           '--tab-border': '2px',
           '--tab-radius': '.5rem'
         }