@n3/css-base

@n3/css-base

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

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

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

Задание темы

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

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

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

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

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

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

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