Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

arc-theme

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

arc-theme - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

2

package.json
{
"name": "arc-theme",
"version": "0.1.0",
"version": "0.1.1",
"description": "ARc theming utilities and resources",

@@ -5,0 +5,0 @@ "license": "MIT",

@@ -24,11 +24,11 @@ # arc-theme [![Build Status](https://travis-ci.org/diegohaz/arc-theme.svg?branch=master)](https://travis-ci.org/diegohaz/arc-theme) [![Coverage Status](https://coveralls.io/repos/github/diegohaz/arc-theme/badge.svg?branch=master)](https://coveralls.io/github/diegohaz/arc-theme?branch=master)

get('colors') // outputs { primary: [...], secondary: [...] }
get('colors.primary') // outputs ['#1976d2', '#2196f3', '#71bcf7', '#c2e2fb']
get('reverseColors.primary') // outputs ['#c2e2fb', '#71bcf7', '#2196f3', '#1976d2']
get('colors.primary[0]') // outputs '#1976d2'
get('fonts') // outputs { primary: '...', quote: '...' }
get('fonts.primary') // outputs 'Helvetica Neue, Helvetica, Roboto, sans-serif'
get('colors') // { primary: [...], secondary: [...] }
get('colors.primary') // ['#1976d2', '#2196f3', '#71bcf7', '#c2e2fb']
get('reverseColors.primary') // ['#c2e2fb', '#71bcf7', '#2196f3', '#1976d2']
get('colors.primary[0]') // '#1976d2'
get('fonts') // { primary: '...', quote: '...' }
get('fonts.primary') // 'Helvetica Neue, Helvetica, Roboto, sans-serif'
getColor('primary') // outputs theme.colors.primary
getColor('primary[0]', true) // outputs theme.reverseColors.primary[0]
getColor('primary') // theme.colors.primary
getColor('primary[0]', true) // theme.reverseColors.primary[0]
```

@@ -49,9 +49,9 @@

get('colors', myTheme) // outputs { grayscale: [...] }
get('colors.primary', myTheme) // outputs arc-theme primary color
get('fonts.primary', myTheme) // outputs arc-theme primary font
get('colors', myTheme) // { grayscale: [...] }
get('colors.primary', myTheme) // arc-theme primary color
get('fonts.primary', myTheme) // arc-theme primary font
getColor('grayscale', false, myTheme) // outputs myTheme.colors.grayscale
getColor('grayscale[0]', true, myTheme) // outputs myTheme.reverseColors.grayscale[0]
getColor('primary[0]', true, myTheme) // outputs theme.reverseColors.primary[0]
getColor('grayscale', false, myTheme) // myTheme.colors.grayscale
getColor('grayscale[0]', true, myTheme) // myTheme.reverseColors.grayscale[0]
getColor('primary[0]', true, myTheme) // theme.reverseColors.primary[0]
```

@@ -58,0 +58,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc