Подготовка
Работа с Git Установка Vue CLI Client-server Примеры боевого кода
ECommerce
Работа с корзиной Работа с заказами
Пользователи
Работа с избранным Пользователи
Каталог
Работа с каталогом
Общее
Поиск Обратная связь Работа со стилями Классы для GTM
  • 1 Получить список переменных
arrow_back Работа со стилями

Получить список переменных

/api/site/v1/Platform/Common/Styles/SystemStyles/getCssVars

Метод получает стили для css переменных.


let params = {
};

this.request('Platform/Common/Styles/SystemStyles:getCssVars', params, res => {
})

 

Ответ:


{
  "status": "ok",
  "cssVars": {
    "ColorTheme": "#fba735",
    "ColorHoverAndActive": "#d39236",
    "AdditionalColor": "#000000",
    "TextFontSize": "15px",
    "TextLineHeight": "19px",
    "TextColor": "#000000",
    "TextFont": "PFDinDisplayPro-Regular",
    "TextBoldFont": "PFDinDisplayPro-Bold",
    "TextParagraphMargin": "17px",
    "LinksColor": "#fba735",
    "LinksTextDecorationUnderLine": "none",
    "CardsBorder": "1px solid #eee",
    "CardsBorderRadius": "10px",
    "CardsBoxShadow": "0px 8px 24px hsla(0,0%,79.1%,0.25),0px 16px 32px hsla(0,0%,79.1%,0.2)",
    "HeadingsColor": "#000000",
    "HeadingsFont": "PFDinDisplayPro-Bold",
    "HeadingsGeneralFontSizeH1": "36px",
    "HeadingsGeneralFontSizeH2": "30px",
    "HeadingsGeneralFontSizeH3": "28px",
    "HeadingsGeneralFontSizeH4": "24px",
    "HeadingsGeneralFontSizeH5": "20px",
    "UniFormsInputBorderRadius": "4px",
    "ButtonsTextColor": "#000000",
    "ButtonsBackgroundColor": "#eca746",
    "ButtonsFontSize": "14px",
    "ButtonsBorderRadius": "7px",
    "ButtonsMinWidth": "100px",
    "ButtonsSize": "10px",
    "ButtonsBoxShadow": "0px 8px 24px hsla(0,0%,37.1%,0.25),0px 16px 32px hsla(0,0%,37.1%,0.2)",
    "ImagesBoxShadow": "0px 8px 24px hsla(0,0%,61.1%,0.25),0px 16px 32px hsla(0,0%,61.1%,0.2)",
    "ImagesBorderRadius": "13px"
  }
}