Skip to content

Instantly share code, notes, and snippets.

View orodrigogo's full-sized avatar
🚀
learning something new...

Rodrigo Gonçalves orodrigogo

🚀
learning something new...
View GitHub Profile
import React, { useState, useEffect } from 'react';
import { View, Text, TouchableOpacity, ScrollView, ActivityIndicator } from 'react-native';
import * as Network from 'expo-network';
import styles from './styles';
// COMPONENTES
import Header from '../../components/Header';
import Footer from '../../components/Footer';
import TaskCard from '../../components/TaskCard';
export const theme = {
colors: {
brand: '#8257E5',
background: '#09090A',
surface_primary: '#18181B',
surface_secondary: '#27272A',
text_primary: '#F4F4F5',
text_secondary: '#A1A1AA',
export default {
COLORS: {
BACKGROUND_900: "#232129",
BACKGROUND_800: "#312E38",
BACKGROUND_700: "#3E3B47",
WHITE: "#F4EDE8",
ORANGE: "#FF9000",
GRAY_100: "#999591",
:root {
--primary: #00B37E;
--background: #121214;
--text: #FFF;
--caption: #8D8D99;
--gray: #E1E1E6;
--background-light: rgba(255, 255, 255, 0.05);
}
* {
@orodrigogo
orodrigogo / theme.ts
Created August 9, 2022 17:14
theme-igniteteams
export default {
COLORS: {
WHITE: '#FFFFFF',
GREEN_700: '#00875F',
GREEN_500: '#00B37E',
RED: '#F75A68',
RED_DARK: '#AA2834',
@orodrigogo
orodrigogo / design_tokens_ignitegym.json
Created September 20, 2022 21:34
Design Tokens do App Ignite Gym
{
colors: {
green: {
700: '#00875F',
500: '#00B37E',
},
gray: {
700: '#121214',
600: '#202024',
500: '#29292E',
{
"extends": "expo/tsconfig.base",
"compilerOptions": {
"strict": true,
"baseUrl": "./",
"paths": {
"@dtos/*": [
"src/dtos/*"
],
"@assets/*": [
plugins: [
[
'module-resolver',
{
root: ['./src'],
alias: {
'@dtos': './src/dtos',
'@assets': './src/assets',
'@components': './src/components',
'@screens': './src/screens',
import { extendTheme } from 'native-base';
export const THEME = extendTheme({
colors: {
green: {
700: '#00875F',
500: '#00B37E',
},
gray: {
700: '#121214',
import { extendTheme } from 'native-base';
export const THEME = extendTheme({
colors: {
gray: {
950: '#09090A',
900: '#121214',
800: '#202024',
600: '#323238',
300: '#8D8D99',