# @n3/css-base

> css variables for n3 interfaces

Latest version **1.17.10** (published 2025-05-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install @n3/css-base
pnpm add @n3/css-base
yarn add @n3/css-base
bun add @n3/css-base
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.17.10 |
| Published | 2025-05-19 |
| First published | 2020-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 664.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vadim Taits |
| Maintainers | v.voloshin, n3admin, vtaits, k.kulik, a_sannikov, alex.skachkov, avataka, d.lukyanov, a.kamaev, p.emelianov, i.korobyev |

## Links

- npm: https://www.npmjs.com/package/@n3/css-base
- Repository: git@gitlab.develop.netrika.ru:web/n3components
- npm.io page: https://npm.io/package/@n3/css-base

## Dependencies (5)

- [csstype](https://npm.io/package/csstype.md) ^3.1.2
- [@carbon/icons-react](https://npm.io/package/@carbon/icons-react.md) ^11.30.1
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.2.0
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^6.4.2
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^6.4.2

## Recent versions

- 1.17.10 (latest) — 2025-05-19
- 1.17.9 — 2025-02-26
- 1.17.8 — 2024-07-09
- 1.17.7 — 2024-07-09
- 1.17.6 — 2024-04-04
- 1.17.5 — 2024-03-27
- 1.17.4 — 2024-03-27
- 1.17.3 — 2024-03-18
- 1.17.2 — 2024-03-18
- 1.17.1 — 2024-02-20
- 1.17.0 — 2024-02-09
- 1.16.1 — 2023-12-22
- 1.16.0 — 2023-12-19
- 1.15.2 — 2023-12-19
- 1.15.1 — 2023-11-27
- … 20 more at https://npm.io/package/@n3/css-base/versions

## README

# @n3/css-base

Темы для приложений на базе `@n3/kit`.

## Интерфейс темы

```typescript
import type {
  ThemeType,
} from '@n3/css-base';
```

## Задание темы

❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗

При использовании `@n3/kit` это делается автоматически

❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗

```typescript
import {
  getTheme,
  listenThemeChange,
  setTheme,
} from '@n3/css-base';

// установать тему
setTheme(theme);

// получить текущую тему
const theme = getTheme();

// следить за изменениями темы
const unsubscribe = listenThemeChange(() => {
  const theme = getTheme();

  // применить изменения темы
});
```

## Встроенные темы

Стиль компонентов версий от `0.1.x` до `0.14.x`

```typescript
import { theme } from '@n3/css-base/themes/theme-1';
```

Стиль компонентов, начиная с версии `0.15.x`

```typescript
import { theme } from '@n3/css-base/themes/theme-2';
```

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