Scribd Logo
Upload

Welcome to Scribd!

  • NLW

    Uploaded by

    Gabriel Oliveira
    14 views1 page
    The document provides code to customize the theme in a Native Base application. It extends the theme object to define a color palette using shades of gray, green, yellow and red. Font families and sizes are also configured for headings, body text, and medium weight. A size of 14 is defined as 56 pixels.

    Original Description:

    Original Title

    nlw

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides code to customize the theme in a Native Base application. It extends the theme object to define a color palette using shades of gray, green, yellow and red. Font families and sizes are also configured for headings, body text, and medium weight. A size of 14 is defined as 56 pixels.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views1 page

    NLW

    Uploaded by

    Gabriel Oliveira
    The document provides code to customize the theme in a Native Base application. It extends the theme object to define a color palette using shades of gray, green, yellow and red. Font families and sizes are also configured for headings, body text, and medium weight. A size of 14 is defined as 56 pixels.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    https://youtu.

    be/H_eLrbFMWJA
    https://youtu.be/ruNzOzYZsk4
    https://youtu.be/AOTMXd2sw-g
    https://youtu.be/tNQ_wWClubI

    import { extendTheme } from 'native-base';

    export const THEME = extendTheme({


    colors: {
    gray: {
    950: '#09090A',
    900: '#121214',
    800: '#202024',
    600: '#323238',
    300: '#8D8D99',
    200: '#C4C4CC',
    },
    green: {
    500: '#047C3F'
    },
    yellow: {
    500: '#F7DD43',
    600: '#BBA317',
    },
    red: {
    500: '#DB4437',
    },
    white: '#FFFFFF'
    },
    fonts: {
    heading: 'Roboto_700Bold',
    body: 'Roboto_400Regular',
    medium: 'Roboto_500Medium'
    },
    fontSizes: {
    xs: 12,
    sm: 14,
    md: 16,
    lg: 20,
    xl: 24,
    },
    sizes: {
    14: 56
    }
    });

    You might also like