Skip to content

Commit

Permalink
Use brand theme color
Browse files Browse the repository at this point in the history
  • Loading branch information
@the-kwisatz-haderach
the-kwisatz-haderach committed Nov 9, 2023
1 parent c144197 commit 79c46f6
Show file tree
Hide file tree
Showing 13 changed files with 39 additions and 25 deletions.
2 changes: 1 addition & 1 deletion components/Forms/ContactForm/ContactForm.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -411,7 +411,7 @@ export default function ContactForm(): ReactElement {
disabled={!isDirty || Object.keys(errors).length !== 0}
onClick={onSubmit}
type="submit"
colorScheme="orange"
colorScheme="brand"
>
{t('submit')}
</Button>
Expand Down
4 changes: 2 additions & 2 deletions components/Forms/FormField/FormField.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@ export const FormField: React.FC<
<Flex
sx={{
'& > :nth-of-type(1):hover + *': {
color: 'orange.300',
color: 'brand.300',
},
'& > :nth-of-type(1):focus + *': {
color: 'orange.400',
color: 'brand.400',
},
}}
flexDir="column-reverse"
Expand Down
2 changes: 1 addition & 1 deletion components/InfoList/InfoList.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export default function InfoList({ items }: Props): ReactElement {
<Link href={item.href}>{item.content}</Link>
) : (
<ChakraLink
color="orange.400"
color="brand.400"
isExternal
rel="noopener noreferrer"
href={item.href}
Expand Down
2 changes: 1 addition & 1 deletion components/Link/Link.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export default function Link({
return (
<TranslatedLink {...props} href={href} passHref>
<ChakraLink
color="orange.400"
color="brand.400"
fontWeight="bold"
onClick={
onClick
Expand Down
8 changes: 4 additions & 4 deletions components/MainNavigation/MainNavigation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,15 +81,15 @@ export default function MainNavigation({
<TranslatedLink key={menuItem.href} passHref href={menuItem.href}>
<Button
variant={menuItem.href === '/contact' ? 'solid' : 'link'}
colorScheme="orange"
colorScheme="brand"
>
{menuItem.label}
</Button>
</TranslatedLink>
))}
</HStack>
<IconButton
colorScheme="orange"
colorScheme="brand"
icon={<FontAwesomeIcon size="lg" icon={faBars} />}
display={{ md: 'none' }}
onClick={onOpen}
Expand All @@ -111,7 +111,7 @@ export default function MainNavigation({
isFullWidth
py={2}
variant={menuItem.href === '/contact' ? 'solid' : 'link'}
colorScheme="orange"
colorScheme="brand"
>
{menuItem.label}
</Button>
Expand All @@ -121,7 +121,7 @@ export default function MainNavigation({
</VStack>
</DrawerBody>
<DrawerFooter>
<Button colorScheme="orange" variant="outline" onClick={onClose}>
<Button colorScheme="brand" variant="outline" onClick={onClose}>
{t('close')}
</Button>
</DrawerFooter>
Expand Down
4 changes: 2 additions & 2 deletions components/Obituary/components/Obituary.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ export const Obituary: ObituaryRenderer = (props) => {
props,
rootModalProps: {
size: 'xl',
colorScheme: 'orange',
colorScheme: 'brand',
},
})
}, [open, props])
Expand All @@ -73,7 +73,7 @@ export const Obituary: ObituaryRenderer = (props) => {
<Box
height="100%"
transition="box-shadow 0.3s ease-in-out"
borderColor={isClicked ? 'orange.200' : 'gray.200'}
borderColor={isClicked ? 'brand.200' : 'gray.200'}
borderWidth={1}
borderStyle="solid"
borderRadius="sm"
Expand Down
16 changes: 8 additions & 8 deletions components/Obituary/components/ObituarySkeleton.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,28 +13,28 @@ export const ObituarySkeleton = (): ReactElement => {
>
<VStack p={6} flexDir="column" spacing={3} h="100%">
<SkeletonText
startColor="orange.200"
endColor="orange.400"
startColor="brand.200"
endColor="brand.400"
noOfLines={1}
width="50%"
/>
<Skeleton
startColor="orange.200"
endColor="orange.400"
startColor="brand.200"
endColor="brand.400"
width={140}
height={140}
style={{ marginTop: 16, marginBottom: 16 }}
/>
<SkeletonText
startColor="orange.200"
endColor="orange.400"
startColor="brand.200"
endColor="brand.400"
noOfLines={1}
width="30%"
style={{ marginBottom: 16 }}
/>
<SkeletonText
startColor="orange.200"
endColor="orange.400"
startColor="brand.200"
endColor="brand.400"
noOfLines={6}
spacing={3}
width="100%"
Expand Down
2 changes: 1 addition & 1 deletion components/ObituaryGrid/ObituaryGrid.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default function ObituaryGrid({
<Flex justifyContent="center" mt={10}>
<Button
isLoading={isLoadingNext}
colorScheme="orange"
colorScheme="brand"
disabled={!hasMore}
onClick={onLoadMore}
title={t('search-results-more')}
Expand Down
2 changes: 1 addition & 1 deletion components/SearchInput/SearchInput.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ export default function SearchInput({
isLoading={isTyping || isLoading}
type="submit"
aria-label="submit"
colorScheme="orange"
colorScheme="brand"
onClick={() => {}}
height="100%"
minH={[12, 16]}
Expand Down
4 changes: 2 additions & 2 deletions components/StoryBlok/FullWidthCTABlok/FullWidthCTABlok.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ export default function FullWidthCTABlok({
}

return (
<Box backgroundColor="orange.400">
<Box backgroundColor="brand.400">
<Container
maxW="container.xl"
color="white"
Expand All @@ -49,7 +49,7 @@ export default function FullWidthCTABlok({
<Box mb={[4, 4, 0]}>
<RichText>{body}</RichText>
</Box>
<Button colorScheme="orange" onClick={onClickCTA}>
<Button colorScheme="brand" onClick={onClickCTA}>
{ctaLabel}
</Button>
</HStack>
Expand Down
2 changes: 1 addition & 1 deletion components/TopScroll/TopScroll.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ export default function TopScroll({
>
<IconButton
pointerEvents="all"
colorScheme="orange"
colorScheme="brand"
onClick={onClick}
aria-label="Scroll to top"
isRound
Expand Down
14 changes: 14 additions & 0 deletions contexts/ChakraProvider.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,20 @@ const theme = extendTheme({
heading: 'Dancing Script',
body: 'Nunito',
},
colors: {
brand: {
50: '#FFFAF0',
100: '#FEEBC8',
200: '#FBD38D',
300: '#F6AD55',
400: '#ED8936',
500: '#DD6B20',
600: '#C05621',
700: '#9C4221',
800: '#7B341E',
900: '#652B19',
},
},
})

export const ChakraProvider: React.FC = ({ children }) => (
Expand Down
2 changes: 1 addition & 1 deletion pages/contact.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ export default function Contact({ story }: Props): ReactElement {
textAlign="center"
p={8}
color="white"
backgroundColor="orange.400"
backgroundColor="brand.400"
>
<FontAwesomeIcon icon={infoIcon} size="3x" />
<Text mt={4}>{infoBlockText}</Text>
Expand Down

1 comment on commit 79c46f6

@vercel
Copy link

@vercel vercel bot commented on 79c46f6 Nov 9, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

preminuli – ./

preminuli-git-master-the-kwisatz-haderach.vercel.app
preminuli-the-kwisatz-haderach.vercel.app
osmrtnice.vercel.app
www.preminuli.ba
preminuli.ba

Please sign in to comment.