commit
848f1eea9b
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,5 +1,12 @@ |
||||
import { Inter } from 'next/font/google'; |
||||
|
||||
import { Color } from '../styles/Color'; |
||||
|
||||
export const MAIN_FONT = Inter({ subsets: ['latin'] }); |
||||
export const APP_NAME = 'Injective Token Bridge'; |
||||
export const APP_DESCRIPTION = 'A token bridge for Injective powered by Hyperlane'; |
||||
export const APP_URL = 'https://inevmbridge.com'; |
||||
export const APP_BRAND_COLOR = '#0082FA'; |
||||
export const BRAND_COLOR = Color.primary; |
||||
export const BACKGROUND_COLOR = Color.primary; |
||||
export const BACKGROUND_IMAGE = 'url(/backgrounds/main.svg)'; |
||||
export const PROXY_DEPLOYED_URL = 'https://proxy.hyperlane.xyz'; |
||||
|
Before Width: | Height: | Size: 583 B |
Before Width: | Height: | Size: 290 B |
Before Width: | Height: | Size: 716 B |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 54 KiB |
@ -1,27 +1,14 @@ |
||||
// Should match tailwind.config.js
|
||||
export enum Color { |
||||
primaryBlack = '#010101', |
||||
primaryWhite = '#FFFFFF', |
||||
primaryGray = '#6B7280', |
||||
lightGray = '#D0D4DB', |
||||
primaryBlue = '#0082FA', |
||||
primaryPink = '#D631B9', |
||||
primaryBeige = '#F1EDE9', |
||||
primaryRed = '#BF1B15', |
||||
primaryMint = '#31D99C', |
||||
} |
||||
// @ts-ignore
|
||||
import { theme } from '../../tailwind.config'; |
||||
|
||||
// Useful for cases when using class names isn't convenient
|
||||
// such as in svg fills
|
||||
export function classNameToColor(className) { |
||||
switch (className) { |
||||
case 'bg-blue-500': |
||||
return Color.primaryBlue; |
||||
case 'bg-red-500': |
||||
return Color.primaryRed; |
||||
case 'bg-gray-500': |
||||
return Color.primaryGray; |
||||
default: |
||||
throw new Error('Missing color for className: ' + className); |
||||
} |
||||
} |
||||
const themeColors = theme.extend.colors as unknown as Record<string, string>; |
||||
|
||||
export const Color = { |
||||
black: themeColors.black, |
||||
white: themeColors.white, |
||||
gray: themeColors.gray[500], |
||||
lightGray: themeColors.gray[200], |
||||
primary: themeColors.primary[500], |
||||
accent: themeColors.accent[500], |
||||
red: themeColors.red[500], |
||||
} as const; |
||||
|
@ -1,39 +0,0 @@ |
||||
@font-face { |
||||
font-family: 'Neue Haas Grotesk'; |
||||
font-style: normal; |
||||
font-weight: 200; |
||||
src: url('/fonts/NeueHaasDisplayThin.woff2') format('woff2'), |
||||
url('/fonts/NeueHaasDisplayThin.woff') format('woff'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Neue Haas Grotesk'; |
||||
font-style: normal; |
||||
font-weight: 300; |
||||
src: url('/fonts/NeueHaasDisplayLight.woff2') format('woff2'), |
||||
url('/fonts/NeueHaasDisplayLight.woff') format('woff'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Neue Haas Grotesk'; |
||||
font-style: normal; |
||||
font-weight: 400; |
||||
src: url('/fonts/NeueHaasDisplayRoman.woff2') format('woff2'), |
||||
url('/fonts/NeueHaasDisplayRoman.woff') format('woff'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Neue Haas Grotesk'; |
||||
font-style: normal; |
||||
font-weight: 500; |
||||
src: url('/fonts/NeueHaasDisplayMedium.woff2') format('woff2'), |
||||
url('/fonts/NeueHaasDisplayMedium.woff') format('woff'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Neue Haas Grotesk'; |
||||
font-style: normal; |
||||
font-weight: 600; |
||||
src: url('/fonts/NeueHaasDisplayBold.woff2') format('woff2'), |
||||
url('/fonts/NeueHaasDisplayBold.woff') format('woff'); |
||||
} |
Loading…
Reference in new issue