@inspark/components-web 14.0.14 → 19.0.0

package/src/theme/light.scss

@@ -1,406 +1,398 @@
-@use "sass:map";
-@import './mixins';
-@import "../base/variables";
-@import "../badge/variables";
-@import "../box-shadow/variables";
-@import "../button/variables";
-@import "../checkbox/variables";
-@import "../container/variables";
-@import "../crop/variables";
-@import "../crumb/variables";
-@import "../form/variables";
-@import "../grid/variables";
-@import "../icon/variables";
-@import "../image/variables";
-@import "../input/variables";
-@import "../input-group/variables";
-@import "../label/variables";
-@import "../list/variables";
-@import "../list-group/variables";
-@import "../mediaqueries/variables";
-@import "../nav/variables";
-@import "../navbar/variables";
-//@import "../nvd3/components.charts-nvd3"; // заимпортить после рефакторинга
-@import "../panel/variables";
-@import "../card/variables";
-@import "../radio/variables";
-@import "../ratio/variables";
-@import "../select/variables";
-@import "../sidebar/variables";
-@import "../table/variables";
-@import "../textarea/variables";
-@import "../theme/variables";
-@import "../tooltip/variables";
-@import "../tree-table/variables";
-@import "../typography/variables";
-
-$ids-theme-property-values: map.merge($ids-theme-property-values, (
-  // Primary
-  primary: $color-blue-dark-500,
-  primary-rgb: '56, 115, 130',
-
-  // Secondary
-  secondary: $color-blue-dark-800,
-  secondary-rgb: '31, 95, 129',
-
-  // Statuses
-  status-active: var(--ids-theme-primary, $ids-theme-primary),
-  status-highlight: $color-blue-dark,
-  status-highlight-rgb: hex-to-rgb-numbers($color-blue-dark),
-  status-success: #31AC51,
-  status-success-rgb: hex-to-rgb-numbers(#31AC51),
-  status-warning: #EE9946,
-  status-warning-rgb: hex-to-rgb-numbers(#EE9946),
-  status-error: #F95C5D,
-  status-error-rgb: hex-to-rgb-numbers(#F95C5D),
-  status-pending: $color-blue,
-  status-pending-rgb: hex-to-rgb-numbers($color-blue),
-  status-critical: #a20000,
-  status-critical-rgb: hex-to-rgb-numbers(#a20000),
-  status-disabled: #848484,
-  status-disabled-rgb: hex-to-rgb-numbers(#848484),
-  status-falsevalue: #85B3CB,
-  status-falsevalue-rgb: hex-to-rgb-numbers(#85B3CB),
-
-  // Functional colors
-  component-active-color: $color-base-white,
-  component-active-bg: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
-  state-success-bg: var(--ids-theme-status-success, $ids-theme-status-success),
-  state-success-text: $color-base-white,
-  state-warning-bg: var(--ids-theme-status-warning, $ids-theme-status-warning),
-  state-warning-text: $color-base-white,
-  state-error-bg: var(--ids-theme-status-error, $ids-theme-status-error),
-  state-error-text: $color-base-white,
-  state-pending-bg: var(--ids-theme-status-pending, $ids-theme-status-pending),
-  state-pending-text: $color-base-white,
-  state-critical-bg: var(--ids-theme-status-critical, $ids-theme-status-critical),
-  state-critical-text: $color-base-white,
-  state-falsevalue-bg: var(--ids-theme-status-falsevalue, $ids-theme-status-falsevalue),
-  state-falsevalue-text: $color-gray-80
-));
-
-$ids-base-theme-property-values: map.merge($ids-base-theme-property-values, (
-  body-bg: $color-gray-5,
-  webkit-scrollbar-track-bg: #f1f1f1,
-  webkit-scrollbar-thumb-bg: $color-gray-10,
-  webkit-scrollbar-corner-bg: $color-gray-5
-));
-
-$ids-crumb-theme-property-values: map.merge($ids-base-theme-property-values, (
-  breadcrumb-bg: $color-base-white,
-  breadcrumb-color: $color-base-black,
-  breadcrumb-active-color: $color-gray-90
-));
-
-$ids-badge-theme-property-values: map.merge($ids-badge-theme-property-values, (
-  badge-primary-bg: var(--ids-theme-primary, $ids-theme-primary),
-  badge-success-bg: var(--ids-theme-state-success-bg, $state-success-bg),
-  badge-pending-bg: var(--ids-theme-state-pending-bg, $state-pending-bg),
-  badge-warning-bg: var(--ids-theme-state-warning-bg, $state-warning-bg),
-  badge-error-bg: var(--ids-theme-state-error-bg, $state-error-bg),
-  badge-critical-bg: var(--ids-theme-state-critical-bg, $state-critical-bg),
-  badge-falsevalue-bg: var(--ids-theme-state-falsevalue-bg, $state-falsevalue-bg),
-  badge-color: $color-base-white,
-  badge-link-hover-color: $badge-link-hover-color,
-  badge-default-bg: $color-gray-10,
-  badge-text-falsevalue: var(--ids-theme-state-falsevalue-text, $state-falsevalue-text)
-));
-
-$ids-button-theme-property-values: map.merge($ids-button-theme-property-values, (
-  btn-default-background: $color-gray-5,
-  btn-default-color: var(--ids-theme-text-color, $text-color),
-  btn-default-background--hover: #b8b8b8,
-  btn-default-background--pressed: #858585,
-  btn-disabled-color: rgba($color-base-black, 0.4),
-  btn-bare-color--visited: $color-gray-90,
-  btn-bare-color--hover: $color-blue-dark-800,
-  btn-bare-color--pressed: var(--ids-theme-secondary, $ids-theme-secondary),
-  btn-primary-border-color: transparent,
-  btn-primary-background: var(--ids-theme-primary, $ids-theme-primary),
-  btn-primary-color: $color-base-white,
-  btn-primary-background--hover: #19343b,
-  btn-primary-background--pressed: #000,
-  btn-primary-background--disabled: $color-gray-5,
-  btn-primary-color--disabled: rgba($color-base-black, 0.4),
-  btn-secondary-border-color: transparent,
-  btn-secondary-background: var(--ids-theme-secondary, $ids-theme-secondary),
-  btn-secondary-color: $color-base-white,
-  btn-secondary-background--hover: #0b222f,
-  btn-secondary-background--pressed: #000,
-  btn-tertiary-border-color: transparent,
-  btn-tertiary-background: $color-gray-40,
-  btn-tertiary-color: $color-base-white,
-  btn-tertiary-background--hover: #1a1b1e,
-  btn-tertiary-background--pressed: #000,
-  btn-destroy-border-color: var(--ids-theme-status-error, $ids-theme-status-error),
-  btn-destroy-background: var(--ids-theme-status-error, $ids-theme-status-error),
-  btn-destroy-color: $color-base-white,
-  btn-disabled-border-color: transparent,
-  btn-disabled-background: $color-gray-5,
-  btn-datepicker-current-background: none,
-  btn-datepicker-current-color: var(--ids-theme-primary, $ids-theme-primary),
-  btn-datepicker-selected-color: $color-base-white,
-  btn-datepicker-selected-color-current: $color-base-white,
-  btn-datepicker-selected-color--hover: $color-base-white,
-  btn-datepicker-selected-color-current--hover: $color-base-white,
-  btn-menu-toggle: $color-gray-90,
-  btn-grouped-border-color: $color-gray-10
-));
-
-$ids-checkbox-theme-property-values: map.merge($ids-checkbox-theme-property-values, (
-  checkbox-border-color: $color-gray-80,
-  checkbox-img-checked: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPiAgPHRpdGxlPiAgICBJY29uL2NoZWNrYm94X29uICA8L3RpdGxlPiAgPGRlc2M+ICAgIENyZWF0ZWQgd2l0aCBTa2V0Y2guICA8L2Rlc2M+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImNoZWNrYm94X29uLWEiIGQ9Ik0yLDMuOTkwNzk1MTQgQzIsMi44OTEzMDkzNCAyLjg5ODIxMjM4LDIgMy45OTA3OTUxNCwyIEwyMC4wMDkyMDQ5LDIgQzIxLjEwODY5MDcsMiAyMiwyLjg5ODIxMjM4IDIyLDMuOTkwNzk1MTQgTDIyLDIwLjAwOTIwNDkgQzIyLDIxLjEwODY5MDcgMjEuMTAxNzg3NiwyMiAyMC4wMDkyMDQ5LDIyIEwzLjk5MDc5NTE0LDIyIEMyLjg5MTMwOTM0LDIyIDIsMjEuMTAxNzg3NiAyLDIwLjAwOTIwNDkgTDIsMy45OTA3OTUxNCBaIE05LjMwMjc3MTI2LDE3LjkyNDc3MzMgTDE4LjgwOCw3LjQ2OTE5NjM2IEwxNy4xOTI5MzIyLDYgTDkuMjI4NTI1MywxNC43NjE4OTU3IEw2LjU0MzQ0MjMxLDEyLjA3NjgxMjggTDUsMTMuNjIxMTI4NSBMOS4zMDI3NzEyNiwxNy45MjQ3NzMzIFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIiIHk9IjIiLz4gICAgPG1hc2sgaWQ9ImNoZWNrYm94X29uLWIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2NoZWNrYm94X29uLWEiLz4gICAgPC9tYXNrPiAgICA8Zy8+ICAgIDxnIGZpbGw9IiMzODczODIiIG1hc2s9InVybCgjY2hlY2tib3hfb24tYikiPiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPiAgICA8L2c+ICA8L2c+PC9zdmc+'),
-  checkbox-disabled-border-color: $color-gray-10,
-  checkbox-img-disabled: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJzaWx2ZXIiIGQ9Ik0yIDMuOTlDMiAyLjg5MiAyLjg5OCAyIDMuOTkgMmgxNi4wMkMyMS4xMDggMiAyMiAyLjg5OCAyMiAzLjk5djE2LjAyYzAgMS4wOTktLjg5OCAxLjk5LTEuOTkgMS45OUgzLjk5QTEuOTk1IDEuOTk1IDAgMCAxIDIgMjAuMDFWMy45OVptNy4zMDMgMTMuOTM1IDkuNTA1LTEwLjQ1NkwxNy4xOTMgNmwtNy45NjQgOC43NjItMi42ODYtMi42ODVMNSAxMy42Mmw0LjMwMyA0LjMwNFoiLz4KPC9zdmc+'),
-  checkbox-img-indeterminate: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPiAgPHRpdGxlPiAgICBJY29uL2NoZWNrYm94X2luZGV0ZXJtaW5hdGUgIDwvdGl0bGU+ICA8ZGVzYz4gICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4gIDwvZGVzYz4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1hIiBkPSJNMiwyLjgzMzMzMzMzIEMyLDIuMzczMDk2MDQgMi4zNzMwOTYwNCwyIDIuODMzMzMzMzMsMiBMMjEuMTY2NjY2NywyIEMyMS42MjY5MDQsMiAyMiwyLjM3MzA5NjA0IDIyLDIuODMzMzMzMzMgTDIyLDIxLjE2NjY2NjcgQzIyLDIxLjYyNjkwNCAyMS42MjY5MDQsMjIgMjEuMTY2NjY2NywyMiBMMi44MzMzMzMzMywyMiBDMi4zNzMwOTYwNCwyMiAyLDIxLjYyNjkwNCAyLDIxLjE2NjY2NjcgTDIsMi44MzMzMzMzMyBaIE0xNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgTDgsMTEgQzcuNDQ3NzE1MjUsMTEgNywxMS40NDc3MTUzIDcsMTIgQzcsMTIuNTUyMjg0NyA3LjQ0NzcxNTI1LDEzIDgsMTMgTDE2LDEzIFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIiIHk9IjIiLz4gICAgPG1hc2sgaWQ9ImNoZWNrYm94X2luZGV0ZXJtaW5hdGUtYiIgZmlsbD0iI2ZmZiI+ICAgICAgPHVzZSB4bGluazpocmVmPSIjY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1hIi8+ICAgIDwvbWFzaz4gICAgPGcvPiAgICA8ZyBmaWxsPSIjMzg3MzgyIiBtYXNrPSJ1cmwoI2NoZWNrYm94X2luZGV0ZXJtaW5hdGUtYikiPiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPiAgICA8L2c+ICA8L2c+PC9zdmc+'),
-  checkbox-img-indeterminate-disabled: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPCEtLUdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC0tPgogIDx0aXRsZT4KICAgIEljb24vY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1kaXNhYmxlZAogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZGVmcz4KICAgIDxwYXRoIGlkPSJjaGVja2JveF9pbmRldGVybWluYXRlLWRpc2FibGVkLWEiIGQ9Ik0yLDIuODMzMzMzMzMgQzIsMi4zNzMwOTYwNCAyLjM3MzA5NjA0LDIgMi44MzMzMzMzMywyIEwyMS4xNjY2NjY3LDIgQzIxLjYyNjkwNCwyIDIyLDIuMzczMDk2MDQgMjIsMi44MzMzMzMzMyBMMjIsMjEuMTY2NjY2NyBDMjIsMjEuNjI2OTA0IDIxLjYyNjkwNCwyMiAyMS4xNjY2NjY3LDIyIEwyLjgzMzMzMzMzLDIyIEMyLjM3MzA5NjA0LDIyIDIsMjEuNjI2OTA0IDIsMjEuMTY2NjY2NyBMMiwyLjgzMzMzMzMzIFogTTE2LDEzIEMxNi41NTIyODQ3LDEzIDE3LDEyLjU1MjI4NDcgMTcsMTIgQzE3LDExLjQ0NzcxNTMgMTYuNTUyMjg0NywxMSAxNiwxMSBMOCwxMSBDNy40NDc3MTUyNSwxMSA3LDExLjQ0NzcxNTMgNywxMiBDNywxMi41NTIyODQ3IDcuNDQ3NzE1MjUsMTMgOCwxMyBMMTYsMTMgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIvPgogICAgPG1hc2sgaWQ9ImNoZWNrYm94X2luZGV0ZXJtaW5hdGUtZGlzYWJsZWQtYiIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2NoZWNrYm94X2luZGV0ZXJtaW5hdGUtZGlzYWJsZWQtYSIvPgogICAgPC9tYXNrPgogICAgPGcvPgogICAgPGcgZmlsbD0iI0YwRjBGMCIgbWFzaz0idXJsKCNjaGVja2JveF9pbmRldGVybWluYXRlLWRpc2FibGVkLWIpIiBvcGFjaXR5PSIuNSI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=='),
-  checkbox-switch-background: $color-gray-40,
-  checkbox-switch-off-background: $color-gray-20,
-  checkbox-switch-off-border-color: transparent,
-  checkbox-switch-knob-off-background: $color-base-white,
-  checkbox-switch-disabled-background: $color-gray-10,
-  checkbox-switch-knob-disabled-background: $color-gray-40,
-  checkbox-swith-color-off: $color-gray-20,
-  checkbox-switch-on-icon-text: $color-base-white,
-));
-
-$ids-form-theme-property-values: map.merge($ids-form-theme-property-values, (
-  form-color: $color-base-black,
-  form-color_placeholder: rgba($color-gray-80, 0.7),
-  form-background: rgba($color-base-black, 0.1),
-  form-border_inner: $component-active-box-shadow,
-  form-border_outer: 1px solid transparent,
-  form-border_inner_focused: 0 0 7px 0 rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
-  form-border_outer_focused: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
-  form-color_disabled: $color-gray-80,
-  form-background_disabled: rgba($color-gray-10, 0.8),
-  form-border_disabled: $color-gray-5,
-  form-color_readonly: $color-gray-90,
-  form-background_readonly: transparent,
-  form-border_readonly: none,
-  form-color_help: var(--ids-theme-primary, $ids-theme-primary),
-  form-validation-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
-  form-validation-error: var(--ids-theme-status-error, $ids-theme-status-error),
-  form-validation-success: var(--ids-theme-status-success, $ids-theme-status-success),
-));
-
-$ids-icon-theme-property-values: map.merge($ids-icon-theme-property-values, (
-));
-
-$ids-input-theme-property-values: map.merge($ids-input-theme-property-values, (
-  input-tap-highlight-color: $color-base-white,
-  input-tap-highlight-color-rgb: hex-to-rgb-numbers($color-base-white),
-  inuit-forms-border_inner: inset 0 0 0 1px transparent,
-  inuit-forms-border_outer: $form-border_outer,
-  inuit-forms-background: rgba($color-base-black, 0.1),
-  inuit-forms-color: $color-base-black,
-  inuit-forms-color-rgb: $color-gray-40,
-  inuit-forms-border_outer_focused: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
-  inuit-forms-border_inner_focused: 0 0 7px 0 rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
-  inuit-forms-border_readonly: none,
-  inuit-forms-color_readonly: $color-gray-90,
-  inuit-forms-border_disabled: $color-gray-10,
-  inuit-forms-background_disabled: rgba($color-gray-10, 0.8),
-  inuit-forms-color_disabled: $color-gray-80,
-  inuit-forms-color_placeholder: rgba($color-gray-80, 0.7),
-  inuit-forms-validation-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
-  inuit-forms-validation-error: var(--ids-theme-status-error, $ids-theme-status-error),
-  inuit-forms-validation-success: var(--ids-theme-status-success, $ids-theme-status-success)
-));
-
-$ids-input-group-theme-property-values: map.merge($ids-input-group-theme-property-values, (
-  input-group-addon-border: $color-gray-10,
-  input-group-addon-background: $color-gray-10,
-  input-group-addon-color: $color-gray-80
-));
-
-$ids-label-theme-property-values: map.merge($ids-label-theme-property-values, (
-  label-color: $color-gray-90,
-  label-sub-color: $color-gray-80,
-));
-
-$ids-list-theme-property-values: map.merge($ids-list-theme-property-values, (
-  list-scrollable-border-color: $color-gray-10,
-  list-scrollable-background: $color-base-white,
-  list-item-background-hover: $color-gray-5,
-  list-item-background-hover-rgb: '73, 76, 85',
-  list-item-background-active: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.3)
-));
-
-$ids-list-group-theme-property-values: map.merge($ids-list-group-theme-property-values, (
-  list-group-color: $color-base-black,
-  list-group-bg: $color-base-white,
-  list-group-border-color: rgba($color-gray-20, 0.125),
-  list-group-hover-bg: $color-gray-40,
-  list-group-active-color: var(--ids-theme-component-active-color, $component-active-color),
-  list-group-active-bg: var(--ids-theme-component-active-bg, $component-active-bg),
-  list-group-active-border: var(--ids-theme-component-active-bg, $component-active-bg),
-  list-group-active-text-color: #9bc9d4,
-  list-group-disabled-color: $color-gray-80,
-  list-group-disabled-bg: $color-gray-40,
-  list-group-disabled-text-color: $color-gray-80,
-  list-group-link-color: $color-gray-90,
-  list-group-link-heading-color: $color-gray-90,
-  list-group-link-hover-color: $color-base-black,
-  list-group-link-active-color: $color-base-black,
-  list-group-link-active-bg: rgba(var(--ids-theme-secondary-rgb, $ids-theme-secondary), 0.5),
-));
-
-$ids-nav-theme-property-values: map.merge($ids-nav-theme-property-values, (
-  nav-link-hover-bg: rgba(var(--ids-theme-primary-rgb, $ids-theme-primary), 0.2),
-  nav-disabled-link-hover-color: $color-gray-40,
-));
-
-$ids-navbar-theme-property-values: map.merge($ids-navbar-theme-property-values, (
-  navbar-default-color: $color-base-black,
-  navbar-default-bg: $color-gray-5,
-  navbar-default-border: #dadada,
-  navbar-default-link-color: $color-base-black,
-  navbar-default-link-hover-color: var(--ids-theme-secondary, $ids-theme-secondary),
-  navbar-default-link-hover-bg: transparent,
-  navbar-default-link-active-color: var(--ids-theme-primary, $ids-theme-primary),
-  navbar-default-link-active-bg: #dadada,
-  navbar-default-link-disabled-color: $color-gray-40,
-  navbar-default-link-disabled-bg: transparent,
-  navbar-default-brand-color: $color-base-black,
-  navbar-default-brand-hover-color: #000,
-  navbar-default-brand-hover-bg: transparent,
-  navbar-default-toggle-hover-color: var(--ids-theme-primary, $ids-theme-primary),
-  navbar-default-toggle-icon-bar-bg: #888,
-  navbar-default-toggle-border-color: #ddd,
-  navbar-default-toggle-color: $color-base-black
-));
-
-//$ids-nvd3-theme-property-values: map.merge($ids-nvd3-theme-property-values, (
-//
-//));
-
-$ids-panel-theme-property-values: map.merge($ids-panel-theme-property-values, (
-  panel-bg: $color-base-white,
-  panel-bg-rgb: hex-to-rgb-numbers($color-base-white),
-  panel-lighter-background: $color-base-white,
-  panel-lighter-background-rgb: hex-to-rgb-numbers($color-base-white),
-  panel-body-dashboard-bg: $color-gray-5,
-  panel-comment-bg: $color-base-white,
-  panel-comment-bg-rgb: hex-to-rgb-numbers($color-base-white),
-));
-
-$ids-card-theme-property-values: map.merge($ids-card-theme-property-values, (
-  card-border-color: rgba($color-base-white, .125),
-  card-cap-bg: rgba($color-base-white, .03),
-  card-bg: $color-gray-5
-));
-
-$ids-radio-theme-property-values: map.merge($ids-radio-theme-property-values, (
-  radio-disabled-background: $color-gray-90
-));
-
-$ids-select-theme-property-values: map.merge($ids-select-theme-property-values, (
-  select-background: rgba($color-base-black, 0.1),
-  select-arrow: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E'),
-  select-color: $color-base-black,
-  select-shadow_dark: 0 1px 0 rgba($color-base-white, 0.1),
-  select-background_hover: rgba($color-base-white, 0.8),
-  select-border_hover: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.75),
-  select-border_pressed: rgba($ids-theme-primary, 0.4),
-  select-background_pressed: rgba($color-base-black, 0.1),
-  select-background_disabled: rgba($color-gray-10, 0.8),
-  select-arrow-disabled: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23282A31%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E'),
-  select-color_disabled: $color-gray-90,
-  select-multiple-background: $color-gray-35,
-  status-success: var(--ids-theme-status-success, $ids-theme-status-success),
-  status-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
-  status-error: var(--ids-theme-status-error, $ids-theme-status-error),
-));
-
-$ids-sidebar-theme-property-values: map.merge($ids-sidebar-theme-property-values, (
-  sidebar-bg: $color-gray-40
-));
-
-$ids-table-theme-property-values: map.merge($ids-table-theme-property-values, (
-  table-bg: transparent,
-  table-border-color: $color-gray-20,
-  table-th-color: $color-gray-90,
-  table-bg-accent: rgba($color-base-black, 0.05),
-  table-th-bg: rgba($color-base-black, 0.2),
-  table-bg-active: rgba($color-base-black, 0.075),
-  table-bg-primary: var(--ids-theme-primary, $ids-theme-primary),
-));
-
-$ids-tooltip-theme-property-values: map.merge($ids-tooltip-theme-property-values, (
-  tooltip-bg: rgba($color-base-white, 0.95),
-  tooltip-color: $color-base-black,
-  tooltip-arrow-color: rgba($color-base-white, 0.95),
-  tooltip-arrow-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.clr-i-outline%7Bfill%3A%23a32100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-circle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C6A12%2C12%2C0%2C1%2C0%2C30%2C18%2C12%2C12%2C0%2C0%2C0%2C18%2C6Zm0%2C22A10%2C10%2C0%2C1%2C1%2C28%2C18%2C10%2C10%2C0%2C0%2C1%2C18%2C28Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20d%3D%22M18%2C20.07a1.3%2C1.3%2C0%2C0%2C1-1.3-1.3v-6a1.3%2C1.3%2C0%2C1%2C1%2C2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C1%2C18%2C20.07Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20cx%3D%2217.95%22%20cy%3D%2223.02%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E")
-));
-
-$ids-tree-table-theme-property-values: map.merge($ids-tree-table-theme-property-values, (
-  tree-table-cell-background: $color-gray-5,
-  tree-table__cell-content_header: $color-gray-80,
-  tree-table-cell-header-background: $color-base-black,
-  tree-table-cell-status-none-background: $color-gray-20
-));
-
-$ids-typography-theme-property-values: map.merge($ids-typography-theme-property-values, (
-  link-color: var(--ids-theme-primary, $ids-theme-primary),
-  link-hover-color: var(--ids-theme-secondary, $ids-theme-secondary),
-  link-disabled-color: $link-disabled-color,
-  text-color: $color-base-black,
-  text-color-on-dark: $text-color-on-dark,
-  text-color-on-light: $text-color-on-light,
-  text-color-rgb: '0, 0, 0',
-  text-color-gray: $color-gray-40,
-  text-color-success: var(--ids-theme-status-success, $ids-theme-status-success),
-  text-color-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
-  text-color-critical: var(--ids-theme-status-critical, $ids-theme-status-critical),
-  text-color-error: var(--ids-theme-status-error, $ids-theme-status-error),
-  paragraph-color: var(--ids-theme-text-color, $text-color),
-  headings-color: $color-gray-90,
-  headings-small-color: $color-base-black,
-  text-muted: $color-gray-80,
-  abbr-border-color: $color-gray-80,
-  blockquote-small-color: $color-gray-80,
-  blockquote-border-color: $color-gray-80,
-  hr-border-color: rgba($color-base-black, 0.1),
-  kbd-box-shadow: inset 0 -0.1rem 0 rgba($color-base-black, 0.25),
-  text-highlight-background: $color-yellow-dark-800,
-  text-highlight-color: $color-base-white
-));
-
-$ids-theme-property-values: map-collect(
-    $ids-theme-property-values,
-    $ids-base-theme-property-values,
-    $ids-typography-theme-property-values,
-    $ids-crumb-theme-property-values,
-    $ids-badge-theme-property-values,
-    $ids-button-theme-property-values,
-    $ids-checkbox-theme-property-values,
-    $ids-form-theme-property-values,
-    $ids-icon-theme-property-values,
-    $ids-input-theme-property-values,
-    $ids-input-group-theme-property-values,
-    $ids-label-theme-property-values,
-    $ids-list-theme-property-values,
-    $ids-list-group-theme-property-values,
-    $ids-nav-theme-property-values,
-    $ids-navbar-theme-property-values,
-    // $ids-nvd3-theme-property-values,
-    $ids-panel-theme-property-values,
-    $ids-card-theme-property-values,
-    $ids-radio-theme-property-values,
-    $ids-select-theme-property-values,
-    $ids-sidebar-theme-property-values,
-    $ids-table-theme-property-values,
-    $ids-tooltip-theme-property-values,
-    $ids-tree-table-theme-property-values
-);
-
-@include ids-theme-core-styles("theme-light", $ids-theme-property-values);
-
-// todo: отрефакторить nvd3 и вынести в отдельный репозиторий и npm-пакет
-.theme-light {
-  @import "../utilities/utilities.themes";
-  @import "../nvd3/variables-theme-light";
-  @import "../nvd3/components.charts-nvd3.themes";
-}
-
+@use "sass:map";
+@use "sass:meta";
+@use './mixins' as *;
+@use "../base/variables" as *;
+@use "../badge/variables" as *;
+@use "../box-shadow/variables" as *;
+@use "../button/variables" as *;
+@use "../checkbox/variables" as *;
+@use "../container/variables" as *;
+@use "../crop/variables" as *;
+@use "../crumb/variables" as *;
+@use "../form/variables" as *;
+@use "../grid/variables" as *;
+@use "../icon/variables" as *;
+@use "../image/variables" as *;
+@use "../input/variables" as *;
+@use "../input-group/variables" as *;
+@use "../label/variables" as *;
+@use "../list/variables" as *;
+@use "../list-group/variables" as *;
+@use "../mediaqueries/variables" as *;
+@use "../nav/variables" as *;
+@use "../navbar/variables" as *;
+@use "../panel/variables" as *;
+@use "../card/variables" as *;
+@use "../radio/variables" as *;
+@use "../ratio/variables" as *;
+@use "../select/variables" as *;
+@use "../sidebar/variables" as *;
+@use "../table/variables" as *;
+@use "../textarea/variables" as *;
+@use "../theme/variables" as *;
+@use "../tooltip/variables" as *;
+@use "../tree-table/variables" as *;
+@use "../typography/variables" as *;
+
+$ids-theme-property-values: map.merge($ids-theme-property-values, (
+  // Primary
+  primary: $color-blue-dark-500,
+  primary-rgb: '56, 115, 130',
+
+  // Secondary
+  secondary: $color-blue-dark-800,
+  secondary-rgb: '31, 95, 129',
+
+  // Statuses
+  status-active: var(--ids-theme-primary, $ids-theme-primary),
+  status-highlight: $color-blue-dark,
+  status-highlight-rgb: hex-to-rgb-numbers($color-blue-dark),
+  status-success: #31AC51,
+  status-success-rgb: hex-to-rgb-numbers(#31AC51),
+  status-warning: #EE9946,
+  status-warning-rgb: hex-to-rgb-numbers(#EE9946),
+  status-error: #F95C5D,
+  status-error-rgb: hex-to-rgb-numbers(#F95C5D),
+  status-pending: $color-blue,
+  status-pending-rgb: hex-to-rgb-numbers($color-blue),
+  status-critical: #a20000,
+  status-critical-rgb: hex-to-rgb-numbers(#a20000),
+  status-disabled: #848484,
+  status-disabled-rgb: hex-to-rgb-numbers(#848484),
+  status-falsevalue: #85B3CB,
+  status-falsevalue-rgb: hex-to-rgb-numbers(#85B3CB),
+
+  // Functional colors
+  component-active-color: $color-base-white,
+  component-active-bg: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
+  state-success-bg: var(--ids-theme-status-success, $ids-theme-status-success),
+  state-success-text: $color-base-white,
+  state-warning-bg: var(--ids-theme-status-warning, $ids-theme-status-warning),
+  state-warning-text: $color-base-white,
+  state-error-bg: var(--ids-theme-status-error, $ids-theme-status-error),
+  state-error-text: $color-base-white,
+  state-pending-bg: var(--ids-theme-status-pending, $ids-theme-status-pending),
+  state-pending-text: $color-base-white,
+  state-critical-bg: var(--ids-theme-status-critical, $ids-theme-status-critical),
+  state-critical-text: $color-base-white,
+  state-falsevalue-bg: var(--ids-theme-status-falsevalue, $ids-theme-status-falsevalue),
+  state-falsevalue-text: $color-gray-80
+));
+
+$ids-base-theme-property-values: map.merge($ids-base-theme-property-values, (
+  body-bg: $color-gray-5,
+  webkit-scrollbar-track-bg: #f1f1f1,
+  webkit-scrollbar-thumb-bg: $color-gray-10,
+  webkit-scrollbar-corner-bg: $color-gray-5
+));
+
+$ids-crumb-theme-property-values: map.merge($ids-base-theme-property-values, (
+  breadcrumb-bg: $color-base-white,
+  breadcrumb-color: $color-base-black,
+  breadcrumb-active-color: $color-gray-90
+));
+
+$ids-badge-theme-property-values: map.merge($ids-badge-theme-property-values, (
+  badge-primary-bg: var(--ids-theme-primary, $ids-theme-primary),
+  badge-success-bg: var(--ids-theme-state-success-bg, $state-success-bg),
+  badge-pending-bg: var(--ids-theme-state-pending-bg, $state-pending-bg),
+  badge-warning-bg: var(--ids-theme-state-warning-bg, $state-warning-bg),
+  badge-error-bg: var(--ids-theme-state-error-bg, $state-error-bg),
+  badge-critical-bg: var(--ids-theme-state-critical-bg, $state-critical-bg),
+  badge-falsevalue-bg: var(--ids-theme-state-falsevalue-bg, $state-falsevalue-bg),
+  badge-color: $color-base-white,
+  badge-link-hover-color: $badge-link-hover-color,
+  badge-default-bg: $color-gray-10,
+  badge-text-falsevalue: var(--ids-theme-state-falsevalue-text, $state-falsevalue-text)
+));
+
+$ids-button-theme-property-values: map.merge($ids-button-theme-property-values, (
+  btn-default-background: $color-gray-5,
+  btn-default-color: var(--ids-theme-text-color, $text-color),
+  btn-default-background--hover: #b8b8b8,
+  btn-default-background--pressed: #858585,
+  btn-disabled-color: rgba($color-base-black, 0.4),
+  btn-bare-color--visited: $color-gray-90,
+  btn-bare-color--hover: $color-blue-dark-800,
+  btn-bare-color--pressed: var(--ids-theme-secondary, $ids-theme-secondary),
+  btn-primary-border-color: transparent,
+  btn-primary-background: var(--ids-theme-primary, $ids-theme-primary),
+  btn-primary-color: $color-base-white,
+  btn-primary-background--hover: #19343b,
+  btn-primary-background--pressed: #000,
+  btn-primary-background--disabled: $color-gray-5,
+  btn-primary-color--disabled: rgba($color-base-black, 0.4),
+  btn-secondary-border-color: transparent,
+  btn-secondary-background: var(--ids-theme-secondary, $ids-theme-secondary),
+  btn-secondary-color: $color-base-white,
+  btn-secondary-background--hover: #0b222f,
+  btn-secondary-background--pressed: #000,
+  btn-tertiary-border-color: transparent,
+  btn-tertiary-background: $color-gray-40,
+  btn-tertiary-color: $color-base-white,
+  btn-tertiary-background--hover: #1a1b1e,
+  btn-tertiary-background--pressed: #000,
+  btn-destroy-border-color: var(--ids-theme-status-error, $ids-theme-status-error),
+  btn-destroy-background: var(--ids-theme-status-error, $ids-theme-status-error),
+  btn-destroy-color: $color-base-white,
+  btn-disabled-border-color: transparent,
+  btn-disabled-background: $color-gray-5,
+  btn-datepicker-current-background: none,
+  btn-datepicker-current-color: var(--ids-theme-primary, $ids-theme-primary),
+  btn-datepicker-selected-color: $color-base-white,
+  btn-datepicker-selected-color-current: $color-base-white,
+  btn-datepicker-selected-color--hover: $color-base-white,
+  btn-datepicker-selected-color-current--hover: $color-base-white,
+  btn-menu-toggle: $color-gray-90,
+  btn-grouped-border-color: $color-gray-10
+));
+
+$ids-checkbox-theme-property-values: map.merge($ids-checkbox-theme-property-values, (
+  checkbox-border-color: $color-gray-80,
+  checkbox-img-checked: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPiAgPHRpdGxlPiAgICBJY29uL2NoZWNrYm94X29uICA8L3RpdGxlPiAgPGRlc2M+ICAgIENyZWF0ZWQgd2l0aCBTa2V0Y2guICA8L2Rlc2M+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImNoZWNrYm94X29uLWEiIGQ9Ik0yLDMuOTkwNzk1MTQgQzIsMi44OTEzMDkzNCAyLjg5ODIxMjM4LDIgMy45OTA3OTUxNCwyIEwyMC4wMDkyMDQ5LDIgQzIxLjEwODY5MDcsMiAyMiwyLjg5ODIxMjM4IDIyLDMuOTkwNzk1MTQgTDIyLDIwLjAwOTIwNDkgQzIyLDIxLjEwODY5MDcgMjEuMTAxNzg3NiwyMiAyMC4wMDkyMDQ5LDIyIEwzLjk5MDc5NTE0LDIyIEMyLjg5MTMwOTM0LDIyIDIsMjEuMTAxNzg3NiAyLDIwLjAwOTIwNDkgTDIsMy45OTA3OTUxNCBaIE05LjMwMjc3MTI2LDE3LjkyNDc3MzMgTDE4LjgwOCw3LjQ2OTE5NjM2IEwxNy4xOTI5MzIyLDYgTDkuMjI4NTI1MywxNC43NjE4OTU3IEw2LjU0MzQ0MjMxLDEyLjA3NjgxMjggTDUsMTMuNjIxMTI4NSBMOS4zMDI3NzEyNiwxNy45MjQ3NzMzIFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIiIHk9IjIiLz4gICAgPG1hc2sgaWQ9ImNoZWNrYm94X29uLWIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2NoZWNrYm94X29uLWEiLz4gICAgPC9tYXNrPiAgICA8Zy8+ICAgIDxnIGZpbGw9IiMzODczODIiIG1hc2s9InVybCgjY2hlY2tib3hfb24tYikiPiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPiAgICA8L2c+ICA8L2c+PC9zdmc+'),
+  checkbox-disabled-border-color: $color-gray-10,
+  checkbox-img-disabled: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJzaWx2ZXIiIGQ9Ik0yIDMuOTlDMiAyLjg5MiAyLjg5OCAyIDMuOTkgMmgxNi4wMkMyMS4xMDggMiAyMiAyLjg5OCAyMiAzLjk5djE2LjAyYzAgMS4wOTktLjg5OCAxLjk5LTEuOTkgMS45OUgzLjk5QTEuOTk1IDEuOTk1IDAgMCAxIDIgMjAuMDFWMy45OVptNy4zMDMgMTMuOTM1IDkuNTA1LTEwLjQ1NkwxNy4xOTMgNmwtNy45NjQgOC43NjItMi42ODYtMi42ODVMNSAxMy42Mmw0LjMwMyA0LjMwNFoiLz4KPC9zdmc+'),
+  checkbox-img-indeterminate: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPiAgPHRpdGxlPiAgICBJY29uL2NoZWNrYm94X2luZGV0ZXJtaW5hdGUgIDwvdGl0bGU+ICA8ZGVzYz4gICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4gIDwvZGVzYz4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1hIiBkPSJNMiwyLjgzMzMzMzMzIEMyLDIuMzczMDk2MDQgMi4zNzMwOTYwNCwyIDIuODMzMzMzMzMsMiBMMjEuMTY2NjY2NywyIEMyMS42MjY5MDQsMiAyMiwyLjM3MzA5NjA0IDIyLDIuODMzMzMzMzMgTDIyLDIxLjE2NjY2NjcgQzIyLDIxLjYyNjkwNCAyMS42MjY5MDQsMjIgMjEuMTY2NjY2NywyMiBMMi44MzMzMzMzMywyMiBDMi4zNzMwOTYwNCwyMiAyLDIxLjYyNjkwNCAyLDIxLjE2NjY2NjcgTDIsMi44MzMzMzMzMyBaIE0xNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgTDgsMTEgQzcuNDQ3NzE1MjUsMTEgNywxMS40NDc3MTUzIDcsMTIgQzcsMTIuNTUyMjg0NyA3LjQ0NzcxNTI1LDEzIDgsMTMgTDE2LDEzIFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIiIHk9IjIiLz4gICAgPG1hc2sgaWQ9ImNoZWNrYm94X2luZGV0ZXJtaW5hdGUtYiIgZmlsbD0iI2ZmZiI+ICAgICAgPHVzZSB4bGluazpocmVmPSIjY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1hIi8+ICAgIDwvbWFzaz4gICAgPGcvPiAgICA8ZyBmaWxsPSIjMzg3MzgyIiBtYXNrPSJ1cmwoI2NoZWNrYm94X2luZGV0ZXJtaW5hdGUtYikiPiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPiAgICA8L2c+ICA8L2c+PC9zdmc+'),
+  checkbox-img-indeterminate-disabled: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPCEtLUdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC0tPgogIDx0aXRsZT4KICAgIEljb24vY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1kaXNhYmxlZAogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZGVmcz4KICAgIDxwYXRoIGlkPSJjaGVja2JveF9pbmRldGVybWluYXRlLWRpc2FibGVkLWEiIGQ9Ik0yLDIuODMzMzMzMzMgQzIsMi4zNzMwOTYwNCAyLjM3MzA5NjA0LDIgMi44MzMzMzMzMywyIEwyMS4xNjY2NjY3LDIgQzIxLjYyNjkwNCwyIDIyLDIuMzczMDk2MDQgMjIsMi44MzMzMzMzMyBMMjIsMjEuMTY2NjY2NyBDMjIsMjEuNjI2OTA0IDIxLjYyNjkwNCwyMiAyMS4xNjY2NjY3LDIyIEwyLjgzMzMzMzMzLDIyIEMyLjM3MzA5NjA0LDIyIDIsMjEuNjI2OTA0IDIsMjEuMTY2NjY2NyBMMiwyLjgzMzMzMzMzIFogTTE2LDEzIEMxNi41NTIyODQ3LDEzIDE3LDEyLjU1MjI4NDcgMTcsMTIgQzE3LDExLjQ0NzcxNTMgMTYuNTUyMjg0NywxMSAxNiwxMSBMOCwxMSBDNy40NDc3MTUyNSwxMSA3LDExLjQ0NzcxNTMgNywxMiBDNywxMi41NTIyODQ3IDcuNDQ3NzE1MjUsMTMgOCwxMyBMMTYsMTMgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIvPgogICAgPG1hc2sgaWQ9ImNoZWNrYm94X2luZGV0ZXJtaW5hdGUtZGlzYWJsZWQtYiIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2NoZWNrYm94X2luZGV0ZXJtaW5hdGUtZGlzYWJsZWQtYSIvPgogICAgPC9tYXNrPgogICAgPGcvPgogICAgPGcgZmlsbD0iI0YwRjBGMCIgbWFzaz0idXJsKCNjaGVja2JveF9pbmRldGVybWluYXRlLWRpc2FibGVkLWIpIiBvcGFjaXR5PSIuNSI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=='),
+  checkbox-switch-background: $color-gray-40,
+  checkbox-switch-off-background: $color-gray-20,
+  checkbox-switch-off-border-color: transparent,
+  checkbox-switch-knob-off-background: $color-base-white,
+  checkbox-switch-disabled-background: $color-gray-10,
+  checkbox-switch-knob-disabled-background: $color-gray-40,
+  checkbox-swith-color-off: $color-gray-20,
+  checkbox-switch-on-icon-text: $color-base-white,
+));
+
+$ids-form-theme-property-values: map.merge($ids-form-theme-property-values, (
+  form-color: $color-base-black,
+  form-color_placeholder: rgba($color-gray-80, 0.7),
+  form-background: rgba($color-base-black, 0.1),
+  form-border_inner: $component-active-box-shadow,
+  form-border_outer: 1px solid transparent,
+  form-border_inner_focused: 0 0 7px 0 rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
+  form-border_outer_focused: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
+  form-color_disabled: $color-gray-80,
+  form-background_disabled: rgba($color-gray-10, 0.8),
+  form-border_disabled: $color-gray-5,
+  form-color_readonly: $color-gray-90,
+  form-background_readonly: transparent,
+  form-border_readonly: none,
+  form-color_help: var(--ids-theme-primary, $ids-theme-primary),
+  form-validation-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
+  form-validation-error: var(--ids-theme-status-error, $ids-theme-status-error),
+  form-validation-success: var(--ids-theme-status-success, $ids-theme-status-success),
+));
+
+$ids-icon-theme-property-values: map.merge($ids-icon-theme-property-values, (
+));
+
+$ids-input-theme-property-values: map.merge($ids-input-theme-property-values, (
+  input-tap-highlight-color: $color-base-white,
+  input-tap-highlight-color-rgb: hex-to-rgb-numbers($color-base-white),
+  inuit-forms-border_inner: inset 0 0 0 1px transparent,
+  inuit-forms-border_outer: $form-border_outer,
+  inuit-forms-background: rgba($color-base-black, 0.1),
+  inuit-forms-color: $color-base-black,
+  inuit-forms-color-rgb: $color-gray-40,
+  inuit-forms-border_outer_focused: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
+  inuit-forms-border_inner_focused: 0 0 7px 0 rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.4),
+  inuit-forms-border_readonly: none,
+  inuit-forms-color_readonly: $color-gray-90,
+  inuit-forms-border_disabled: $color-gray-10,
+  inuit-forms-background_disabled: rgba($color-gray-10, 0.8),
+  inuit-forms-color_disabled: $color-gray-80,
+  inuit-forms-color_placeholder: rgba($color-gray-80, 0.7),
+  inuit-forms-validation-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
+  inuit-forms-validation-error: var(--ids-theme-status-error, $ids-theme-status-error),
+  inuit-forms-validation-success: var(--ids-theme-status-success, $ids-theme-status-success)
+));
+
+$ids-input-group-theme-property-values: map.merge($ids-input-group-theme-property-values, (
+  input-group-addon-border: $color-gray-10,
+  input-group-addon-background: $color-gray-10,
+  input-group-addon-color: $color-gray-80
+));
+
+$ids-label-theme-property-values: map.merge($ids-label-theme-property-values, (
+  label-color: $color-gray-90,
+  label-sub-color: $color-gray-80,
+));
+
+$ids-list-theme-property-values: map.merge($ids-list-theme-property-values, (
+  list-scrollable-border-color: $color-gray-10,
+  list-scrollable-background: $color-base-white,
+  list-item-background-hover: $color-gray-5,
+  list-item-background-hover-rgb: '73, 76, 85',
+  list-item-background-active: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.3)
+));
+
+$ids-list-group-theme-property-values: map.merge($ids-list-group-theme-property-values, (
+  list-group-color: $color-base-black,
+  list-group-bg: $color-base-white,
+  list-group-border-color: rgba($color-gray-20, 0.125),
+  list-group-hover-bg: $color-gray-40,
+  list-group-active-color: var(--ids-theme-component-active-color, $component-active-color),
+  list-group-active-bg: var(--ids-theme-component-active-bg, $component-active-bg),
+  list-group-active-border: var(--ids-theme-component-active-bg, $component-active-bg),
+  list-group-active-text-color: #9bc9d4,
+  list-group-disabled-color: $color-gray-80,
+  list-group-disabled-bg: $color-gray-40,
+  list-group-disabled-text-color: $color-gray-80,
+  list-group-link-color: $color-gray-90,
+  list-group-link-heading-color: $color-gray-90,
+  list-group-link-hover-color: $color-base-black,
+  list-group-link-active-color: $color-base-black,
+  list-group-link-active-bg: rgba(var(--ids-theme-secondary-rgb, $ids-theme-secondary), 0.5),
+));
+
+$ids-nav-theme-property-values: map.merge($ids-nav-theme-property-values, (
+  nav-link-hover-bg: rgba(var(--ids-theme-primary-rgb, $ids-theme-primary), 0.2),
+  nav-disabled-link-hover-color: $color-gray-40,
+));
+
+$ids-navbar-theme-property-values: map.merge($ids-navbar-theme-property-values, (
+  navbar-default-color: $color-base-black,
+  navbar-default-bg: $color-gray-5,
+  navbar-default-border: #dadada,
+  navbar-default-link-color: $color-base-black,
+  navbar-default-link-hover-color: var(--ids-theme-secondary, $ids-theme-secondary),
+  navbar-default-link-hover-bg: transparent,
+  navbar-default-link-active-color: var(--ids-theme-primary, $ids-theme-primary),
+  navbar-default-link-active-bg: #dadada,
+  navbar-default-link-disabled-color: $color-gray-40,
+  navbar-default-link-disabled-bg: transparent,
+  navbar-default-brand-color: $color-base-black,
+  navbar-default-brand-hover-color: #000,
+  navbar-default-brand-hover-bg: transparent,
+  navbar-default-toggle-hover-color: var(--ids-theme-primary, $ids-theme-primary),
+  navbar-default-toggle-icon-bar-bg: #888,
+  navbar-default-toggle-border-color: #ddd,
+  navbar-default-toggle-color: $color-base-black
+));
+
+$ids-panel-theme-property-values: map.merge($ids-panel-theme-property-values, (
+  panel-bg: $color-base-white,
+  panel-bg-rgb: hex-to-rgb-numbers($color-base-white),
+  panel-lighter-background: $color-base-white,
+  panel-lighter-background-rgb: hex-to-rgb-numbers($color-base-white),
+  panel-body-dashboard-bg: $color-gray-5,
+  panel-comment-bg: $color-base-white,
+  panel-comment-bg-rgb: hex-to-rgb-numbers($color-base-white),
+));
+
+$ids-card-theme-property-values: map.merge($ids-card-theme-property-values, (
+  card-border-color: rgba($color-base-white, .125),
+  card-cap-bg: rgba($color-base-white, .03),
+  card-bg: $color-gray-5
+));
+
+$ids-radio-theme-property-values: map.merge($ids-radio-theme-property-values, (
+  radio-disabled-background: $color-gray-90
+));
+
+$ids-select-theme-property-values: map.merge($ids-select-theme-property-values, (
+  select-background: rgba($color-base-black, 0.1),
+  select-arrow: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E'),
+  select-color: $color-base-black,
+  select-shadow_dark: 0 1px 0 rgba($color-base-white, 0.1),
+  select-background_hover: rgba($color-base-white, 0.8),
+  select-border_hover: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.75),
+  select-border_pressed: rgba($ids-theme-primary, 0.4),
+  select-background_pressed: rgba($color-base-black, 0.1),
+  select-background_disabled: rgba($color-gray-10, 0.8),
+  select-arrow-disabled: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23282A31%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E'),
+  select-color_disabled: $color-gray-90,
+  select-multiple-background: $color-gray-35,
+  status-success: var(--ids-theme-status-success, $ids-theme-status-success),
+  status-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
+  status-error: var(--ids-theme-status-error, $ids-theme-status-error),
+));
+
+$ids-sidebar-theme-property-values: map.merge($ids-sidebar-theme-property-values, (
+  sidebar-bg: $color-gray-40
+));
+
+$ids-table-theme-property-values: map.merge($ids-table-theme-property-values, (
+  table-bg: transparent,
+  table-border-color: $color-gray-20,
+  table-th-color: $color-gray-90,
+  table-bg-accent: rgba($color-base-black, 0.05),
+  table-th-bg: rgba($color-base-black, 0.2),
+  table-bg-active: rgba($color-base-black, 0.075),
+  table-bg-primary: var(--ids-theme-primary, $ids-theme-primary),
+));
+
+$ids-tooltip-theme-property-values: map.merge($ids-tooltip-theme-property-values, (
+  tooltip-bg: rgba($color-base-white, 0.95),
+  tooltip-color: $color-base-black,
+  tooltip-arrow-color: rgba($color-base-white, 0.95),
+  tooltip-arrow-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.clr-i-outline%7Bfill%3A%23a32100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-circle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C6A12%2C12%2C0%2C1%2C0%2C30%2C18%2C12%2C12%2C0%2C0%2C0%2C18%2C6Zm0%2C22A10%2C10%2C0%2C1%2C1%2C28%2C18%2C10%2C10%2C0%2C0%2C1%2C18%2C28Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20d%3D%22M18%2C20.07a1.3%2C1.3%2C0%2C0%2C1-1.3-1.3v-6a1.3%2C1.3%2C0%2C1%2C1%2C2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C1%2C18%2C20.07Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20cx%3D%2217.95%22%20cy%3D%2223.02%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E")
+));
+
+$ids-tree-table-theme-property-values: map.merge($ids-tree-table-theme-property-values, (
+  tree-table-cell-background: $color-gray-5,
+  tree-table__cell-content_header: $color-gray-80,
+  tree-table-cell-header-background: $color-base-black,
+  tree-table-cell-status-none-background: $color-gray-20
+));
+
+$ids-typography-theme-property-values: map.merge($ids-typography-theme-property-values, (
+  link-color: var(--ids-theme-primary, $ids-theme-primary),
+  link-hover-color: var(--ids-theme-secondary, $ids-theme-secondary),
+  link-disabled-color: $link-disabled-color,
+  text-color: $color-base-black,
+  text-color-on-dark: $text-color-on-dark,
+  text-color-on-light: $text-color-on-light,
+  text-color-rgb: '0, 0, 0',
+  text-color-gray: $color-gray-40,
+  text-color-success: var(--ids-theme-status-success, $ids-theme-status-success),
+  text-color-warning: var(--ids-theme-status-warning, $ids-theme-status-warning),
+  text-color-critical: var(--ids-theme-status-critical, $ids-theme-status-critical),
+  text-color-error: var(--ids-theme-status-error, $ids-theme-status-error),
+  paragraph-color: var(--ids-theme-text-color, $text-color),
+  headings-color: $color-gray-90,
+  headings-small-color: $color-base-black,
+  text-muted: $color-gray-80,
+  abbr-border-color: $color-gray-80,
+  blockquote-small-color: $color-gray-80,
+  blockquote-border-color: $color-gray-80,
+  hr-border-color: rgba($color-base-black, 0.1),
+  kbd-box-shadow: inset 0 -0.1rem 0 rgba($color-base-black, 0.25),
+  text-highlight-background: $color-yellow-dark-800,
+  text-highlight-color: $color-base-white
+));
+
+$ids-theme-property-values: map-collect(
+    $ids-theme-property-values,
+    $ids-base-theme-property-values,
+    $ids-typography-theme-property-values,
+    $ids-crumb-theme-property-values,
+    $ids-badge-theme-property-values,
+    $ids-button-theme-property-values,
+    $ids-checkbox-theme-property-values,
+    $ids-form-theme-property-values,
+    $ids-icon-theme-property-values,
+    $ids-input-theme-property-values,
+    $ids-input-group-theme-property-values,
+    $ids-label-theme-property-values,
+    $ids-list-theme-property-values,
+    $ids-list-group-theme-property-values,
+    $ids-nav-theme-property-values,
+    $ids-navbar-theme-property-values,
+    $ids-panel-theme-property-values,
+    $ids-card-theme-property-values,
+    $ids-radio-theme-property-values,
+    $ids-select-theme-property-values,
+    $ids-sidebar-theme-property-values,
+    $ids-table-theme-property-values,
+    $ids-tooltip-theme-property-values,
+    $ids-tree-table-theme-property-values
+);
+
+@include ids-theme-core-styles("theme-light", $ids-theme-property-values);
+
+.theme-light {
+  @include meta.load-css("../utilities/utilities.themes");
+}
+