Merge pull request #944 from polkadot-fellows/nik-alter-all-theme

Author: wirednkod

eslint.config.mjs

@@ -50,12 +50,7 @@ export default [
     },
     rules: {
       'react-hooks/rules-of-hooks': 'error',
-      'react-hooks/exhaustive-deps': [
-        'warn',
-        {
-          additionalHooks: '(useTheme)',
-        },
-      ],
+      'react-hooks/exhaustive-deps': 'warn',
       'react-refresh/only-export-components': [
         'warn',
         { allowConstantExport: true },

src/App.tsx

@@ -7,12 +7,10 @@ import { Toaster } from '@/components/ui/sonner'
 import '@/App.css'
 import '@/index.css'
 import { Content } from '@/Content'
-import { useState } from 'react'
+import { Footer } from '@/footer'
 import { AccountContextProvider } from './contexts/AccountContextProvider'
 
 const App = () => {
-  const [lightClientLoaded, setLightClientLoaded] = useState<boolean>(false)
-
   const [settings] = useLocalStorage('fellowship-settings', {
     themeMode: 'light',
   })
@@ -23,16 +21,11 @@ const App = () => {
         <AccountContextProvider>
           <TooltipProvider>
             <div className="bg-muted/40 flex min-h-screen w-full flex-col">
-              <Navigation
-                lightClientLoaded={lightClientLoaded}
-                setLightClientLoaded={setLightClientLoaded}
-              />
-              <div className="flex flex-col sm:gap-4 sm:py-4 sm:pl-56">
-                <Header
-                  lightClientLoaded={lightClientLoaded}
-                  setLightClientLoaded={setLightClientLoaded}
-                />
+              <Navigation />
+              <div className="mb-24 flex flex-col pb-24 sm:gap-4 sm:py-4 sm:pl-56">
+                <Header />
                 <Content />
+                <Footer />
               </div>
             </div>
           </TooltipProvider>

src/assets/img/newLogo-black.png

@@ -6,11 +6,12 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer',
   {
     variants: {
       variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        default:
+          'bg-secondary text-primary-foreground hover:text-secondary hover:bg-primary/90',
         destructive:
           'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline:

src/assets/img/newLogo-white.png

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import { useTheme } from 'next-themes'
 import { Toaster as Sonner } from 'sonner'
 

src/assets/img/newLogo.svg

@@ -31,7 +31,7 @@ type RankInfoType = {
   salary: number
 }
 const reusableH1 =
-  'font-unbounded text-primary flex-1 shrink-0 whitespace-nowrap text-xl font-semibold tracking-tight sm:grow-0'
+  'font-dm-serif text-primary flex-1 shrink-0 whitespace-nowrap text-xl font-semibold tracking-tight sm:grow-0'
 
 // Page constants
 const rankInfo: RankInfoType[] = [