From 5ef75c4b59b7668f6b708e83c76298fa197242af Mon Sep 17 00:00:00 2001
From: drusepth <drusepth@gmail.com>
Date: Sat, 5 Feb 2022 18:25:15 -0800
Subject: [PATCH] customize colors, bleed into sign up page

---
 app/controllers/registrations_controller.rb        |  2 ++
 app/views/layouts/navbar/_logged_out.html.erb      |  0
 .../layouts/tailwind/navbar/_logged_out.html.erb   |  4 ++--
 tailwind.config.js                                 | 14 ++++++++++++++
 4 files changed, 18 insertions(+), 2 deletions(-)
 delete mode 100644 app/views/layouts/navbar/_logged_out.html.erb

diff --git a/app/controllers/registrations_controller.rb b/app/controllers/registrations_controller.rb
index 894d1e49..df6901e9 100644
--- a/app/controllers/registrations_controller.rb
+++ b/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]
diff --git a/app/views/layouts/navbar/_logged_out.html.erb b/app/views/layouts/navbar/_logged_out.html.erb
deleted file mode 100644
index e69de29b..00000000
diff --git a/app/views/layouts/tailwind/navbar/_logged_out.html.erb b/app/views/layouts/tailwind/navbar/_logged_out.html.erb
index dca9d0fa..75bb5837 100644
--- a/app/views/layouts/tailwind/navbar/_logged_out.html.erb
+++ b/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>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 9843c055..0c4288ea 100644
--- a/tailwind.config.js
+++ b/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: [],