@lskjs/theme NPM | npm.io

2.8.0 • Published 1 year ago

Install

Weekly downloads

174

License

MIT

Repository

Last release

1 year ago

LSK ux subrepo: @lskjs/theme

Цвета и шрифты можно глобально использовать с помощью пропсов
1 раз выбиранная палитра цветов и можно использовать её на всех подобных проектах, не надо придумывать каждый раз и подбирать дизайн
Eсли захочешь её заменить, все цвета с помощью переменных меняются в 1 файле

Чтобы подключить и использовать нашу тему из пакета @lskjs/theme во всем проекте:

Default

npm i @lskjs/theme
Прокинуть тему в начальную точку приложения ( Layout, App, Uapp )

export default class Uapp extends BaseUapp {
  theme = theme

или

<ThemeProvider theme={theme}>

</ThemeProvider>

Использование в Styled Components

import getTheme from '@lskjs/theme/getTheme';

getTheme(props.theme, 'colors.primary')

Custom

Если нужно переопределить стандартную тему, необходимо дополнительно:

Добавить в проект файл theme.js , в котором:

import theme from '@lskjs/theme';

export default {
  ...theme,
  colors: {
    ...theme.colors,

  },
};


export default {
  ...theme,
  colors: {
    ...theme.colors,
    primary: '#333333',
    secondary: '#f39c12',
    lightGrey: '#f1f1f1',
    greyText: '#b5b5b5',
    darkBackground: '#1a1a1a',
    ...
  },
  fonts: {
    ...theme.fonts,
    fontFamily: ... ,
    fontFamily2: ... ,
  }
  whiteSpace: 'pre-line',
};

@everything-registry/sub-chunk-561 @lskjs/button @lskjs/button2 @lskjs/article @lskjs/typo @lskjs/docs @lskjs/dash @lskjs/button3 @lskjs/notification @lskjs/page @zalastax/nolb-_ls

1 year ago

1 year ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago