npm - @inspark/inspark-components - Versions diffs - 19.0.49 → 19.0.51 - Mend

@inspark/inspark-components 19.0.49 → 19.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (500) hide show

package/src/scss/theme-dark.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@use "@inspark/components-web/src/variables" as *;
+@use "@inspark/components-web/src/mixins" as *;
+@import "./settings/loader.settings";
+// Theme "Dark"
+// Theme "Dark" is default theme - see all it variables in ./settings/*.scss, all styles imported to ./main.scss
+// SETTINGS
+@import "settings/loader.settings";
+.theme-dark {
+  --selected-element-background: rgba(255, 255, 255, .1);
+  --element-background: #53555C;
+  --main-background: #494C55;
+  --input-background: #3B3D45;
+  --input-border: 1px solid #333;
+  --body-background: #202127;
+  --card-background: rgba(0, 0, 0, 0.3);
+  --card-background-selected: rgba(0, 0, 0, 0.2);
+  --contrast-text-color: #fff;
+  --muffled-text-color: #888;
+  --text-color: #aaa;
+  // todo Стили ниже должны быть в отдельном компоненте.
+  --button-hover-background: rgba(255, 255, 255, .1);
+  @import "./settings/loader.settings";
+  //@import "./patchPrimeng/loader.components.primeng";
+  @import "patchPrimeng/loader.components.primeng.theme-dark";
+}

package/src/scss/theme-green.scss ADDED Viewed

@@ -0,0 +1,619 @@
+@use "@inspark/components-web/src/variables" as *;
+@use "@inspark/components-web/src/mixins" as *;
+@import "./settings/loader.settings";
+//@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";
+// Theme "Light"
+// Set a variable containing current brand
+$theme-name: 'theme-green';
+// SETTINGS
+@import "settings/loader.settings";
+// Reset theme-specific variables
+/*
+Colors
+*/
+/*
+Brand colors
+*/
+/**
+ * Primary
+ */
+$ids-theme-primary: #0F7A65;
+// todo(turchaninov): отрефакторить названия переменных
+/**
+ * Secondary
+ */
+$ids-theme-secondary: #0F7A65;
+/*
+Status colors
+*/
+$ids-theme-status-active: $ids-theme-primary;
+$ids-theme-status-highlight: $ids-theme-primary;
+$ids-theme-status-success: #31AC51;
+$ids-theme-status-warning: #EE9946;
+$ids-theme-status-error: #F95C5D;
+$ids-theme-status-pending: $color-blue;
+$ids-theme-status-critical: $ids-theme-status-error;
+$ids-theme-status-disabled: #848484;
+$ids-theme-status-falsevalue: #85B3CB;
+/*
+Functional colors
+*/
+$component-active-color: $color-base-white;
+$component-active-bg: $ids-theme-primary;
+$component-active-box-shadow: inset 0 0 0 1px transparent;
+$state-success-bg: $ids-theme-status-success;
+$state-success-text: $color-base-white;
+$state-warning-bg: $ids-theme-status-warning;
+$state-warning-text: $color-base-white;
+$state-error-bg: $ids-theme-status-error;
+$state-error-text: $color-base-white;
+$state-pending-bg: $ids-theme-status-pending;
+$state-pending-text: $color-base-white;
+$state-critical-bg: $ids-theme-status-critical;
+$state-critical-text: $color-base-white;
+$state-falsevalue-bg: $ids-theme-status-falsevalue;
+$state-falsevalue-text: $text-muted;
+///* ========================================================================
+//   #GLOBAL
+//   ======================================================================== */
+// Body
+//
+// Settings for the `<body>` element.
+$body-bg: $color-gray-5;
+$body-color: $color-base-black;
+// Scroll customization
+$webkit-scrollbar-track-bg: #f1f1f1;
+$webkit-scrollbar-thumb-bg: $color-gray-10;
+$webkit-scrollbar-corner-bg: $color-gray-5;
+//
+// Typography
+//
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+$text-color: $color-base-black;
+$text-color-gray: $color-gray-40;
+$paragraph-color: $text-color;
+//** By default, this inherits from the `<body>`.
+$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);
+//** Global color for active items (e.g., navs or dropdowns).
+$component-active-color: $color-base-white;
+//** Global background color for active items (e.g., navs or dropdowns).
+$component-active-bg: $ids-theme-primary;
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+$table-bg: transparent;
+$table-th-color: $color-gray-90;
+$table-bg-accent: rgba($color-base-black, 0.05);
+$table-bg-hover: rgba($color-base-black, 0.075);
+$table-bg-active: $table-bg-hover;
+$table-head-bg: $color-gray-10;
+$table-head-color: $color-gray-90;
+$table-border-color: $color-gray-20;
+$table-bg-primary: var(--ids-theme-primary, $ids-theme-primary);
+$table-th-bg: rgba($color-base-black, 0.2);
+// Buttons
+$btn-disabled-border-color: transparent;
+$btn-disabled-background: $color-gray-5;
+$btn-disabled-color: rgba($color-base-black, 0.4);
+$btn-default-background: $color-gray-5;
+$btn-default-background--hover: darken($btn-default-background, 20%);
+$btn-default-background--pressed: darken($btn-default-background, 40%);
+$btn-default-color: $text-color;
+$btn-shadow: none;
+$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-color: $color-base-white;
+$btn-primary-border-color: transparent;
+$btn-primary-background: $ids-theme-primary;
+$btn-primary-background--hover: darken($btn-primary-background, 20%);
+$btn-primary-background--pressed: darken($btn-primary-background, 40%);
+$btn-primary-background--disabled: $btn-disabled-background;
+$btn-primary-color--disabled: $btn-disabled-color;
+$btn-secondary-color: $color-base-white;
+$btn-secondary-border-color: transparent;
+$btn-secondary-background: $ids-theme-secondary;
+$btn-secondary-background--hover: darken($btn-secondary-background, 20%);
+$btn-secondary-background--pressed: darken($btn-secondary-background, 40%);
+$btn-tertiary-color: $color-base-black;
+$btn-tertiary-border-color: transparent;
+$btn-tertiary-background: $color-gray-40;
+$btn-tertiary-background--hover: darken($btn-tertiary-background, 20%);
+$btn-tertiary-background--pressed: darken($btn-tertiary-background, 40%);
+$btn-menu-toggle: $color-gray-90;
+$btn-destroy-border-color: $ids-theme-status-error;
+$btn-destroy-background: $ids-theme-status-error;
+$btn-destroy-color: $color-base-white;
+$btn-rounded-border-radius: $global-radius-rounded;
+$btn-datepicker-current-color: $ids-theme-primary;
+$btn-datepicker-current-background: none;
+$btn-datepicker-selected-color: $color-base-white;
+$btn-datepicker-selected-color--hover: $color-base-white;
+$btn-datepicker-selected-color-current: $color-base-white;
+$btn-datepicker-selected-color-current--hover: $color-base-white;
+// Checkbox
+$checkbox-border-color: $color-gray-10;
+// Switch
+$checkbox-swith-color-off: $color-gray-20;
+$menu-ddl-menu-bg: #0F7A65;
+$main-menu-item-a-color-hover: $color-base-white;
+$main-menu-submenu-item-bg: #0F7A65;
+$main-menu-item-title-color: $color-base-white;
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+//** Background for the dropdown menu.
+$dropdown-bg: $color-gray-5;
+//** Dropdown menu `border-color`.
+$dropdown-border: rgba(255, 255, 255, 0.5);
+$dropdown-focused-box-shadow: $component-active-box-shadow;
+//** Dropdown menu `border-color` **for IE8**.
+$dropdown-fallback-border: $color-gray-35;
+//** Divider color for between dropdown items.
+$dropdown-divider-bg: #e5e5e5;
+//** Dropdown link text color.
+$dropdown-link-color: $color-base-black;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color: $color-base-black;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg: rgba($color-gray-10, 0.8);
+//** Active dropdown menu item text color.
+$dropdown-link-active-color: $color-base-black;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg: rgba($component-active-bg, 0.4);
+//** Disabled dropdown menu item background color.
+$dropdown-link-disabled-color: $color-gray-80;
+$dropdown-link-disabled-bg: $color-gray-35;
+//** Text color for headers within dropdown menus.
+$dropdown-header-color: $color-gray-90;
+//** Deprecated `$dropdown-caret-color` as of v3.1.0
+$dropdown-caret-color: $color-base-black;
+// Main content
+$main-content-bg: $color-gray-5;
+$main-section-bg: $color-gray-5;
+// Navbar
+// Basics of a navbar
+$navbar-default-color: $color-base-black;
+$navbar-default-bg: #0F7A65;
+$navbar-default-border: darken($navbar-default-bg, 6.5%);
+// Navbar links
+$navbar-default-link-color: $ids-theme-primary;
+$navbar-default-link-hover-color: $ids-theme-secondary;
+$navbar-default-link-hover-bg: transparent;
+$navbar-default-link-active-color: $ids-theme-primary;
+$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%);
+$navbar-default-link-disabled-color: $color-gray-40;
+$navbar-default-link-disabled-bg: transparent;
+// Navbar brand label
+$navbar-default-brand-color: $navbar-default-link-color;
+$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%);
+$navbar-default-brand-hover-bg: transparent;
+// Navbar toggle
+//$navbar-default-toggle-hover-bg:           #ddd;
+$navbar-default-toggle-hover-color: $ids-theme-primary;
+$navbar-default-toggle-icon-bar-bg: #888;
+$navbar-default-toggle-border-color: #ddd;
+$navbar-default-toggle-color: $color-base-black;
+// Modal
+//** Background color of modal content area
+$modal-content-bg: $color-base-white;
+//** Modal content border color
+$modal-content-border-color: rgba($color-gray-10, 0.2);
+//** Modal content border color **for IE8**
+$modal-content-fallback-border-color: #ddd;
+//** Modal backdrop background color
+$modal-backdrop-bg: $color-base-black;
+//** Modal backdrop opacity
+$modal-backdrop-opacity: 0.5;
+//** Modal header border color
+$modal-header-border-color: $color-gray-40;
+//** Modal footer border color
+$modal-footer-border-color: $modal-header-border-color;
+//== Footer
+$footer-bg: $color-base-white;
+//== Tabs
+$nav-tabs-border-color: $color-gray-40;
+$nav-tabs-link-hover-border-color: $color-gray-80;
+$nav-tabs-active-link-hover-bg: $body-bg;
+$nav-tabs-active-link-hover-color: $body-color;
+$nav-tabs-active-link-hover-border-color: $ids-theme-primary;
+$nav-tabs-justified-link-border-color: $color-gray-40;
+$nav-tabs-justified-active-link-border-color: $body-bg;
+$nav-tabs-tab-pane-active-background: $color-gray-5;
+//== Pills
+$nav-pills-active-link-hover-bg: $component-active-bg;
+$nav-pills-active-link-hover-color: $component-active-color;
+// Spinner
+$spinner-loader-color: $color-gray-40;
+// Login
+$login-form-bg: #0F7A65;
+// NVD3 Charts
+$nvd3-box-shadow: $component-active-box-shadow;
+$nvd3-border-radius: $global-radius;
+$nvd3-font-family: $font-family-base;
+$nvd3-font-size-base: $font-size-base;
+$nvd3-text-color: $text-color;
+$nvd3-text-color-fill: $nvd3-text-color;
+$nvd3-text-color-stroke: $nvd3-text-color;
+$nvd3-background-fill: $body-bg;
+$nvd3-background-fill-opacity: 0;
+$nvd3-nv-brush-resize-fill: $color-gray-5;
+$nvd3-nv-brush-resize-stroke: $color-gray-40;
+$nvd3-nv-brush-background-stroke: $color-base-black;
+$nvd3-nv-brush-background-fill: $color-base-white;
+$nvd3-axis-path-stroke: $color-base-black;
+$nvd3-axis-line: rgba($color-gray-10, 0.6);
+// NVD3 Controls
+$nvd3-controls-fill: $color-base-black;
+// NVD3 Transitions
+$nvd3-transition-duration-default: 250ms;
+$nvd3-transition-duration-short: 50ms;
+$nvd3-transition-function-default: linear;
+$nvd3-transition-delay-default: 200ms;
+$nvd3-transition-default: $nvd3-transition-duration-default $nvd3-transition-function-default;
+// Bars
+$nvd3-bars-react-hover: $ids-theme-primary;
+// Boxplot
+$nvd3-boxplot-median-stroke: $color-base-black;
+// Bullet
+$nvd3-bullet-marker-stroke: $color-base-black;
+$nvd3-bullet-marker-triangle-stroke: $nvd3-bullet-marker-stroke;
+$nvd3-bullet-marker-triangle-fill: $color-base-white;
+$nvd3-bullet-marker-line-stroke: $nvd3-bullet-marker-stroke;
+$nvd3-bullet-tick-line-stroke: $color-gray-40;
+$nvd3-bullet-range-s0-fill: $color-gray-5;
+$nvd3-bullet-range-s1-fill: $color-gray-10;
+$nvd3-bullet-range-s2-fill: $color-gray-20;
+$nvd3-bullet-subtitle-fill: $color-gray-10;
+$nvd3-bullet-range-fill: $color-gray-5;
+// Candlestick Bar
+$nvd3-candlestickbar-tick-positive-rect-stroke: $ids-theme-status-success;
+$nvd3-candlestickbar-tick-positive-rect-fill: $nvd3-candlestickbar-tick-positive-rect-stroke;
+$nvd3-candlestickbar-tick-negative-rect-stroke: $ids-theme-status-error;
+$nvd3-candlestickbar-tick-negative-rect-fill: $nvd3-candlestickbar-tick-negative-rect-stroke;
+$nvd3-candlestickbar-ticks-line-stroke: $color-gray-40;
+// Force Directed Graph
+$nvd3-force-node-stroke: $color-base-white;
+$nvd3-force-link-stroke: $color-gray-20;
+// Lines
+$nvd3-lines-groups-line-fill: none;
+$nvd3-lines-groups-area-stroke: none;
+$nvd3-lines-point-paths-stroke: $color-gray-10;
+$nvd3-lines-point-paths-fill: $color-gray-5;
+// OHLC
+$nvd3-ohlcbar-tick-positive-stroke: $ids-theme-status-success;
+$nvd3-ohlcbar-tick-negative-stroke: $ids-theme-status-error;
+// Parallel Coordinates
+$nvd3-background-path-fill: none;
+$nvd3-background-path-stroke: $color-gray-5;
+$nvd3-foreground-path-fill: none;
+$nvd3-parallelcoordinates-brush-extent-fill: $color-base-white;
+$nvd3-parallelcoordinates-brush-extent-stroke: $color-gray-40;
+$nvd3-missingvaluesline-line-fill: none;
+$nvd3-missingvaluesline-line-stroke: $color-base-black;
+// Pie
+$nvd3-pie-title-font-size: $inuit-font-size-h3;
+$nvd3-pie-title-fill: $ids-theme-primary;
+$nvd3-pie-slice-text-stroke: $color-base-black;
+$nvd3-pie-path: $color-base-white;
+// Sparkline
+$nvd3-sparkline-path-fill: none;
+$nvd3-sparklineplus-hovervalue-stroke: $color-gray-80;
+$nvd3-sparklineplus-yvalue-stroke: lighten($ids-theme-status-error, 20%);
+$nvd3-sparklineplus-maxvalue-stroke: $ids-theme-status-success;
+$nvd3-sparklineplus-maxvalue-fill: $ids-theme-status-success;
+$nvd3-sparklineplus-minvalue-stroke: $ids-theme-status-error;
+$nvd3-sparklineplus-minvalue-fill: $ids-theme-status-error;
+$nvd3-sparklineplus-currentvalue-font-size: $inuit-font-size-large;
+// NVD3 Tooltip
+$nvd3-tooltip-zindex: $zindex-tooltip;
+$nvd3-tooltip-font-size: $inuit-font-size-small;
+$nvd3-tooltip-background: $body-bg;
+$nvd3-tooltip-border: $text-color;
+$nvd3-tooltip-color: $text-color;
+$nvd3-tooltip-x-y-tooltip-padding: $unit-small;
+$nvd3-tooltip-xy-tooltip-background: $nvd3-tooltip-background;
+$nvd3-tooltip-h3-background: $body-bg;
+$nvd3-tooltip-h3-color: $text-color;
+$nvd3-tooltip-h3-border-bottom-color: $nvd3-tooltip-h3-background;
+$nvd3-tooltip-table-percent: $color-gray-35;
+$nvd3-tooltip-table-legend-color-guide-border: $color-gray-40;
+$nvd3-guideline-stroke: $color-gray-40;
+$nvd3-color-1: #007A4B;
+$nvd3-color-2: #3477DB;
+$nvd3-color-3: #D252B2;
+$nvd3-color-4: #708090;
+$nvd3-color-5: #AF851A;
+$nvd3-color-6: #BB671C;
+$nvd3-color-7: #E00000;
+$nvd3-color-8: #005031;
+$nvd3-color-9: #34415E;
+$nvd3-color-10: #58007E;
+$nvd3-color-11: #2E343B;
+// Logout
+$logout-link-color: $dropdown-link-color;
+// PrimeNG tables
+// $pm-table-padding-vertical: $unit-tiny;
+// $pm-table-padding-horizontal: $unit-small;
+$pm-table-head-background: rgba($color-base-black, 0.1);
+$pm-table-head-border: rgba($color-base-white, 0.5);
+// PrimeNG treetables
+$pm-treetable-head-background: rgba($color-base-black, 0.1);
+$pm-treetable-head-border: rgba($color-base-white, 0.5);
+// PrimeNG multiselect
+$pm-multiselect-panel-background: $color-gray-5;
+//$theme-light-class: ".theme-light";
+// NGX-Bootstrap datepicker
+$bs-datepicker-main-bg: $color-gray-5;
+$bs-datepicker-custom-range-bg: #eee;
+$bs-datepicker-main-box-shadow: $component-active-box-shadow;
+$bs-datepicker-font-color-01: $body-color;
+$bs-datepicker-font-color-02: rgba($body-color, 0.8);
+$bs-datepicker-font-color-03: $body-color;
+$bs-datepicker-font-color-hover: $color-base-white;
+$bs-datepicker-font-color-secondary: rgba($body-color, 0.5);
+$bs-datepicker-font-color-is-other-month: rgba($body-color, 0.25);
+$bs-datepicker-font-color-selected: rgba($body-color, 0.5);
+//$bs-datepicker-font-color-disabled: rgba($color-base-black, 0.25);
+$bs-datepicker-border-color: $dropdown-border;
+$bs-datepicker-highlighted-color: $color-base-white;
+$bs-datepicker-highlighted-background: rgba($color-gray-80, 0.5);
+$bs-datepicker-btn-bg: #e9edf0;
+$bs-datepicker-btn-bg-hover: #d5dadd;
+$bs-datepicker-btn-bg2: #9aaec1;
+$bs-datepicker-btn-bg2-hover: #54708b;
+$bs-datepicker-disabled-background: rgba(221, 221, 221, 0.3);
+$bs-datepicker-disabled-color: rgba($color-base-black, 0.6);
+$bs-datepicker-selected-background: $ids-theme-primary;
+$bs-datepicker-selected-color: $color-base-white;
+// Datatime Picker
+$owl-dt-timer-input-border: 1px solid rgba($color-base-white, .1);
+$owl-dt-container-bg: $color-gray-35;
+$owl-theme-color: $ids-theme-primary;
+$owl-dt-calendar-cell-selected-color: rgba($color-base-black, .85);
+// Map
+$map-tooolbar-bg: $color-gray-5;
+.#{$theme-name} {
+  --selected-element-background: rgba(0, 0, 0, .1);
+  --element-background: #D6D6D7;
+  --main-background: #B3B3B3;
+  --input-background: #D6D6D7;
+  --input-border: 1px solid #888;
+  --body-background: #EBEBEB;
+  --card-background: #DFDFDF;
+  --card-background-selected: rgba(0, 0, 0, 0.2);
+  --contrast-text-color: #000;
+  --muffled-text-color: #555;
+  --text-color: #333;
+  @import "./settings/loader.settings";
+  //@import "./patchPrimeng/loader.components.primeng";
+  @import "patchPrimeng/loader.components.primeng.theme-light";
+  .c-main-menu__sub-menu-item-a {
+    color: $color-base-white;
+    &:focus,
+    &:hover,
+    &:active,
+    &:hover:focus {
+      color: var(--ids-theme-secondary);
+    }
+  }
+  .c-login__form {
+    background: rgba(15, 122, 101, 0.75);
+    .c-label,
+    .c-input,
+    .c-dropdown-menu__content,
+    fieldset legend,
+    .c-checkbox {
+      color: #fff;
+    }
+    .c-dropdown-menu__listitem > .c-dropdown-menu__content {
+      color: #000;
+    }
+    a {
+      color: #fff;
+    }
+    .u-text_muted {
+      color: #fff !important;
+      opacity: 0.7;
+    }
+    .c-checkbox__input {
+      + .c-checkbox__icon {
+        &::before,
+        &::after {
+          border: 2px solid #f5e57f;
+        }
+        &::after {
+          background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8dGl0bGU+IEljb24vY2hlY2tib3hfb24gPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJjaGVja2JveF9vbi1hIgogICAgICAgICAgICBkPSJNMiwzLjk5MDc5NTE0IEMyLDIuODkxMzA5MzQgMi44OTgyMTIzOCwyIDMuOTkwNzk1MTQsMiBMMjAuMDA5MjA0OSwyIEMyMS4xMDg2OTA3LDIgMjIsMi44OTgyMTIzOCAyMiwzLjk5MDc5NTE0IEwyMiwyMC4wMDkyMDQ5IEMyMiwyMS4xMDg2OTA3IDIxLjEwMTc4NzYsMjIgMjAuMDA5MjA0OSwyMiBMMy45OTA3OTUxNCwyMiBDMi44OTEzMDkzNCwyMiAyLDIxLjEwMTc4NzYgMiwyMC4wMDkyMDQ5IEwyLDMuOTkwNzk1MTQgWiBNOS4zMDI3NzEyNiwxNy45MjQ3NzMzIEwxOC44MDgsNy40NjkxOTYzNiBMMTcuMTkyOTMyMiw2IEw5LjIyODUyNTMsMTQuNzYxODk1NyBMNi41NDM0NDIzMSwxMi4wNzY4MTI4IEw1LDEzLjYyMTEyODUgTDkuMzAyNzcxMjYsMTcuOTI0NzczMyBaIiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIyIiB5PSIyIiAvPgogICAgICAgIDxtYXNrIGlkPSJjaGVja2JveF9vbi1iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjY2hlY2tib3hfb24tYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgLz4KICAgICAgICA8ZyBmaWxsPSIjZjVlNTdmIiBtYXNrPSJ1cmwoI2NoZWNrYm94X29uLWIpIj4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
+          border: none;
+        }
+      }
+    }
+  }
+  .c-footer {
+    background: rgba(15, 122, 101, 0.75);
+    h1, h2, h3, h4, h5, h6, a, p {
+      color: #fff;
+    }
+  }
+  .c-checkbox_switch .c-checkbox__input:checked+.c-checkbox__icon::before {
+    background: var(--ids-theme-secondary);
+    border: 2px solid #fff;
+  }
+  .p-checkbox .p-checkbox-box .p-checkbox-icon.pi-check::after {
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8dGl0bGU+IEljb24vY2hlY2tib3hfb24gPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJjaGVja2JveF9vbi1hIgogICAgICAgICAgICBkPSJNMiwzLjk5MDc5NTE0IEMyLDIuODkxMzA5MzQgMi44OTgyMTIzOCwyIDMuOTkwNzk1MTQsMiBMMjAuMDA5MjA0OSwyIEMyMS4xMDg2OTA3LDIgMjIsMi44OTgyMTIzOCAyMiwzLjk5MDc5NTE0IEwyMiwyMC4wMDkyMDQ5IEMyMiwyMS4xMDg2OTA3IDIxLjEwMTc4NzYsMjIgMjAuMDA5MjA0OSwyMiBMMy45OTA3OTUxNCwyMiBDMi44OTEzMDkzNCwyMiAyLDIxLjEwMTc4NzYgMiwyMC4wMDkyMDQ5IEwyLDMuOTkwNzk1MTQgWiBNOS4zMDI3NzEyNiwxNy45MjQ3NzMzIEwxOC44MDgsNy40NjkxOTYzNiBMMTcuMTkyOTMyMiw2IEw5LjIyODUyNTMsMTQuNzYxODk1NyBMNi41NDM0NDIzMSwxMi4wNzY4MTI4IEw1LDEzLjYyMTEyODUgTDkuMzAyNzcxMjYsMTcuOTI0NzczMyBaIiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIyIiB5PSIyIiAvPgogICAgICAgIDxtYXNrIGlkPSJjaGVja2JveF9vbi1iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjY2hlY2tib3hfb24tYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgLz4KICAgICAgICA8ZyBmaWxsPSIjMjViODg3IiBtYXNrPSJ1cmwoI2NoZWNrYm94X29uLWIpIj4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
+    border: none;
+  }
+  .p-checkbox .p-checkbox-box .p-checkbox-icon.pi-minus::after {
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIKICAgIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1jb3B5LWEiCiAgICAgICAgICAgIGQ9Ik0yLDIuODMzMzMzMzMgQzIsMi4zNzMwOTYwNCAyLjM3MzA5NjA0LDIgMi44MzMzMzMzMywyIEwyMS4xNjY2NjY3LDIgQzIxLjYyNjkwNCwyIDIyLDIuMzczMDk2MDQgMjIsMi44MzMzMzMzMyBMMjIsMjEuMTY2NjY2NyBDMjIsMjEuNjI2OTA0IDIxLjYyNjkwNCwyMiAyMS4xNjY2NjY3LDIyIEwyLjgzMzMzMzMzLDIyIEMyLjM3MzA5NjA0LDIyIDIsMjEuNjI2OTA0IDIsMjEuMTY2NjY2NyBMMiwyLjgzMzMzMzMzIFogTTE2LDEzIEMxNi41NTIyODQ3LDEzIDE3LDEyLjU1MjI4NDcgMTcsMTIgQzE3LDExLjQ0NzcxNTMgMTYuNTUyMjg0NywxMSAxNiwxMSBMOCwxMSBDNy40NDc3MTUyNSwxMSA3LDExLjQ0NzcxNTMgNywxMiBDNywxMi41NTIyODQ3IDcuNDQ3NzE1MjUsMTMgOCwxMyBMMTYsMTMgWiIgLz4KICAgIDwvZGVmcz4KICAgIDx1c2UgZmlsbD0iIzI1Yjg4NyIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIKICAgICAgICB4bGluazpocmVmPSIjY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1jb3B5LWEiIC8+Cjwvc3ZnPg==');
+    opacity: 1;
+  }
+  .p-treetable .p-treetable-tbody > tr.p-highlight {
+    background-color: var(--colorBgPrimary);
+  }
+  .c-particles {
+    display: none;
+  }
+  .c-star-icon {
+    color: #fff;
+  }
+  .c-star-icon_selected {
+    color: #fff899;
+  }
+}
+// styles for elements whitch are neighbor to body
+.#{$theme-name} + {
+  // SEM-1329 @import "../../../../../src/app/AngularJS/common/charts-nvd3/tooltip/components.tooltip.themes";
+}