Update buttons

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 {

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 {

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') %>

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'
         }