style: change orange to primary

This commit is contained in:
brettkolodny 2022-09-07 23:18:18 -04:00
parent fef2a6045c
commit a5ceccd31e
4 changed files with 18 additions and 18 deletions

View file

@ -145,7 +145,7 @@ function onScrollChange() {
}); });
if (newTarget) { if (newTarget) {
newTarget.classList.add("dark:text-primary-dark-400"); newTarget.classList.add("dark:text-primary-dark-400");
newTarget.classList.add("text-pimary-light-600"); newTarget.classList.add("text-primary-light-600");
newTarget.classList.add("currently-active-nav"); newTarget.classList.add("currently-active-nav");
scrollIntoView(newTarget, { behavior: "smooth", block: "center" }); scrollIntoView(newTarget, { behavior: "smooth", block: "center" });

View file

@ -40,7 +40,7 @@ defmodule AshHqWeb.Pages.Register do
<div class="mt-1 sm:mt-0 sm:col-span-2"> <div class="mt-1 sm:mt-0 sm:col-span-2">
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<TextInput <TextInput
class="flex-1 text-black block w-full focus:ring-orange-600 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring-primary-light-600 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
opts={autocomplete: "email"} opts={autocomplete: "email"}
/> />
</div> </div>
@ -58,7 +58,7 @@ defmodule AshHqWeb.Pages.Register do
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput <PasswordInput
value={AshPhoenix.Form.value(@register_form, :password)} value={AshPhoenix.Form.value(@register_form, :password)}
class="flex-1 text-black block w-full focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring--500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
/> />
</div> </div>
{#if @register_form.submitted_once?} {#if @register_form.submitted_once?}
@ -71,7 +71,7 @@ defmodule AshHqWeb.Pages.Register do
<Label class="block text-sm font-medium sm:mt-px sm:pt-2">Remember Me</Label> <Label class="block text-sm font-medium sm:mt-px sm:pt-2">Remember Me</Label>
<div class="mt-1"> <div class="mt-1">
<div class="flex rounded-md shadow-sm"> <div class="flex rounded-md shadow-sm">
<Checkbox class="text-black block focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" /> <Checkbox class="text-black block focus:ring-primary-light-500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300" />
</div> </div>
{#if @register_form.submitted_once?} {#if @register_form.submitted_once?}
<ErrorTag /> <ErrorTag />
@ -83,7 +83,7 @@ defmodule AshHqWeb.Pages.Register do
<div class="pt-5"> <div class="pt-5">
<div class="flex justify-end"> <div class="flex justify-end">
<Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white">Log In</Submit> <Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white">Log In</Submit>
</div> </div>
</div> </div>
</Form> </Form>

View file

@ -42,7 +42,7 @@ defmodule AshHqWeb.Pages.ResetPassword do
<Label class="block text-sm font-medium sm:mt-px sm:pt-2">Password</Label> <Label class="block text-sm font-medium sm:mt-px sm:pt-2">Password</Label>
<div class="mt-1 sm:mt-0 sm:col-span-2"> <div class="mt-1 sm:mt-0 sm:col-span-2">
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput class="flex-1 text-black block w-full focus:ring-orange-600 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" /> <PasswordInput class="flex-1 text-black block w-full focus:ring-primary-light-600 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300" />
</div> </div>
<ErrorTag /> <ErrorTag />
</div> </div>
@ -56,7 +56,7 @@ defmodule AshHqWeb.Pages.ResetPassword do
<Label class="block text-sm font-medium sm:mt-px sm:pt-2">Password Confirmation</Label> <Label class="block text-sm font-medium sm:mt-px sm:pt-2">Password Confirmation</Label>
<div class="mt-1 sm:mt-0 sm:col-span-2"> <div class="mt-1 sm:mt-0 sm:col-span-2">
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput class="flex-1 text-black block w-full focus:ring-orange-600 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" /> <PasswordInput class="flex-1 text-black block w-full focus:ring-primary-light-600 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300" />
</div> </div>
<ErrorTag /> <ErrorTag />
</div> </div>
@ -67,7 +67,7 @@ defmodule AshHqWeb.Pages.ResetPassword do
<div class="pt-5"> <div class="pt-5">
<div class="flex justify-end"> <div class="flex justify-end">
<Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white">Reset Password</Submit> <Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white">Reset Password</Submit>
</div> </div>
</div> </div>
</Form> </Form>
@ -90,7 +90,7 @@ defmodule AshHqWeb.Pages.ResetPassword do
<div class="mt-1 sm:mt-0 sm:col-span-2"> <div class="mt-1 sm:mt-0 sm:col-span-2">
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<TextInput <TextInput
class="flex-1 text-black block w-full focus:ring-orange-600 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring-primary-light-600 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
opts={autocomplete: "email"} opts={autocomplete: "email"}
/> />
</div> </div>
@ -103,7 +103,7 @@ defmodule AshHqWeb.Pages.ResetPassword do
<div class="pt-5"> <div class="pt-5">
<div class="flex justify-end"> <div class="flex justify-end">
<Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white">Send Password Reset Email</Submit> <Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white">Send Password Reset Email</Submit>
</div> </div>
</div> </div>
</Form> </Form>

View file

@ -39,7 +39,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="mt-1 sm:mt-0 sm:col-span-2"> <div class="mt-1 sm:mt-0 sm:col-span-2">
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<TextInput <TextInput
class="flex-1 text-black block w-full focus:ring-orange-600 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring-primary-light-600 focus:primary-light-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
opts={autocomplete: "email"} opts={autocomplete: "email"}
/> />
</div> </div>
@ -57,7 +57,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput <PasswordInput
value={AshPhoenix.Form.value(@email_form, :current_password)} value={AshPhoenix.Form.value(@email_form, :current_password)}
class="flex-1 text-black block w-full focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring--500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
/> />
</div> </div>
{#if @email_form.submitted_once?} {#if @email_form.submitted_once?}
@ -71,7 +71,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="pt-5"> <div class="pt-5">
<div class="flex justify-end"> <div class="flex justify-end">
<Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white">Update Email</Submit> <Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white">Update Email</Submit>
</div> </div>
</div> </div>
</Form> </Form>
@ -100,7 +100,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput <PasswordInput
value={AshPhoenix.Form.value(@password_form, :password)} value={AshPhoenix.Form.value(@password_form, :password)}
class="flex-1 text-black block w-full focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring--500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
/> />
</div> </div>
{#if @password_form.submitted_once?} {#if @password_form.submitted_once?}
@ -119,7 +119,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput <PasswordInput
value={AshPhoenix.Form.value(@password_form, :password_confirmation)} value={AshPhoenix.Form.value(@password_form, :password_confirmation)}
class="flex-1 text-black block w-full focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring--500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
/> />
</div> </div>
{#if @password_form.submitted_once?} {#if @password_form.submitted_once?}
@ -138,7 +138,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="max-w-lg flex rounded-md shadow-sm"> <div class="max-w-lg flex rounded-md shadow-sm">
<PasswordInput <PasswordInput
value={AshPhoenix.Form.value(@password_form, :current_password)} value={AshPhoenix.Form.value(@password_form, :current_password)}
class="flex-1 text-black block w-full focus:ring--500 focus:border-orange-600 min-w-0 rounded-md sm:text-sm border-gray-300" class="flex-1 text-black block w-full focus:ring--500 focus:border-primary-light-600 min-w-0 rounded-md sm:text-sm border-gray-300"
/> />
</div> </div>
{#if @password_form.submitted_once?} {#if @password_form.submitted_once?}
@ -152,7 +152,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="pt-5"> <div class="pt-5">
<div class="flex justify-end"> <div class="flex justify-end">
<Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white">Change Password</Submit> <Submit class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white">Change Password</Submit>
</div> </div>
</div> </div>
</Form> </Form>
@ -161,7 +161,7 @@ defmodule AshHqWeb.Pages.UserSettings do
<div class="mt-5 pt-5 border-t"> <div class="mt-5 pt-5 border-t">
<button <button
type="button" type="button"
class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-600 text-white" class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-primary-light-600 hover:bg-primary-light-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-light-600 text-white"
:on-click="resend_confirmation_instructions" :on-click="resend_confirmation_instructions"
>Resend Email Confirmation Instructions</button> >Resend Email Confirmation Instructions</button>
</div> </div>