# @newskit-themes/the-sun

> Use your favourite package manager to install @newskit-themes/the-sun

Latest version **5.0.0** (published 2024-05-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install @newskit-themes/the-sun
pnpm add @newskit-themes/the-sun
yarn add @newskit-themes/the-sun
bun add @newskit-themes/the-sun
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2024-05-23 |
| First published | 2023-04-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 376.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | newskit-themes-publisher |
| Maintainers | newskit |
| Keywords | themes, newsuk, designsystem, newskit |

## Links

- npm: https://www.npmjs.com/package/@newskit-themes/the-sun
- npm.io page: https://npm.io/package/@newskit-themes/the-sun

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 5.0.0 (latest) — 2024-05-23
- 0.0.0-25da82e29 (unstable) — 2023-07-27
- 4.0.0 — 2024-05-22
- 3.1.0 — 2024-05-13
- 3.0.1 — 2024-03-01
- 3.0.0 — 2023-08-29
- 0.0.0-4d179f699 — 2023-07-27
- 0.0.0-dab9363f3 — 2023-07-26
- 2.1.0 — 2023-06-29
- 0.0.0-d93aa8238 — 2023-06-28
- 0.0.0-b6982fa2a — 2023-06-28
- 0.0.0-ae7171ce6 — 2023-06-27
- 0.0.0-f07f7fd6f — 2023-06-27
- 2.0.0 — 2023-05-04
- 1.0.0 — 2023-05-03
- … 4 more at https://npm.io/package/@newskit-themes/the-sun/versions

## README

Package exporting Newskit compatible themes 🎨 for The Sun 

### 📦 Install

Use your favourite package manager to install @newskit-themes/the-sun

<pre>
npm install @newskit-themes/the-sun
</pre>

<pre>
yarn add @newskit-themes/the-sun
</pre>

### 🔖 Current themes available: 

<pre>
TheSun-dark-fabulous.json
TheSun-dark-football.json
TheSun-dark-health.json
TheSun-dark-lifestyle.json
TheSun-dark-money.json
TheSun-dark-motors.json
TheSun-dark-news.json
TheSun-dark-showbiz.json
TheSun-dark-sport.json
TheSun-dark-tech.json
TheSun-dark-travel.json
TheSun-dark-tv.json
TheSun-dark.json
TheSun-fonts.json
TheSun-light-fabulous.json
TheSun-light-football.json
TheSun-light-health.json
TheSun-light-lifestyle.json
TheSun-light-main.json
TheSun-light-money.json
TheSun-light-motors.json
TheSun-light-news.json
TheSun-light-showbiz.json
TheSun-light-sport.json
TheSun-light-tech.json
TheSun-light-travel.json
TheSun-light-tv.json
TheSun-light.json
TheSun-sizing.json
thesun-dark-fabulous.css
thesun-dark-football.css
thesun-dark-health.css
thesun-dark-lifestyle.css
thesun-dark-money.css
thesun-dark-motors.css
thesun-dark-news.css
thesun-dark-showbiz.css
thesun-dark-sport.css
thesun-dark-tech.css
thesun-dark-travel.css
thesun-dark-tv.css
thesun-dark.css
thesun-fonts.css
thesun-light-fabulous.css
thesun-light-football.css
thesun-light-health.css
thesun-light-lifestyle.css
thesun-light-main.css
thesun-light-money.css
thesun-light-motors.css
thesun-light-news.css
thesun-light-showbiz.css
thesun-light-sport.css
thesun-light-tech.css
thesun-light-travel.css
thesun-light-tv.css
thesun-light.css
thesun-sizing.css
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TheSunDarkFabulous from '@newskit-themes/the-sun/TheSun-dark-fabulous.json'

  // compiling and merging it with a base theme
  export const theSunTheme = createTheme({
    name: 'the-sun-theme',
    baseTheme: newskitLightTheme,
    overrides: TheSunDarkFabulous,
  });

  ...
  
  < ThemeProvider theme={theSunTheme}>
    < Container>{children}< /Container>
  < /ThemeProvider>

  // To import themes in CSS variables format to CSS files (Currently only the sun & talktv are supported)

  @import '@newskit-themes/the-sun/thesun-light.css'
  @import '@newskit-themes/talktv/talktv-light.css';

</pre>

---
_Source: https://npm.io/package/@newskit-themes/the-sun · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._