Socket
Socket
Sign inDemoInstall

@operational/theme

Package Overview
Dependencies
Maintainers
1
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@operational/theme - npm Package Compare versions

Comparing version 0.1.0-10 to 0.1.0-11

2

package.json
{
"name": "@operational/theme",
"version": "0.1.0-10",
"version": "0.1.0-11",
"description": "Customization theme for the Operational UI packages.",

@@ -5,0 +5,0 @@ "main": "./lib/index.js",

# Operational UI Theme
The `@operational/theme` package is basically a structured plain JavaScript object that other `@operational` packages consume to customize their styling.
<!-- separator -->
The `@operational/theme` package defines a set of styling constants in the form of a plain JavaScript object that other `@operational` packages consume to customize their styling.
## Getting Started

@@ -9,3 +11,3 @@

`npm install @operational/theme @operational/components`
`npm install @operational/theme`

@@ -15,6 +17,4 @@ Inspect and customize the theme object:

```js
import { operationalTheme } from "@operational/theme"
import { operational } from "@operational/theme"
console.log(operationalTheme)
const ownTheme = {

@@ -24,2 +24,3 @@ ...operationalTheme,

...operationalTheme.colors,
// Redefine the success color to a basic green
success: "#0F0"

@@ -32,10 +33,12 @@ }

`npm install @operational/components`
```js
import React from "react"
import { Button, ThemeProvider } from "@operational/components"
import { OperationalUI, Button, ThemeProvider } from "@operational/components"
const App = () => {
<ThemeProvider theme={ownTheme}>
<OperationalUI theme={ownTheme}>
<Button color="success">So much success</Button>
</ThemeProvider>
</OperationalUI>
}

@@ -46,2 +49,4 @@ ```

<!-- separator -->
## Documentation

@@ -48,0 +53,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