vocdoni · elboletaire · Dec 27, 2024 · Dec 18, 2024 · Dec 27, 2024
diff --git a/src/components/Calculator/index.tsx b/src/components/Calculator/index.tsx
@@ -52,9 +52,9 @@ const Calculator = () => {
 
   return (
     <>
-      <Flex direction='column' gap={4} className='site-wrapper'>
+      <Flex direction='column' gap={4}>
         <Box mx='auto' mb={20}>
-          <Heading as={'h2'} mb={10} className='brand-theme' size={'xl'} textTransform='uppercase'>
+          <Heading as={'h2'} mb={10} size={'xl'} textTransform='uppercase'>
             {t('calculator.title')}
           </Heading>
 

diff --git a/src/components/Faucet/FaucetView.tsx b/src/components/Faucet/FaucetView.tsx
@@ -17,7 +17,7 @@ export const FaucetView = ({ amount, waitHours }: FaucetViewProps) => {
       <Grid templateColumns={'repeat(1, 1fr)'} gap={2}>
         <GridItem display='flex' justifyContent='center' alignItems='center'>
           <Box>
-            <Heading as={'h2'} className='brand-theme' size={'xl'} textTransform='uppercase'>
+            <Heading as={'h2'} size={'xl'} textTransform='uppercase'>
               {t('faucet.title')}
             </Heading>
             <Text variant='p' mt={10} mb={10}>
@@ -28,7 +28,7 @@ export const FaucetView = ({ amount, waitHours }: FaucetViewProps) => {
         <GridItem display='flex' justifyContent='center' alignItems='center'>
           <Card minWidth={'100%'}>
             <CardBody display='flex' flexDir='column' gap={3}>
-              <Heading as={'h2'} className='brand-theme' size={'sm'} textTransform='uppercase'>
+              <Heading as={'h2'} size={'sm'} textTransform='uppercase'>
                 {t('faucet.request_tokens.title')}
               </Heading>
               <Box>
@@ -45,7 +45,7 @@ export const FaucetView = ({ amount, waitHours }: FaucetViewProps) => {
         <GridItem display='flex' justifyContent='center' alignItems='center' mt={10}>
           <Card minWidth={'100%'}>
             <CardBody display='flex' flexDir='column' gap={3}>
-              <Heading as={'h2'} className='brand-theme' size={'sm'} textTransform='uppercase'>
+              <Heading as={'h2'} size={'sm'} textTransform='uppercase'>
                 {t('faucet.general_information.title')}
               </Heading>
               <Text variant='p'>

diff --git a/src/components/Faucet/Stripe.tsx b/src/components/Faucet/Stripe.tsx
@@ -164,7 +164,7 @@ export const CheckoutReturn = ({ sessionId }: CheckoutReturnProps) => {
 
   if (aborted) {
     return (
-      <Box as='section' id='success' className='site-wrapper' mt={10} textAlign='center'>
+      <Box as='section' id='success' mt={10} textAlign='center'>
         <Text>
           <Trans
             i18nKey='claim.signature_aborted'
@@ -183,7 +183,7 @@ export const CheckoutReturn = ({ sessionId }: CheckoutReturnProps) => {
 
   if (!packageConsumed && !faucetPackage) {
     return (
-      <Box as='section' id='success' className='site-wrapper' textAlign='center' mt={10}>
+      <Box as='section' id='success' textAlign='center' mt={10}>
         <Spinner color='spinner' mb={5} />
         <Box w='fit-content' mx='auto'>
           <Trans
@@ -202,7 +202,7 @@ export const CheckoutReturn = ({ sessionId }: CheckoutReturnProps) => {
 
   if (packageConsumed) {
     return (
-      <Box as='section' id='success' className='site-wrapper' mt={10} textAlign='center'>
+      <Box as='section' id='success' mt={10} textAlign='center'>
         <Trans
           i18nKey='claim.purchase_success'
           components={{

diff --git a/src/components/Organization/Header.tsx b/src/components/Organization/Header.tsx
@@ -71,7 +71,6 @@ const OrganizationHeader = () => {
             }}
           >
             <OrganizationName
-              className='brand-theme'
               as='p'
               fontSize={32}
               lineHeight={1.5}

diff --git a/src/components/Organization/View.tsx b/src/components/Organization/View.tsx
@@ -74,7 +74,7 @@ const OrganizationView = () => {
   }, [page, error, finished, organization?.address])
 
   return (
-    <Box className='site-wrapper' mb={44} mx='auto'>
+    <Box mb={44} mx='auto'>
       <Header />
 
       <Text as='h2' fontSize='heading-sm' fontWeight='bold' mb={4} textAlign={{ base: 'center', md2: 'start' }}>

diff --git a/src/components/Process/CardDetailed.tsx b/src/components/Process/CardDetailed.tsx
@@ -16,7 +16,7 @@ interface Props {
 const ProcessCardDetailed = ({ election }: Props) => {
   return (
     <ElectionProvider election={election}>
-      <Card variant='detailed' className='md-sizes-card'>
+      <Card variant='detailed'>
         <CardBody>
           <Link to={`/processes/${enforceHexPrefix(election.id)}`}>
             <ProcessDetailedCardTitle />

diff --git a/src/components/ProcessCreate/CreationProgress.tsx b/src/components/ProcessCreate/CreationProgress.tsx
@@ -57,7 +57,7 @@ export const CreationProgress = ({ error, sending, step }: CreationProgressProps
           <ListItem key={key} display='flex' alignItems='center' gap={2}>
             {steps[key as keyof CreationStepsState] ? (
               <Flex justifyContent='center' alignItems='center' gap={2}>
-                <Flex className='creating-process-check' justifyContent='center' alignItems='center'>
+                <Flex justifyContent='center' alignItems='center'>
                   <Check />
                 </Flex>
                 <Text fontWeight='bold' color='primary.main'>

diff --git a/src/components/ProcessCreate/Steps/Checks.tsx b/src/components/ProcessCreate/Steps/Checks.tsx
@@ -46,14 +46,7 @@ const NeedsAccount = () => {
     <>
       <Wrapper>
         <Box>
-          <Heading
-            className='brand-theme'
-            fontSize='md'
-            my={5}
-            textTransform='uppercase'
-            color='process_create.title'
-            fontWeight='normal'
-          >
+          <Heading fontSize='md' my={5} textTransform='uppercase' color='process_create.title' fontWeight='normal'>
             {t('new_organization.title')}
           </Heading>
           <Box p={10} bgColor='process_create.section'>

diff --git a/src/components/ProcessCreate/Steps/Confirm.tsx b/src/components/ProcessCreate/Steps/Confirm.tsx
@@ -307,7 +307,7 @@ export const Confirm = () => {
         <ModalContent>
           <ModalHeader>
             <Text>{t('form.process_create.creating_process')}</Text>
-            <Box className='creating-process-img' />
+            <Box />
           </ModalHeader>
           {error && <ModalCloseButton />}
           <ModalBody>

diff --git a/src/elements/Faucet.tsx b/src/elements/Faucet.tsx
@@ -25,7 +25,7 @@ const Faucet = () => {
 
   return (
     <>
-      <Flex direction='column' gap={4} mt={10} mb={44} className='site-wrapper'>
+      <Flex direction='column' gap={4} mt={10} mb={44}>
         <FaucetView amount={faucetAmount} waitHours={waitHours} />
       </Flex>
     </>

diff --git a/src/theme/index.ts b/src/theme/index.ts
@@ -41,9 +41,6 @@ export const theme = extendTheme(vtheme, {
         '--box-shadow': '0 0 10px #e3e3e3',
         '--box-shadow-dark-mode': '0 0 10px #101010',
       },
-      '.brand-gradient': {
-        bgGradient: 'linear-gradient(to bottom, #B5F492, #338B93)',
-      },
       '.md-sizes': {
         '& :first-of-type': {
           mt: 0,