# Theme
Настройка темы приложения
# Example
Размеры:
main
main-notbigget-size
main-largest-size
main-larger-size
main-large-size
main-bigger-size
main-size
main-small-text
main-smallest-text
main-horizontal-padding
По умолчанию наследуется от main-size
main-input-label-size
main-input-radius
main-input-border-width
main-input-label-offset-left
main-padding
main-big-padding
main-input-label-offset-bottom
main-input-horizontal-padding
main-input-vertical-padding
По умолчанию наследуется от main-padding
main-text-size
По умолчанию наследуется от main-size
checkbox
radio-size
По умолчанию наследуется от checkbox-size
radio-size-small
radio-border-radius
radio-font-size
По умолчанию наследуется от main-small-text
radio-label-offset-left
По умолчанию наследуется от checkbox-label-offset-left
radio
checkbox-size
checkbox-border-radius
checkbox-label-offset-left
checkbox-icon-width
checkbox-icon-height
select
select-label-size
По умолчанию наследуется от main-small-text
select-border-radius
По умолчанию наследуется от main-input-radius
select-border-width
По умолчанию наследуется от main-input-border-width
select-drop-max-width
select-text-weight
select-opened-text-opacity
switchDimensions
switch-width-size
switch-width-size-sm
switch-pointer-size
switch-pointer-size-sm
switch-pointer-border-radius
switch-border-radius
switch-padding
textBase
text-base-size
По умолчанию наследуется от main-text-size
textInput
text-input-label-size
По умолчанию наследуется от main-input-label-size
text-input-border-width
По умолчанию наследуется от main-input-border-width
text-input-border-radius
По умолчанию наследуется от main-input-radius
text-input-text-size
По умолчанию наследуется от main-size
text-input-horizontal-padding
По умолчанию наследуется от main-input-horizontal-padding
text-input-vertical-padding
По умолчанию наследуется от main-input-vertical-padding
textArea
text-area-label-size
По умолчанию наследуется от main-input-label-size
text-area-border-width
По умолчанию наследуется от main-input-border-width
text-area-border-radius
По умолчанию наследуется от main-input-radius
text-area-text-size
По умолчанию наследуется от main-size
text-area-horizontal-padding
По умолчанию наследуется от main-input-horizontal-padding
text-area-vertical-padding
По умолчанию наследуется от main-input-vertical-padding
player
player-aspect-ration
player-btn-size
player-btn-radius
player-btn-font-size
section-player-offer-bottom
section-player-offer-left
section-player-max-width
actionIcon
action-icon-width
action-icon-min-width-middle
action-icon-min-width-large
action-icon-button-size
action-icon-button-radius
buttons
button-font-size
По умолчанию наследуется от main-size
button-padding-horizontal
button-padding-vertical
button-border-radius
По умолчанию наследуется от main-input-radius
button-border-width
По умолчанию наследуется от main-input-border-width
buttonSmall
button-small-font-size
По умолчанию наследуется от main-smallest-text
button-small-padding-horizontal
button-small-padding-vertical
button-small-border-radius
По умолчанию наследуется от main-input-radius
button-small-border-width
По умолчанию наследуется от main-input-border-width
button-small-gap
cardProduct
card-product-text-padding
По умолчанию наследуется от main-padding
card-product-border-radius
card-product-not-availabel-border-radius
card-product-stock-font-size
По умолчанию наследуется от main-small-text
card-product-stock-border-radius
card-product-stock-top-offset
card-product-stock-horizontal-padding
card-product-stock-vertical-padding
card-product-information-top-padding
card-product-information-vertical-padding
card-product-category-font-size
По умолчанию наследуется от main-input-label-size
card-product-category-bottom-offset
card-product-title-font-size
По умолчанию наследуется от main-size
card-product-title-bottom-offset
card-product-description-font-size
По умолчанию наследуется от main-smallest-text
card-product-description-bottom-offset
card-product-price-font-size
По умолчанию наследуется от main-large-size
card-product-price-bottom-offset
card-product-currency-font-size
По умолчанию наследуется от main-smallest-text
card-product-currency-bottom-offset
card-product-footer-top-offset
По умолчанию наследуется от main-padding
card-product-text-font-size
По умолчанию наследуется от main-large-size
card-product-text-rotate
card-product-text-border-width
container
container-base-width
container-base-padding
faqRow
faq-row-title-size
По умолчанию наследуется от main-large-size
faq-row-description-size
По умолчанию наследуется от main-size
faq-row-border-width
faq-row-description-padding-right
faq-row-description-padding-bottom
faq-row-description-padding-left
faq-row-description-offset-top
faq-radio-padding-vertical
faq-radio-padding-horizontal
faq-icon-width
faq-icon-height
headline
headline-size
По умолчанию наследуется от main-bigger-size
headline-size-middle
По умолчанию наследуется от main-large-size
headline-size-big
По умолчанию наследуется от main-larger-size
headline-size-large
По умолчанию наследуется от main-largest-size
headline-size-unreal
По умолчанию наследуется от main-notbigget-size
headline-size-line-height
headline-padding-vertical
headline-padding-horizontal
headline-margin-vertical
headline-margin-horizontal
link
link-size
По умолчанию наследуется от main-text-size
modals
modal-max-width-desktop
modal-large-max-width
modal-base-gap
modal-padding-top
modal-padding-horizon
modal-border-radius
modal-text-size
По умолчанию наследуется от main-text-size
modal-title-size
По умолчанию наследуется от main-larger-size
modal-padding-bottom
По умолчанию наследуется от modal-padding-horizon
modal-footer-margin-top
По умолчанию наследуется от modal-base-gap
modal-icon-padding-bottom
По умолчанию наследуется от modal-base-gap
modal-close-gap
По умолчанию наследуется от main-big-padding
modal-close-size
navDropList
nav-drop-list-max-width
nav-drop-list-border-radius
По умолчанию наследуется от main-input-radius
nav-drop-list-max-height
nav-drop-list-font-size
По умолчанию наследуется от main-text-size
nav-drop-list-border-width
По умолчанию наследуется от main-input-border-width
nav-drop-list-title-font-size
По умолчанию наследуется от main-small-text
nav-drop-list-title-right-offset
nav-drop-list-title-icon-size
nav-drop-list-title-icon-right-offset
nav-drop-list-icon-size
nav-drop-list-icon-right-offset
nav-drop-list-item-link-vertical-padding
nav-drop-list-item-link-horizontal-padding
overMini
zeen-over-width
zeen-over-mini-width
zeen-over-button-size
По умолчанию наследуется от zeen-over-icon-size
zeen-over-button-rigth
zeen-over-button-left
zeen-over-icon-size
zeen-over-icon-border-radius
zeen-over-icon-bottom
zeen-over-icon-left
picture
picture-border-radius
По умолчанию наследуется от main-input-radius
picture-max-width
picture-max-height
progressBar
progress-bar-border-radius
По умолчанию наследуется от main-input-radius
progress-bar-height
progress-bar-percent-border-radius
progress-bar-text-offset
progress-bar-persent-font-size
По умолчанию наследуется от main-larger-size
scrollBar
scroll-bar-radius
По умолчанию наследуется от main-input-radius
scroll-bar-background-radius
По умолчанию наследуется от main-input-radius
scroll-bar-size-scroll
zeenSidebar
zeen-sidebar-width
zeen-sidebar-padding-top
zeen-sidebar-padding-bottom
zeen-sidebar-padding-left
zeen-sidebar-padding-right
zeen-sidebar-filter-blur
smallBadge
small-badge-radius
small-badge-padding-horizontal
small-badge-padding-vertical
small-badge-size
По умолчанию наследуется от main-smallest-text
speakerCard
speaker-card-border-radius
zeen-speaker-card-border-size
zeen-speaker-card-header-padding
zeen-speaker-card-fill-header-padding
zeen-speaker-card-icon-top
zeen-speaker-card-icon-right
zeen-speaker-card-fill-icon-top
zeen-speaker-card-fill-icon-right
zeen-speaker-card-icon-size
zeen-speaker-card-body-padding
zeen-speaker-card-body-padding-top
zeen-speaker-card-fill-body-padding-top
zeen-speaker-card-company-padding-horizontal
zeen-speaker-card-company-padding-vartical
zeen-speaker-card-company-margin-bottom
zeen-speaker-card-position-margin-top
zeen-speaker-card-about-margin-top
zeen-speaker-card-name-size
По умолчанию наследуется от main-bigger-size
zeen-speaker-card-name-font-weight
zeen-speaker-card-name-line-height
zeen-speaker-card-position-size
По умолчанию наследуется от main-small-text
zeen-speaker-card-position-font-weight
zeen-speaker-card-position-line-height
zeen-speaker-card-company-size
По умолчанию наследуется от main-small-text
zeen-speaker-card-company-font-weight
zeen-speaker-card-company-line-height
zeen-speaker-card-company-border-radius
zeen-speaker-card-about-size
По умолчанию наследуется от main-small-text
zeen-speaker-card-about-font-weight
zeen-speaker-card-about-line-height
zeen-speaker-card-overlay-height
zeen-speaker-card-overlay-top
speakerItem
speaker-item-name-size
По умолчанию наследуется от main-text-size
speaker-item-image-size
streamProgramItem
stream-program-item-padding
stream-program-item-border-radius
По умолчанию наследуется от main-input-radius
stream-program-item-title-font-size
По умолчанию наследуется от main-bigger-size
stream-program-item-title-mobile-font-size
По умолчанию наследуется от main-larger-size
stream-program-item-title-mobile-font-weight
stream-program-modal-speaker-margin-top
streamTable
stream-table-arrow-width
stream-table-dot-width
switchChose
switch-chose-radius
По умолчанию наследуется от main-input-radius
switch-chose-padding-horizontal
switch-chose-padding-vertical
switch-chose-size
switch-chose-margin-horizontal
zeenTab
zeen-tab-full-size
zeen-tab-height
zeen-tab-border-width
zeen-tab-fontsize
По умолчанию наследуется от main-smallest-text
zeen-tab-border-bottom-size
zeen-tab-container-basis
zeenCard
zeen-card-border-radius
zeen-card-border
zeen-card-padding-vertical
zeen-card-padding-horizontal
zeen-card-button-icon-margin-left
zeen-card-transition
zeen-card-title-margin-bottom
zeen-card-title-line-height
zeen-card-type-margin-top
zeen-card-type-icon-margin-right
zeen-card-icon-size
zeen-card-icon-margin-bottom
По умолчанию наследуется от zeen-card-part-margin-bottom
zeen-card-part-margin-bottom
zeen-card-tags-margin-bottom
zeen-card-progress-padding-vertical
zeen-card-progress-padding-horizontal
zeen-card-progress-radius
zeen-card-progress-font-weight
zeen-card-progress-line-height
zeen-card-picture-margin-bottom
zeen-card-information-margin-bottom
zeen-card-icon-border-radius
zeen-card-type-font-size
zeen-card-type-line-height
timeLabel
time-label-size
По умолчанию наследуется от main-small-text
time-label-border-radius
time-label-dot-size
time-label-dot-border-radius
time-label-font-weight
zeenVoting
zeen-voting-main-fontsize
По умолчанию наследуется от main-text-size
zeen-voting-grid-gap
zeen-voting-results-grid-gap
ZeenBurger
zeen-burger-width
zeen-burger-height
ZeenScheduleCard
zeen-schedule-card-min-width
zeen-schedule-card-padding-vertical
zeen-schedule-card-padding-horizontal
zeen-schedule-card-border-radius
zeen-schedule-card-title-size
По умолчанию наследуется от main-small-text
zeen-schedule-card-title-line-height
zeen-schedule-card-title-font-weight
zeen-schedule-card-subtitle-size
По умолчанию наследуется от main-smallest-text
zeen-schedule-card-subtitle-line-height
zeen-schedule-card-subtitle-font-weight
zeen-schedule-card-subtitle-margin-top
zeen-schedule-card-live-padding-vertical
zeen-schedule-card-live-padding-horizontal
zeen-schedule-card-live-margin-right
zeen-schedule-card-live-border-radius
zeen-schedule-card-live-img-size
По умолчанию наследуется от action-icon-min-width-middle
zeen-schedule-card-live-text
По умолчанию наследуется от main-smallest-text
zeen-schedule-card-live-text-line-height
zeen-schedule-card-live-text-font-weight
zeen-schedule-card-live-text-margin-left
zeen-schedule-card-time-text
zeen-schedule-card-time-text-line-height
zeen-schedule-card-time-text-font-weight
zeen-schedule-card-button-size
zeen-schedule-card-footer-margin-top
ZeenSpeechModal
zeen-speech-modal-padding-top
zeen-speech-modal-padding-horizon
zeen-speech-modal-padding-bottom
zeen-speech-modal-margin-vertical
zeen-speech-modal-title-size
По умолчанию наследуется от main-large-size
zeen-speech-modal-title-weight
zeen-speech-modal-title-line-height
zeen-speech-modal-info-margin-top
zeen-speech-modal-time-size
По умолчанию наследуется от main-size
zeen-speech-modal-time-weight
zeen-speech-modal-time-line-height
zeen-speech-modal-dot-margin-horizon
zeen-speech-modal-dot-size
zeen-speech-modal-dot-radius
zeen-speech-modal-action-margin-top
zeen-speech-modal-speakers-margin-top
zeen-speech-modal-speakers-margin-bottom
zeen-speech-modal-speakers-item-padding
ZeenScheduleModal
zeen-schedule-modal-padding-top
zeen-schedule-modal-padding-horizon
zeen-schedule-modal-padding-bottom
zeen-schedule-modal-description-margin-vertical
zeen-schedule-modal-title-size
zeen-schedule-modal-title-line-height
zeen-schedule-modal-title-font-weight
zeen-schedule-modal-more-size
zeen-schedule-modal-more-line-height
zeen-schedule-modal-more-font-weight
zeen-schedule-modal-more-margin-top
zeen-schedule-modal-item-padding
zeen-schedule-modal-item-border-size
zeen-schedule-modal-hall-size
zeen-schedule-modal-hall-line-height
zeen-schedule-modal-hall-font-weight
zeen-schedule-modal-hall-margin-bottom
zeen-schedule-modal-hall-max-width
zeen-schedule-modal-time-size
zeen-schedule-modal-time-line-height
zeen-schedule-modal-time-font-weight
zeen-schedule-modal-speach-title-size
zeen-schedule-modal-speach-title-line-height
zeen-schedule-modal-speach-title-font-weight
zeen-schedule-modal-btn-margin-top
ZeenScheduleSpeakers
zeen-schedule-speakers-top-margin-bottom
zeen-schedule-speakers-title-size
По умолчанию наследуется от main-bigger-size
zeen-schedule-speakers-title-font-weight
zeen-schedule-speakers-title-line-height
zeen-schedule-speakers-arrow-margin-right
zeen-schedule-speakers-speaker-item-margin-bottom
ZeenSpeakerSection
zeen-speaker-section-top-margin-bottom
zeen-speaker-section-padding-bottom-swiper
zeen-speaker-section-position-pagination
zeen-speaker-section-size-bullet
zeen-speaker-section-gap-bullet
zeen-speaker-section-action-margin-bottom
zeen-speaker-section-action-bottom-margin-top
zeen-speaker-section-action-gap
zeen-speaker-section-action-btn-size
zeen-speaker-section-action-btn-border-radius
zeen-speaker-section-headline-speaker-card
zeen-speaker-section-headline-size
ZeenSchedule
zeen-schedule-header-margin-bottom
zeen-schedule-container-max-width
zeen-schedule-arrows-width
zeen-schedule-col-padding-bottom
zeen-schedule-time-text-size
По умолчанию наследуется от main-large-size
zeen-schedule-time-line-height
zeen-schedule-time-font-weight
zeen-schedule-time-width
zeen-schedule-hall-border-radius
zeen-schedule-col-line-size
zeen-schedule-row-height
zeen-schedule-hall-text-size
По умолчанию наследуется от main-small-text
zeen-schedule-hall-line-height
zeen-schedule-hall-font-weight
zeen-schedule-hall-padding-vertical
zeen-schedule-hall-padding-horizontal
zeen-schedule-hall-arrow-size
zeen-schedule-hall-arrow-margin-left
zeen-schedule-online-img-size
zeen-schedule-card-height
faqSupport
faq-support-margin-top
faq-support-margin-bottom
faq-support-left-max-width
faq-support-left-height
faq-support-left-border-radius
faq-support-left-margin-right
faq-support-title-font-weight
faq-support-title-font-size
По умолчанию наследуется от main-larger-size
faq-support-title-line-height
faq-support-title-margin-bottom
faq-support-title-margin-top
faq-support-subtitle-font-size
По умолчанию наследуется от main-large-size
faq-support-subtitle-line-height
faq-support-subtitle-font-weight
ZeenSlideToggle
zeen-slide-toggle-size
По умолчанию наследуется от main-size
ZeenSocailLinkIconDimensions
zeen-social-link-icon-width-height-size
zeen-social-link-icon-size
По умолчанию наследуется от main-size
zeen-social-link-icon-border-radius
zeen-social-link-icon-border-width
ZeenSpeakerSectionLayoutTableDimensions
zeen-speaker-section-layout-table-gap-y
zeen-speaker-section-layout-table-gap-x
zeen-speaker-section-layout-table-repeat
zeen-speaker-section-layout-table-card-height
zeen-speaker-section-layout-table-main-headline-margin-bottom
ZeenTimeRange
zeen-time-range-size
По умолчанию наследуется от main-size
ZeenScheduleItem
zeen-schedule-item-size
По умолчанию наследуется от main-size
zeen-schedule-item-button-icon-size
zeen-schedule-item-button-icon-margin-left
zeen-schedule-item-content-border-radius
zeen-schedule-item-content-header-headline_size_lg
zeen-schedule-item-content-header-headline_size_md
zeen-schedule-item-content-header-headline_size_sm
zeen-schedule-item-content-header-headline-line-height_size_lg
zeen-schedule-item-content-header-headline-line-height_size_md
zeen-schedule-item-content-header-headline-line-height_size_sm
zeen-schedule-item-speaker-name_size_lg
zeen-schedule-item-speaker-name-line-height_size_lg
zeen-schedule-item-speaker-name_size_md
zeen-schedule-item-speaker-name-line-height_size_md
zeen-schedule-item-speaker-company_size_lg
zeen-schedule-item-speaker-company-line-height_size_lg
zeen-schedule-item-speaker-company_size_sm
zeen-schedule-item-speaker-company-line-height_size_sm
zeen-schedule-item-icon-live-position-right_size_lg
zeen-schedule-item-icon-live-position-bottom_size_lg
zeen-schedule-item-icon-live-position-right_size_sm
zeen-schedule-item-icon-live-position-bottom_size_sm
zeen-schedule-item-icon-live-position-top_size_sm
zeen-schedule-item-list-speaker-padding-top_size_xl
zeen-schedule-item-list-speaker-padding-right_size_xl
zeen-schedule-item-list-speaker-padding-bottom_size_xl
zeen-schedule-item-list-speaker-padding-left_size_xl
zeen-schedule-item-list-speaker-padding-top_size_lg
zeen-schedule-item-list-speaker-padding-right_size_lg
zeen-schedule-item-list-speaker-padding-bottom_size_lg
zeen-schedule-item-list-speaker-padding-left_size_lg
zeen-schedule-item-list-speaker-padding-top_size_md
zeen-schedule-item-list-speaker-padding-right_size_md
zeen-schedule-item-list-speaker-padding-bottom_size_md
zeen-schedule-item-list-speaker-padding-left_size_md
zeen-schedule-item-list-speaker-padding-top_size_sm
zeen-schedule-item-list-speaker-padding-right_size_sm
zeen-schedule-item-list-speaker-padding-bottom_size_sm
zeen-schedule-item-list-speaker-padding-left_size_sm
zeenQuiz
zeen-quiz-font-size
zeen-quiz-line-height
zeen-quiz-font-weight
zeen-quiz-title-margin-bottom
zeen-quiz-picture-margin-top
zeen-quiz-picture-margin-bottom
zeen-quiz-hr-margin
zeen-quiz-description-answers-font-size
zeen-quiz-description-answers-line-height
zeen-quiz-description-number-font-size
zeen-quiz-description-number-font-weight
zeen-quiz-description-number-line-height
zeen-quiz-description-margin-top
zeen-quiz-subtitle-font-weight
zeen-quiz-subtitle-font-size
zeen-quiz-subtitle-line-height
zeen-quiz-question-font-size
zeen-quiz-question-font-weight
zeen-quiz-question-line-height
zeen-quiz-question-margin-top
zeen-quiz-question-margin-bottom
zeen-quiz-number-font-size
zeen-quiz-number-font-weight
zeen-quiz-subtitle-padding-top
quiz-arrows-phone-margin-top
quiz-actions-margin-bottom
quiz-swiper-padding-top
quiz-item-width
quiz-item-padding
quiz-item-margin
quiz-arrows-icon-size
quiz-swiper-button-padding
cardListDimensions
card-list-per-view
card-list-item-width
card-list-items-gap
card-list-padding-vertical
ZeenAvatar
zeen-avatar-size
По умолчанию наследуется от main-size
ZeenIntro
intro-padding-top
intro-padding-bottom
ZeenSliderSection
zeen-slider-section-size
По умолчанию наследуется от main-size
ZeenOffer
zeen-offer-border-radius
zeen-offer-padding-horizontal
zeen-offer-padding-vertical
zeen-offer-close-icon-size
zeen-offer-picture-size
zeen-offer-picture-margin-right
zeen-offer-title-font-size
По умолчанию наследуется от main-size
zeen-offer-title-line-height
zeen-offer-title-font-weight
zeen-offer-description-font-size
По умолчанию наследуется от main-size
zeen-offer-description-line-height
zeen-offer-description-margin-top
zeen-offer-description-font-weight
zeen-offer-link-font-size
По умолчанию наследуется от main-small-text
zeen-offer-link-line-height
zeen-offer-link-font-weight
--zeen-offer-btn-margin-top
ZeenPlayerBlock
zeen-player-block-title-margin-bottom
zeen-player-block-title-margin-top
zeen-player-block-row-gap
zeen-player-padding-block-top
zeen-player-padding-block-bottom
zeen-player-padding-title-size
zeen-player-padding-title-line-height
zeen-player-padding-aside-witdh
ZeenBlockCreateTable
zeen-block-create-table
По умолчанию наследуется от main-size
zeen-block-create-table-title-weight
zeen-block-create-table-title-size
zeen-block-create-table-title-line-height
zeen-block-create-table-description-size
zeen-block-create-table-description-weight
zeen-block-create-table-description-line-height
zeen-block-create-table-padding-top
zeen-block-create-table-padding-bottom
zeen-block-create-table-list-items-margin-top
zeen-block-create-table-list-items-margin-bottom
zeen-block-create-table-item-margin-bottom
zeen-block-create-table-modal-max-width
zeen-block-create-table-modal-field_width_xl
zeen-block-create-table-modal-field_width_sm
zeen-block-create-table-modal-content-padding-top_size_xl
zeen-block-create-table-modal-content-padding-y_size_sm
zeen-block-create-table-modal-footer-margin-top_size_xl
zeen-block-create-table-modal-field-margin-bottom_size_xl
zeen-block-create-table-modal-title-margin-bottom_size_xl
zeen-block-create-table-modal-title_size_xl
zeen-block-create-table-modal-title-line-height_size_xl
zeen-block-create-table-modal-title-size
zeen-block-create-table-modal-title-line-height
zeen-block-create-table-header-width
zeen-block-create-table-bg-width
zeen-block-create-table-header-title-gap
ZeenBlockFilter
zeen-block-filter-padding-top
zeen-block-filter-padding-bottom
zeen-block-filter-header-padding-bottom
zeen-block-filter-body-padding-top
zeen-block-filter-body-padding-bottom
zeen-block-filter-gap
zeen-block-filter-row-margin-bottom
zeen-block-filter-row-margin-bottom-lg
zeen-block-filter-row-margin-bottom-sm
zeen-block-filter-title-size
zeen-block-filter-title-line-height
zeen-block-filter-text-input-padding-y
ZeenSpeakerModal
zeen-speaker-modal-lg-gap
zeen-speaker-modal-sm-gap
ZeenListTableItem
zeen-list-table-item-border-radius
zeen-list-table-item-padding
zeen-list-table-item-header-margin-bottom
zeen-list-table-item-header-title-weight
zeen-list-table-item-header-title-size
zeen-list-table-item-header-title-line-height
zeen-list-table-item-header-index-weight
zeen-list-table-item-header-index-size
zeen-list-table-item-viewers-weight
zeen-list-table-item-viewers-size
zeen-list-table-item-viewers-line-height
zeen-list-table-item-viewers-count-margin-left
zeen-list-table-item-speakers-gap-vertical
zeen-list-table-item-speakers-gap-horizontal
zeen-list-table-item-speaker-width
zeen-list-table-item-speaker-avatar-size
zeen-list-table-item-speaker-avatar-margin-right
zeen-list-table-item-speaker-avatar-border-width
zeen-list-table-item-speaker-avatar-border-radius
zeen-list-table-item-speaker-name-size
zeen-list-table-item-speaker-name-weight
zeen-list-table-item-speaker-name-line-height
zeen-list-table-item-speaker-name-max-width
zeen-list-table-item-button-phone-width
ZeenPhoneInput
phone-input-flag-size
phone-input-drop-radius
phone-input-drop-padding-vertical
phone-input-drop-padding-horizontal
phone-input-drop-border-size
phone-input-flag-margin
phone-input-drop-text-size
По умолчанию наследуется от main-size
phone-input-drop-padding-vertical-first
phone-input-drop-padding-vertical-last
По умолчанию наследуется от phone-input-drop-padding-vertical-first
phone-input-drop-text-code-size
По умолчанию наследуется от main-smallest-text
ZeenPreviewQuestions
zeen-preview-questions-line-between-width
По умолчанию наследуется от main-input-border-width
ZeenPreviewQuestionsForm
zeen-preview-questions-form-speaker-list-max-width
ZeenPreviewQuestionsList
zeen-preview-questions-list-border-radius
По умолчанию наследуется от modal-border-radius
zeen-preview-questions-list-height
zeen-preview-questions-list-select-width
ZeenPreviewQuestionsItem
zeen-preview-question-item-padding-vertical
zeen-preview-question-item-padding-horizontal
ZeenSurvey
zeen-survey-rate-size
zeen-survey-rate-gap
ZeenLeaderboardItem
zeen-leaderboard-item-size
По умолчанию наследуется от main-size
ZeenTooltip
zeen-tooltip-size
По умолчанию наследуется от main-size
zeen-tooltip-padding-vertical
zeen-tooltip-padding-horizontal
zeen-tooltip-padding-radius
zeen-tooltip-font-weight
zeen-tooltip-font-size
zeen-tooltip-font-line-height
zeen-tooltip-part-bottom
zeen-tooltip-part-left
ZeenTags
zeen-tag-font-size
По умолчанию наследуется от main-small-text
zeen-tag-padding-vertical
zeen-tag-padding-horizonral
zeen-tag-radius
zeen-tag-font-weigh
zeen-tag-line-height
zeen-tags-item-padding
zeen-tags-item-margin
ZeenTestCardVert
zeen-test-card-vert-size
По умолчанию наследуется от main-size
zeen-test-icon-size
zeen-test-icon-margin-right
zeen-test-padding-vertical
По умолчанию наследуется от zeen-card-padding-vertical
zeen-test-padding-horizontal
По умолчанию наследуется от zeen-card-padding-horizontal
ZeenTeaser
teaser-border-radius
teaser-bg-min-height-phone
teaser-bg-max-height-phone
teaser-bg-height
teaser-padding-vertical
teaser-padding-horizontal
teaser-padding-top-phone
teaser-padding-top-phones-small
teaser-main-text-wrapper-padding-vertical
teaser-main-text-wrapper-padding-horizontal
teaser-small-border-radius
teaser-small-padding
teaser-small-padding-right
teaser-small-icon-width
teaser-small-icon-height
teaser-small-icon-margin-right
teaser-small-title-weight
teaser-small-title-size
teaser-small-title-line-height
teaser-small-button-margin-left
teaser-card-padding
teaser-card-icon-width
teaser-card-icon-height
teaser-card-icon-border-radius
teaser-card-icon-margin-bottom
teaser-card-title-weight
teaser-card-title-size
teaser-card-title-line-height
teaser-card-description-weight
teaser-card-description-size
teaser-card-description-line-height
teaser-card-description-margin-top
teaser-card-description-margin-bottom
teaser-card-small-padding
teaser-card-small-icon-width
teaser-card-small-icon-height
teaser-card-small-icon-border-radius
teaser-card-small-icon-margin-right
teaser-card-small-title-weight
teaser-card-small-title-size
teaser-card-small-title-line-height
teaser-card-small-description-size
teaser-card-small-description-weight
teaser-card-small-description-line-height
teaser-card-small-description-margin-top
teaser-card-small-button-size
teaser-card-small-margin-left
teaser-left-width
teaser-gap
teaser-icon-width
teaser-icon-height
teaser-icon-border-radius
teaser-icon-margin-bottom
teaser-title-weight
teaser-title-size
teaser-title-line-height
teaser-description-weight
teaser-description-size
teaser-description-line-height
teaser-description-margin-top
teaser-description-margin-bottom
teaser-button-margin-top
teaser-button-width
Цвета:
main-color
Основной цвет сайта
main-light-color
По умолчанию наследуется от main-color
main-transparent
По умолчанию наследуется от main-color
main-dark-color
По умолчанию наследуется от main-color
main-success-color
main-danger-color
main-hover-color
По умолчанию наследуется от main-color
main-active-color
По умолчанию наследуется от main-dark-color
main-positive-color
main-text-color
По умолчанию наследуется от main-positive-color
main-negative-color
main-border-color
theme-color
По умолчанию наследуется от main-color
main-light
gray-1
gray-2
gray-3
gray-4
gray-5
dark-1
darken-blue
notify-color
main-disable-color
По умолчанию наследуется от gray-1
main-disable-text-color
По умолчанию наследуется от gray-2
button-main-color
По умолчанию наследуется от main-color
button-background-color
По умолчанию наследуется от button-main-color
button-border-color
button-additional-color
button-hover-color-base
По умолчанию наследуется от main-hover-color
button-click-color-base
По умолчанию наследуется от main-active-color
button-disabled-background-color
По умолчанию наследуется от main-disable-color
button-disabled-color
По умолчанию наследуется от main-disable-text-color
button-text-color-base
По умолчанию наследуется от button-additional-color
button-text-alter-color
По умолчанию наследуется от button-main-color
input-main-color
По умолчанию наследуется от main-color
input-background-color
input-main-value-color
input-main-placeholder-color
input-correct-color
По умолчанию наследуется от main-success-color
input-disable-color
По умолчанию наследуется от main-disable-color
input-placeholder-disable-color
По умолчанию наследуется от main-disable-color
input-error-color
По умолчанию наследуется от main-danger-color
checkbox-background-color
По умолчанию наследуется от input-background-color
checkbox-label-color
По умолчанию наследуется от main-text-color
checkbox-checked-background-color
По умолчанию наследуется от main-color
checkbox-error-label-color
По умолчанию наследуется от main-danger-color
checkbox-error-checked-background-color
По умолчанию наследуется от main-danger-color
checkbox-correct-label-color
По умолчанию наследуется от main-success-color
checkbox-correct-background-color
По умолчанию наследуется от main-success-color
checkbox-disabled-background-color
По умолчанию наследуется от input-disable-color
checkbox-icon-color
По умолчанию наследуется от main-light
player-color
По умолчанию наследуется от main-color
player-btn-background-color
По умолчанию наследуется от gray-2
player-background-color
zeen-player-emoji-switch-background
По умолчанию наследуется от main-color
zeen-player-emoji-switch-main
По умолчанию наследуется от main-light
radio-background-color
По умолчанию наследуется от main-light
radio-label-color
По умолчанию наследуется от main-text-color
radio-checked-background-color
По умолчанию наследуется от main-light
radio-checked-color
По умолчанию наследуется от main-color
radio-error-label-color
По умолчанию наследуется от input-error-color
radio-error-checked-background-color
По умолчанию наследуется от input-error-color
radio-correct-label-color
По умолчанию наследуется от input-correct-color
radio-correct-background-color
По умолчанию наследуется от input-correct-color
radio-disabled-label-color
По умолчанию наследуется от input-disable-color
radio-disabled-background-color
По умолчанию наследуется от input-disable-color
radio-border-color
По умолчанию наследуется от gray-2
select-background-color
По умолчанию наследуется от input-background-color
select-text-color
По умолчанию наследуется от input-main-value-color
select-label-color
По умолчанию наследуется от select-text-color
select-error-color
По умолчанию наследуется от input-error-color
select-correct-color
По умолчанию наследуется от input-correct-color
select-placeholder-color
По умолчанию наследуется от input-main-placeholder-color
select-placeholder-disabled-color
По умолчанию наследуется от input-main-placeholder-color
select-option-selected-color
По умолчанию наследуется от main-light
select-option-color
По умолчанию наследуется от input-main-value-color
select-options-background-color
По умолчанию наследуется от main-disable-color
select-option-selected-background-color
По умолчанию наследуется от main-color
select-border-color
select-label-error-color
По умолчанию наследуется от select-error-color
select-border-error-color
По умолчанию наследуется от select-error-color
select-label-correct-color
По умолчанию наследуется от select-correct-color
select-border-correct-color
По умолчанию наследуется от select-correct-color
select-opened-text-color
По умолчанию наследуется от input-main-placeholder-color
select-arrow-color
По умолчанию наследуется от input-main-value-color
switch-main
По умолчанию наследуется от main-color
switch-second
По умолчанию наследуется от input-background-color
switch-disable-pointer
По умолчанию наследуется от input-disable-color
switch-disable-background
По умолчанию наследуется от input-background-color
zeen-over-background
По умолчанию наследуется от main-color
small-badge-background
По умолчанию наследуется от main-color
small-badge-color
По умолчанию наследуется от main-light
zeen-card-background
По умолчанию наследуется от main-light
zeen-card-type-fill
По умолчанию наследуется от gray-1
zeen-card-type-color
По умолчанию наследуется от main-text-color
zeen-card-progress-color
По умолчанию наследуется от main-color
zeen-card-progress-max-points-color
По умолчанию наследуется от gray-4
zeen-card-progress-title-color
По умолчанию наследуется от main-text-color
zeen-sidebar-background
По умолчанию наследуется от main-light
zeen-sidebar-overlay-background
По умолчанию наследуется от main-transparent
zeen-schedule-card-color
По умолчанию наследуется от main-color
zeen-schedule-card-color-hold
По умолчанию наследуется от main-light
zeen-schedule-card-color-done
По умолчанию наследуется от main-light
zeen-schedule-card-live-color
По умолчанию наследуется от main-light
zeen-schedule-card-text-color
По умолчанию наследуется от main-light
zeen-schedule-card-text-color-hold
По умолчанию наследуется от main-text-color
zeen-schedule-card-text-color-done
По умолчанию наследуется от dark-1
zeen-schedule-card-live-img-color
По умолчанию наследуется от main-light
zeen-schedule-card-button-color
По умолчанию наследуется от main-color
zeen-schedule-card-button-color-hold
По умолчанию наследуется от main-color
zeen-schedule-card-button-color-done
По умолчанию наследуется от main-color
zeen-speech-modal-status-color-hold
По умолчанию наследуется от dark-1
zeen-speech-modal-status-color-done
По умолчанию наследуется от gray-4
zeen-speech-modal-status-color-online
По умолчанию наследуется от main-danger-color
zeen-speech-modal-speakers-color
По умолчанию наследуется от gray-4
zeen-speach-speaker-color
По умолчанию наследуется от gray-4
zeen-schedule-modal-title-color
По умолчанию наследуется от dark-1
zeen-schedule-modal-more-color
По умолчанию наследуется от main-color
zeen-schedule-modal-hall-color
По умолчанию наследуется от main-text-color
zeen-schedule-modal-time-color
По умолчанию наследуется от gray-2
zeen-schedule-modal-speach-title-color
По умолчанию наследуется от main-text-color
zeen-schedule-modal-item-border-color
По умолчанию наследуется от gray-1
zeen-schedule-speakers-title-color
По умолчанию наследуется от main-text-color
zeen-schedule-speakers-speaker-color
По умолчанию наследуется от gray-4
zeen-speaker-card-border-color
zeen-speaker-card-background-color
По умолчанию наследуется от main-light
zeen-speaker-card-name-color
По умолчанию наследуется от main-text-color
zeen-speaker-card-position-color
По умолчанию наследуется от main-text-color
zeen-speaker-card-about-color
По умолчанию наследуется от main-dark-color
zeen-speaker-card-company-color
По умолчанию наследуется от main-color
zeen-speaker-card-company-background-color
По умолчанию наследуется от main-transparent
zeen-speaker-card-title-color
По умолчанию наследуется от main-text-color
zeen-speaker-card-icon-color-main
По умолчанию наследуется от gray-3
zeen-speaker-card-icon-color-second
По умолчанию наследуется от gray-1
zeen-speaker-card-shadow-color
zeen-schedule-background
По умолчанию наследуется от main-light
zeen-schedule-col-border
По умолчанию наследуется от gray-1
zeen-schedule-time-color
По умолчанию наследуется от main-color
zeen-schedule-time-color-done
По умолчанию наследуется от gray-2
zeen-schedule-col-line
По умолчанию наследуется от gray-1
zeen-schedule-online-line
По умолчанию наследуется от main-danger-color
zeen-schedule-online-img
По умолчанию наследуется от main-light
zeen-schedule-hall
По умолчанию наследуется от gray-1
zeen-schedule-hall-active
По умолчанию наследуется от main-transparent
zeen-schedule-hall-hover
По умолчанию наследуется от main-transparent
zeen-schedule-hall-text
По умолчанию наследуется от input-main-value-color
zeen-schedule-hall-text-active
По умолчанию наследуется от main-color
zeen-schedule-hall-arrow-color
zeen-social-link-icon-border-color
zeen-social-link-icon-border-color-hover
zeen-social-link-icon-border-color-active
zeen-social-link-icon-color
По умолчанию наследуется от main-text-color
zeen-social-link-icon-color-hover
По умолчанию наследуется от main-text-color
zeen-social-link-icon-color-active
По умолчанию наследуется от main-text-color
zeen-social-link-icon-background-color
zeen-social-link-icon-background-color-hover
zeen-social-link-icon-background-color-active
zeen-slide-toggle-color
По умолчанию наследуется от main-color
zeen-time-range-color
По умолчанию наследуется от main-color
zeen-schedule-item-color
По умолчанию наследуется от main-color
zeen-schedule-item-background-color
По умолчанию наследуется от input-background-color
zeen-schedule-item-button-icon
По умолчанию наследуется от main-text-color
zeen-speaker-section-arrow-main-color
По умолчанию наследуется от main-color
zeen-speaker-section-arrow-disabled-color
zeen-speaker-section-bullet-active-color
По умолчанию наследуется от main-color
zeen-speaker-section-bullet-color
zeen-speaker-section-headline-color
По умолчанию наследуется от main-text-color
zeen-quiz-title-color
По умолчанию наследуется от main-positive-color
zeen-quiz-subtitle-color
zeen-quiz-label-background
По умолчанию наследуется от input-background-color
zeen-quiz-label-color-checked
По умолчанию наследуется от main-color
zeen-quiz-label-color-correctly
По умолчанию наследуется от input-correct-color
zeen-quiz-label-color-error
По умолчанию наследуется от input-error-color
zeen-quiz-label-color-disabled
zeen-quiz-hr-background
По умолчанию наследуется от gray-2
zeen-quiz-number-color
zeen-quiz-number-count-color
По умолчанию наследуется от main-color
zeen-quiz-description-answers-color
zeen-quiz-description-number-color
По умолчанию наследуется от main-positive-color
zeen-quiz-description-number-right-color
По умолчанию наследуется от main-color
quiz-swiper-icon-disabled-color
По умолчанию наследуется от gray-4
quiz-arrows-stroke-color
По умолчанию наследуется от main-color
quiz-pagination-bullet-color
По умолчанию наследуется от main-color
quiz-slider-button-background
По умолчанию наследуется от gray-5
quiz-swiper-button-disabled-color
По умолчанию наследуется от gray-1
zeen-avatar-color
По умолчанию наследуется от main-color
intro-background-color
По умолчанию наследуется от main-color
zeen-switch-chose-background
zeen-switch-chose-text-color
По умолчанию наследуется от main-text-color
zeen-switch-chose-color-active
По умолчанию наследуется от main-color
zeen-block-filter-svg-color
zeen-slider-section-color
По умолчанию наследуется от main-color
zeen-offer-background
По умолчанию наследуется от gray-1
zeen-offer-title-color
По умолчанию наследуется от main-positive-color
zeen-offer-link-color
По умолчанию наследуется от main-color
zeen-list-table-item-background
zeen-list-table-item-shadow-color
zeen-list-table-item-title-color
По умолчанию наследуется от main-text-color
zeen-list-table-item-index-color
По умолчанию наследуется от gray-4
zeen-list-table-item-viewers-color
zeen-list-table-item-viewers-icon-color
По умолчанию наследуется от zeen-list-table-item-viewers-color
zeen-list-table-item-viewers-count-color
zeen-list-table-item-speaker-border-color
По умолчанию наследуется от main-color
zeen-list-table-item-speaker-name-color
phone-input-drop-background
По умолчанию наследуется от gray-1
phone-input-drop-text-color
По умолчанию наследуется от main-positive-color
phone-input-drop-border-color
phone-input-drop-background-hover
По умолчанию наследуется от gray-2
phone-input-drop-text-color-hover
По умолчанию наследуется от main-positive-color
phone-input-scrollbar-thumb-color
По умолчанию наследуется от input-main-placeholder-color
zeen-preview-questions-line-between-color
По умолчанию наследуется от main-border-color
zeen-preview-questions-form-choose-speaker-title-color
По умолчанию наследуется от main-dark-color
zeen-preview-questions-form-choose-speaker-back-button-color
zeen-preview-questions-form-background-color
zeen-preview-questions-list-main-background-color
По умолчанию наследуется от main-light
zeen-preview-questions-list-title-color
По умолчанию наследуется от main-text-color
zeen-preview-questions-list-background-color
По умолчанию наследуется от select-background-color
zeen-preview-questions-list-empty-text-color
По умолчанию наследуется от main-text-color
zeen-preview-question-list-item-border-color
По умолчанию наследуется от main-border-color
zeen-preview-question-item-like-color
По умолчанию наследуется от gray-2
zeen-preview-question-item-like-color-active
По умолчанию наследуется от main-danger-color
zeen-preview-question-item-whom-color
По умолчанию наследуется от main-text-color
zeen-leaderboard-item-color
По умолчанию наследуется от gray-3
zeen-tooltip-background-color
По умолчанию наследуется от dark-1
zeen-tooltip-font-color
По умолчанию наследуется от main-light
zeen-tag-color
По умолчанию наследуется от main-color
zeen-tag-background
По умолчанию наследуется от gray-1
zeen-test-card-vert-color
По умолчанию наследуется от main-color
zeen-block-create-table-background
zeen-block-create-table-title
zeen-block-create-table-description
teaser-bg-color
По умолчанию наследуется от main-color
teaser-icon-bg-color
По умолчанию наследуется от main-light
teaser-button-bg-color
По умолчанию наследуется от main-light
teaser-button-bg-color-hover
По умолчанию наследуется от gray-3
teaser-button-bg-color-active
По умолчанию наследуется от gray-5
teaser-button-text-color
По умолчанию наследуется от main-color
teaser-text-color
По умолчанию наследуется от main-light
# Для разработки:
есть файл по адресу src/plugins/initialColors.js в нем определен класс ThemeColor - для взаимодействия с цветами
Чтобы создать новый цвет нужно воспользоваться конструктором:
const $mainPositiveColor = new ThemeColor({
name: '$main-positive-color',
value: '#fff',
description: 'Основной цвет текста сайта',
})
- name - имя цвета (стараемся придерживаться валидного scss синтаксиса)
- value - цвет по умолчанию - любое валидное определение цвета
- parent - обьект родительского цвета - к примеру для основного цвета кнопки может использоваться основной цвет сайта - а может быть задан свой собственный цвет
- description - описание того где этот текст будет использоваться - нужно для вывода на странице темы
- manipulation - масив манипуляций которые происходят с родительским цветом - какие можно применять тут (opens new window) - пример ['fade:0.5'] - сделает прозрачнее на 50% чем родительский цвет
После создания - цвет надо добавить в константу initColors чтобы чвет стал доступен в коде