Now with Geist Colors

This commit is contained in:
Bel Curcio 2021-06-07 01:01:02 -03:00
parent 677bba308d
commit 812d1bee84
5 changed files with 6 additions and 6 deletions

View File

@ -33,7 +33,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
<div className="col-span-1 lg:col-span-2"> <div className="col-span-1 lg:col-span-2">
<Link href="/"> <Link href="/">
<a className="flex flex-initial items-center font-bold md:mr-24"> <a className="flex flex-initial items-center font-bold md:mr-24">
<span className="rounded-full border border-gray-700 mr-2"> <span className="rounded-full border border-accent-6 mr-2">
<Logo /> <Logo />
</span> </span>
<span>ACME</span> <span>ACME</span>

View File

@ -22,7 +22,7 @@ const SidebarLayout: FC<ComponentProps> = ({
<button <button
onClick={handleClose} onClick={handleClose}
aria-label="Close" aria-label="Close"
className="hover:text-gray-500 transition ease-in-out duration-150 flex items-center focus:outline-none" className="hover:text-accent-5 transition ease-in-out duration-150 flex items-center focus:outline-none"
> >
<Cross className="h-6 w-6 hover:text-accent-3" /> <Cross className="h-6 w-6 hover:text-accent-3" />
<span className="ml-2 text-accent-7 text-sm ">Close</span> <span className="ml-2 text-accent-7 text-sm ">Close</span>
@ -32,7 +32,7 @@ const SidebarLayout: FC<ComponentProps> = ({
<button <button
onClick={handleBack} onClick={handleBack}
aria-label="Go back" aria-label="Go back"
className="hover:text-gray-500 transition ease-in-out duration-150 flex items-center focus:outline-none" className="hover:text-accent-5 transition ease-in-out duration-150 flex items-center focus:outline-none"
> >
<ChevronLeft className="h-6 w-6 hover:text-accent-3" /> <ChevronLeft className="h-6 w-6 hover:text-accent-3" />
<span className="ml-2 text-accent-7 text-xs">Back</span> <span className="ml-2 text-accent-7 text-xs">Back</span>

View File

@ -3,7 +3,7 @@
composes: root from 'components/ui/Button/Button.module.css'; composes: root from 'components/ui/Button/Button.module.css';
@apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex @apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
items-center justify-center cursor-pointer transition duration-150 ease-in-out items-center justify-center cursor-pointer transition duration-150 ease-in-out
p-0 shadow-none border-gray-200 border box-border select-none; p-0 shadow-none border-accent-3 border box-border select-none;
margin-right: calc(0.75rem - 1px); margin-right: calc(0.75rem - 1px);
overflow: hidden; overflow: hidden;
width: 48px; width: 48px;

View File

@ -15,7 +15,7 @@
} }
.root[data-active] { .root[data-active] {
@apply bg-gray-600; @apply bg-accent-6;
} }
.loading { .loading {

View File

@ -13,5 +13,5 @@
} }
.close { .close {
@apply hover:text-gray-500 transition ease-in-out duration-150 focus:outline-none absolute right-0 top-0 m-6; @apply hover:text-accent-5 transition ease-in-out duration-150 focus:outline-none absolute right-0 top-0 m-6;
} }