customize colors, bleed into sign up page

app/controllers/registrations_controller.rb

@@ -5,6 +5,8 @@ class RegistrationsController < Devise::RegistrationsController
   before_action :set_navbar_actions, only: [:edit, :preferences, :more_actions]
   before_action :set_navbar_color, only: [:edit, :preferences, :more_actions]
 
+  layout 'tailwind/landing', only: [:new]
+
   def new
     super
     if params[:referral]

app/views/layouts/tailwind/navbar/_logged_out.html.erb

@@ -1,5 +1,5 @@
-<div class="bg-blue-400 text-white w-full flex justify-between sticky top-0 z-50">
-  <div class="relative block lg:ml-8 text-xl border-transparent border-b-2 hover:border-white text-sm">
+<div class="bg-notebook-blue text-white w-full flex justify-between sticky top-0 z-50 shadow-lg">
+  <div class="relative block lg:ml-8 text-xl border-transparent border-b-2 border-red hover:border-white text-sm">
     <%= link_to 'Notebook.ai', root_path, class: 'block p-3 mt-1 tracking-wider hover:shadow-lg' %>
   </div>
 

tailwind.config.js

@@ -1,6 +1,20 @@
+const colors = require('tailwindcss/colors');
+
 module.exports = {
   content: [],
   theme: {
+    colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
+      black: colors.black,
+      white: colors.white,
+      gray: colors.gray,
+      emerald: colors.emerald,
+      indigo: colors.indigo,
+      yellow: colors.yellow,
+
+      'notebook-blue': '#2196F3'
+    },
     extend: {},
   },
   plugins: [],