https://github.com/evargast/spectrumwhitetheme

https://github.com/evargast/spectrumwhitetheme

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/evargast/spectrumwhitetheme
• Owner: evargast
• Created: 2020-08-05T04:23:23.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-22T14:39:06.000Z (about 4 years ago)
• Last Synced: 2024-02-26T03:20:36.699Z (10 months ago)
• Language: TypeScript
• Size: 187 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# THIS MODULE HAS BEEN MERGED INTO THE [REACT-SPECTRUM LIBRARY](https://www.npmjs.com/package/@react-spectrum/theme-light), PLEASE USE THAT INSTEAD.

# Spectrum White Theme

This theme is intended for [Adobe Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html), it leverages [Adobe's React Spectrum Lightest Theme](https://github.com/adobe/spectrum-css/blob/main/components/vars/css/themes/spectrum-lightest.css) guidelines to provide an accesibile color palette with white as the baseline.

## Getting started

The easiest way to start building a React Spectrum application is by following Adobe's [getting started guide](https://react-spectrum.adobe.com/react-spectrum/getting-started.html). It walks through all of the steps needed to install the components from npm, set up build tooling, and create your first application.

### Example

Here is an example of how to implement this theme.

```javascript

import { Provider } from '@adobe/react-spectrum';

import WhiteTheme from 'spectrum-white-theme';

function App() {

  return (

    

      Hello React Spectrum!

    

  );

}

```