smart-webcomponents-react 25.0.0 → 25.0.3

package/source/styles/bootstrap/smart.bootstrap.turquoise.css

@@ -7,27 +7,27 @@ body[theme=dark] {
   /* The theme primary color */
   --smart-primary-color: #ffffff;
   /* Text color on top of a primary background */
-  --smart-secondary-rgb: 108, 117, 125;
+  --smart-secondary-rgb: 136, 153, 166;
   /* The r, g, and b components of the theme secondary color */
-  --smart-secondary: #6c757d;
+  --smart-secondary: #8899a6;
   /* The theme secondary color */
   --smart-secondary-color: #ffffff;
   /* Text color on top of a secondary background */
-  --smart-error-rgb: 220, 53, 69;
+  --smart-error-rgb: 224, 36, 94;
   /* The r, g, and b components of the theme error color */
-  --smart-error: #dc3545;
+  --smart-error: #e0245e;
   /* The theme error color */
   --smart-error-color: #ffffff;
   /* Text color on top of a error background */
-  --smart-success-rgb: 40, 167, 69;
+  --smart-success-rgb: 22, 191, 99;
   /* The r, g, and b components of the theme success color */
-  --smart-success: #28a745;
+  --smart-success: #16bf63;
   /* The theme success color */
   --smart-success-color: #ffffff;
   /* Text color on top of a success background */
-  --smart-info-rgb: 23, 162, 184;
+  --smart-info-rgb: 121, 75, 195;
   /* The r, g, and b components of the theme info color */
-  --smart-info: #17a2b8;
+  --smart-info: #794bc3;
   /* The theme info color */
   --smart-info-color: #ffffff;
   /* Text color on top of a info background */
@@ -61,11 +61,11 @@ body[theme=dark] {
   /* The theme black color */
   --smart-black-color: #000000;
   /* Text color on top of a black background */
-  --smart-surface: #ffffff;
-  --smart-surface-color: #212529;
-  --smart-background: #ffffff;
+  --smart-surface: #15202b;
+  --smart-surface-color: #ffffff;
+  --smart-background: #15202b;
   /* The theme background color. The background color appears behind scrollable content.*/
-  --smart-background-color: #212529;
+  --smart-background-color: #ffffff;
   /* Text color on top of a background background */
   --smart-font-size: 1rem;
   /* Theme font-size */
@@ -255,12 +255,12 @@ smart-repeat-button.secondary {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-hover: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-active: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-active: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-focus: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-focus: rgb(84.3605150215, 91.3905579399, 97.6394849785);
+  --smart-ui-state-hover: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-hover: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-active: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-active: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-focus: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-focus: rgb(107.3990384615, 127.9134615385, 143.6009615385);
 }
 smart-button.success,
 smart-toggle-button.success,
@@ -268,12 +268,12 @@ smart-repeat-button.success {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-hover: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-active: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-active: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-focus: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-focus: rgb(30.1449275362, 125.8550724638, 52);
+  --smart-ui-state-hover: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-hover: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-active: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-active: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-focus: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-focus: rgb(16.7323943662, 145.2676056338, 75.2957746479);
 }
 smart-button.info,
 smart-toggle-button.info,
@@ -281,12 +281,12 @@ smart-repeat-button.info {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-hover: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-active: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-active: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-focus: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-focus: rgb(17.3333333333, 122.0869565217, 138.6666666667);
+  --smart-ui-state-hover: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-hover: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-active: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-active: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-focus: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-focus: rgb(96.725, 54.75, 164.25);
 }
 smart-button.warning,
 smart-toggle-button.warning,
@@ -307,12 +307,12 @@ smart-repeat-button.error {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-hover: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-active: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-active: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-focus: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-focus: rgb(189.2151898734, 32.7848101266, 47.7721518987);
+  --smart-ui-state-hover: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-hover: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-active: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-active: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-focus: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-focus: rgb(183.084, 25.916, 74.404);
 }
 smart-button.light,
 smart-toggle-button.light,
@@ -413,39 +413,39 @@ smart-repeat-button.outlined[active] {
   color: var(--smart-primary-color);
 }
 .smart-button-group.secondary .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.secondary .smart-button-group-items .smart-button-group-item:hover {
-  background-color: rgb(78.4506437768, 84.9881974249, 90.7993562232) !important;
+  background-color: rgb(101.9435096154, 121.4158653846, 136.3064903846) !important;
 }
 .smart-button-group.secondary .smart-button-group-items .smart-button-group-item[focus] {
-  background-color: rgb(78.4506437768, 84.9881974249, 90.7993562232) !important;
+  background-color: rgb(101.9435096154, 121.4158653846, 136.3064903846) !important;
   color: var(--smart-secondary-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--smart-secondary-rgb), 0.5)  !important;
 }
 .smart-button-group.secondary .smart-button-group-items .smart-button-group-item:active, .smart-button-group.secondary .smart-button-group-items .smart-button-group-item [active] {
-  background-color: rgb(78.4506437768, 84.9881974249, 90.7993562232) !important;
+  background-color: rgb(101.9435096154, 121.4158653846, 136.3064903846) !important;
   color: var(--smart-secondary-color);
 }
 .smart-button-group.success .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.success .smart-button-group-items .smart-button-group-item:hover {
-  background-color: rgb(27.6811594203, 115.5688405797, 47.75) !important;
+  background-color: rgb(15.4154929577, 133.8345070423, 69.3697183099) !important;
 }
 .smart-button-group.success .smart-button-group-items .smart-button-group-item[focus] {
-  background-color: rgb(27.6811594203, 115.5688405797, 47.75) !important;
+  background-color: rgb(15.4154929577, 133.8345070423, 69.3697183099) !important;
   color: var(--smart-success-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--smart-success-rgb), 0.5)  !important;
 }
 .smart-button-group.success .smart-button-group-items .smart-button-group-item:active, .smart-button-group.success .smart-button-group-items .smart-button-group-item [active] {
-  background-color: rgb(27.6811594203, 115.5688405797, 47.75) !important;
+  background-color: rgb(15.4154929577, 133.8345070423, 69.3697183099) !important;
   color: var(--smart-success-color);
 }
 .smart-button-group.info .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.info .smart-button-group-items .smart-button-group-item:hover {
-  background-color: rgb(15.9166666667, 112.1086956522, 127.3333333333) !important;
+  background-color: rgb(91.09375, 51.5625, 154.6875) !important;
 }
 .smart-button-group.info .smart-button-group-items .smart-button-group-item[focus] {
-  background-color: rgb(15.9166666667, 112.1086956522, 127.3333333333) !important;
+  background-color: rgb(91.09375, 51.5625, 154.6875) !important;
   color: var(--smart-info-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--smart-info-rgb), 0.5)  !important;
 }
 .smart-button-group.info .smart-button-group-items .smart-button-group-item:active, .smart-button-group.info .smart-button-group-items .smart-button-group-item [active] {
-  background-color: rgb(15.9166666667, 112.1086956522, 127.3333333333) !important;
+  background-color: rgb(91.09375, 51.5625, 154.6875) !important;
   color: var(--smart-info-color);
 }
 .smart-button-group.warning .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.warning .smart-button-group-items .smart-button-group-item:hover {
@@ -461,15 +461,15 @@ smart-repeat-button.outlined[active] {
   color: var(--smart-warning-color);
 }
 .smart-button-group.error .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.error .smart-button-group-items .smart-button-group-item:hover {
-  background-color: rgb(178.3481012658, 30.9018987342, 45.0284810127) !important;
+  background-color: rgb(171.915, 24.335, 69.865) !important;
 }
 .smart-button-group.error .smart-button-group-items .smart-button-group-item[focus] {
-  background-color: rgb(178.3481012658, 30.9018987342, 45.0284810127) !important;
+  background-color: rgb(171.915, 24.335, 69.865) !important;
   color: var(--smart-error-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--smart-error-rgb), 0.5)  !important;
 }
 .smart-button-group.error .smart-button-group-items .smart-button-group-item:active, .smart-button-group.error .smart-button-group-items .smart-button-group-item [active] {
-  background-color: rgb(178.3481012658, 30.9018987342, 45.0284810127) !important;
+  background-color: rgb(171.915, 24.335, 69.865) !important;
   color: var(--smart-error-color);
 }
 .smart-button-group.light .smart-button-group-items .smart-button-group-item[hover], .smart-button-group.light .smart-button-group-items .smart-button-group-item:hover {
@@ -497,9 +497,9 @@ smart-repeat-button.outlined[active] {
   color: var(--smart-dark-color);
 }
 .smart-button-group.pagination .smart-button-group-items .smart-button-group-item {
-  border: 1px solid #dee2e6;
-  color: #00CED1;
-  background: #ffffff;
+  border: 1px solid #38444d;
+  color: #f8f9fa;
+  background: #343a40;
 }
 .smart-button-group.pagination .smart-button-group-items .smart-button-group-item:not(:last-of-type) {
   border-right: 1px solid transparent;
@@ -546,7 +546,7 @@ a.smart-badge[active], a.smart-badge:active, a.smart-badge[focus], a.smart-badge
 smart-breadcrumb {
   width: 100%;
   height: auto;
-  background: #e9ecef;
+  background: #ced4da;
   padding: 0.75rem 1rem;
   border: 0;
   margin-bottom: 1rem;
@@ -557,7 +557,7 @@ smart-breadcrumb a {
   text-decoration: none;
 }
 smart-breadcrumb.smart-element {
-  background: #e9ecef;
+  background: #ced4da;
 }
 smart-breadcrumb .smart-template-container .smart-breadcrumb-items .smart-breadcrumb-item {
   height: auto;
@@ -590,29 +590,29 @@ smart-breadcrumb .smart-template-container .smart-breadcrumb-items .smart-breadc
   overflow: hidden;
 }
 .smart-accordion .smart-accordion-item {
-  background: #ffffff;
+  background: #15202b;
   border-radius: 0;
   box-shadow: unset;
   margin: 0 !important;
   overflow: hidden;
 }
 .smart-accordion .smart-accordion-item:hover .smart-accordion-item-header, .smart-accordion .smart-accordion-item[hover] .smart-accordion-item-header, .smart-accordion .smart-accordion-item[focus] .smart-accordion-item-header, .smart-accordion .smart-accordion-item[focused] .smart-accordion-item-header, .smart-accordion .smart-accordion-item[expanded] .smart-accordion-item-header {
-  background: rgba(0, 0, 0, 0.03);
+  background: rgba(255, 255, 255, 0.03);
 }
 .smart-accordion .smart-accordion-item .smart-accordion-item-header {
   padding: 0px;
-  background: rgba(0, 0, 0, 0.03);
+  background: rgba(255, 255, 255, 0.03);
 }
 .smart-accordion .smart-accordion-item .smart-accordion-item-header .smart-arrow {
   display: none;
 }
 .smart-accordion .smart-accordion-item .smart-accordion-item-header .smart-label {
   font-size: 1rem;
-  color: #00CED1;
+  color: rgb(56, 252.1435406699, 255);
   padding: 0.375rem 0.75rem;
 }
 .smart-accordion .smart-accordion-item .smart-container {
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  border: 1px solid #38444d;
 }
 .smart-accordion .smart-accordion-item:last-of-type .smart-container {
   border-bottom-left-radius: 0.25rem;
@@ -640,7 +640,7 @@ smart-drop-down-button .smart-drop-down smart-tree {
   border: 0;
 }
 smart-drop-down-button .smart-drop-down-container {
-  --smart-border: rgba(0, 0, 0, 0.15);
+  --smart-border: #38444d;
   min-width: 10rem !important;
   padding: 0.5rem 0 !important;
   margin: 0.325rem 0 0 !important;
@@ -649,7 +649,7 @@ smart-drop-down-button .smart-drop-down-container {
   text-align: left;
   list-style: none;
   background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  border: 1px solid #38444d;
   border-radius: 0.25rem;
   box-shadow: unset !important;
 }
@@ -670,7 +670,7 @@ smart-drop-down-button .smart-color-picker .smart-drop-down,
 smart-drop-down-button .smart-path .smart-drop-down[bottom],
 smart-drop-down-button .smart-path .smart-drop-down {
   --smart-editor-drop-down-min-width: auto;
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  border: 1px solid #38444d;
 }
 smart-drop-down-button .smart-tree-main-container .smart-tree-item {
   border-radius: 0;
@@ -682,8 +682,8 @@ smart-drop-down-button .smart-tree-main-container .smart-tree-item:focus:hover .
   color: #ffffff;
 }
 smart-drop-down-button .smart-tree-main-container .smart-tree-item[selected] .smart-tree-item-label-container, smart-drop-down-button .smart-tree-main-container .smart-tree-item:hover .smart-tree-item-label-container, smart-drop-down-button .smart-tree-main-container .smart-tree-item[hover] .smart-tree-item-label-container {
-  background: #e9ecef;
-  color: #212529;
+  background: #343a40;
+  color: #ffffff;
 }
 smart-drop-down-button[opened] {
   box-shadow: 0 0 0 0.25rem rgba(var(--smart-primary-rgb), 0.5) !important;
@@ -729,12 +729,12 @@ smart-drop-down-button.secondary {
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
   --smart-ui-state-color-active: var(--smart-secondary-color);
-  --smart-ui-state-hover: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-hover: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-active: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-active: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-focus: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-focus: rgb(84.3605150215, 91.3905579399, 97.6394849785);
+  --smart-ui-state-hover: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-hover: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-active: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-active: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-focus: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-focus: rgb(107.3990384615, 127.9134615385, 143.6009615385);
   --smart-ui-state-color-hover: var(--smart-secondary-color);
 }
 smart-drop-down-button.secondary[opened] {
@@ -745,12 +745,12 @@ smart-drop-down-button.success {
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
   --smart-ui-state-color-active: var(--smart-success-color);
-  --smart-ui-state-hover: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-hover: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-active: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-active: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-focus: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-focus: rgb(30.1449275362, 125.8550724638, 52);
+  --smart-ui-state-hover: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-hover: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-active: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-active: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-focus: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-focus: rgb(16.7323943662, 145.2676056338, 75.2957746479);
   --smart-ui-state-color-hover: var(--smart-success-color);
 }
 smart-drop-down-button.success[opened] {
@@ -761,12 +761,12 @@ smart-drop-down-button.info {
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
   --smart-ui-state-color-active: var(--smart-info-color);
-  --smart-ui-state-hover: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-hover: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-active: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-active: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-focus: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-focus: rgb(17.3333333333, 122.0869565217, 138.6666666667);
+  --smart-ui-state-hover: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-hover: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-active: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-active: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-focus: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-focus: rgb(96.725, 54.75, 164.25);
   --smart-ui-state-color-hover: var(--smart-info-color);
 }
 smart-drop-down-button.info[opened] {
@@ -793,12 +793,12 @@ smart-drop-down-button.error {
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
   --smart-ui-state-color-active: var(--smart-error-color);
-  --smart-ui-state-hover: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-hover: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-active: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-active: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-focus: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-focus: rgb(189.2151898734, 32.7848101266, 47.7721518987);
+  --smart-ui-state-hover: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-hover: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-active: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-active: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-focus: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-focus: rgb(183.084, 25.916, 74.404);
   --smart-ui-state-color-hover: var(--smart-error-color);
 }
 smart-drop-down-button.error[opened] {
@@ -872,7 +872,7 @@ smart-scheduler:not(.bordered) {
   /* Vertical timeline color in 'day' and 'week' views */
 }
 smart-scheduler.bordered {
-  --smart-scheduler-day-week-view-vertical-line-color: #dee2e6;
+  --smart-scheduler-day-week-view-vertical-line-color: #38444d;
   /* Vertical timeline color in 'day' and 'week' views */
 }
 smart-scheduler.no-border {
@@ -885,7 +885,7 @@ smart-scheduler[view-type=week] .smart-scheduler-view-header-horizontal .smart-s
   border-left: 0;
 }
 smart-scheduler:not([view-type^=timeline]) .smart-scheduler-cells-container .smart-scheduler-cell.scale:not(:last-of-type) {
-  border-color: #dee2e6 !important;
+  border-color: #38444d !important;
 }
 smart-scheduler:not(.table-primary).striped .smart-scheduler-cells-container .smart-scheduler-cell-container {
   background: transparent;
@@ -1388,9 +1388,9 @@ smart-card.card {
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: #ffffff;
+  background-color: #15202b;
   background-clip: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  border: 1px solid #38444d;
   border-radius: 0.25rem;
 }
 smart-card.card > hr {
@@ -1408,8 +1408,8 @@ smart-card.card .card-title {
 smart-card.card .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  background-color: rgba(255, 255, 255, 0.03);
+  border-bottom: 1px solid #38444d;
 }
 smart-card.card .card-header:first-child {
   border-top-left-radius: 0.25rem;
@@ -1417,8 +1417,8 @@ smart-card.card .card-header:first-child {
 }
 smart-card.card .card-footer {
   padding: 0.75rem 1.25rem;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-top: 1px solid rgba(0, 0, 0, 0.125);
+  background-color: rgba(255, 255, 255, 0.03);
+  border-top: 1px solid #38444d;
 }
 smart-card.card .card-footer:last-child {
   border-bottom-left-radius: 0.25rem;
@@ -1441,11 +1441,11 @@ smart-card.card .card-footer:last-child {
   box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
   border-radius: 0.25rem;
   border-color: rgba(0, 0, 0, 0.1);
-  background-color: rgba(255, 255, 255, 0.85);
-  color: #343a40;
+  background-color: rgba(0, 0, 0, 0.85);
+  color: #f8f9fa;
 }
 .smart-toast-item.bootstrap:hover {
-  background-color: #ffffff;
+  background-color: #000000;
 }
 .smart-toast-item.bootstrap .smart-toast-item-header {
   padding: 0.25rem 0.75rem;
@@ -1463,7 +1463,7 @@ smart-card.card .card-footer:last-child {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
-  color: #343a40;
+  color: #f8f9fa;
   text-shadow: 0 1px 0 #fff;
   opacity: 0.5;
 }
@@ -1516,7 +1516,7 @@ smart-card.card .card-footer:last-child {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
-  color: #343a40;
+  color: #f8f9fa;
   text-shadow: 0 1px 0 #fff;
   opacity: 0.5;
 }
@@ -1583,12 +1583,12 @@ smart-card.card .card-footer:last-child {
 
 /* PAGER */
 smart-pager.smart-element {
-  border: 1px solid #dee2e6;
+  border: 1px solid #38444d;
   height: auto;
   border-radius: var(--smart-border-top-left-radius);
   padding: 0;
-  background: #ffffff;
-  color: #00CED1;
+  background: #343a40;
+  color: #f8f9fa;
   width: auto;
   display: inline-flex;
   vertical-align: middle;
@@ -1620,13 +1620,13 @@ smart-pager.smart-element .smart-pager-page-index-selector:hover:not([selected])
   color: var(--smart-ui-state-active);
 }
 smart-pager.smart-element .smart-arrow-right {
-  border-left: 1px solid #dee2e6;
+  border-left: 1px solid #38444d;
 }
 smart-pager.smart-element .smart-pager-page-index-selectors-container .smart-pager-page-index-selector {
-  border-left: 1px solid #dee2e6;
+  border-left: 1px solid #38444d;
 }
 smart-pager.smart-element .smart-pager-page-index-selectors-container .smart-pager-page-index-selector:last-of-type:not(.smart-hidden) {
-  border-right: 1px solid #dee2e6;
+  border-right: 1px solid #38444d;
 }
 
 /* TOOLTIP */
@@ -1650,14 +1650,14 @@ smart-tooltip .smart-tooltip-content {
   --smart-border-bottom-left-radius: 0.25rem;
   --smart-border-bottom-right-radius: 0.25rem;
   border-width: 1px;
-  border-color: #e9ecef;
+  border-color: rgba(136, 153, 166, 0.15);
   color: #ffffff;
 }
 .smart-progress-bar:not(.smart-circular-progress-bar) {
-  background-color: #e9ecef !important;
+  background-color: rgba(136, 153, 166, 0.15) !important;
 }
 .smart-progress-bar .smart-value-path {
-  stroke: #e9ecef;
+  stroke: rgba(136, 153, 166, 0.15);
 }
 
 .smart-circular-progress-bar {
@@ -1666,18 +1666,18 @@ smart-tooltip .smart-tooltip-content {
 
 /* WINDOW */
 .smart-window {
-  background-color: #ffffff;
+  background-color: #343a40;
   background-clip: padding-box;
-  border: 1px solid #dee2e6;
+  border: 1px solid #38444d;
   border-radius: 0.3rem;
   outline: 0;
 }
 .smart-window .smart-content-container > .smart-header-section {
   padding: 1rem;
-  background-color: #ffffff;
-  color: #212529;
+  background-color: #343a40;
+  color: #ffffff;
   font-size: 1.25rem;
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #38444d;
   height: auto;
 }
 .smart-window .smart-content-container > .smart-header-section .smart-buttons-container .smart-button {
@@ -1704,8 +1704,8 @@ smart-tooltip .smart-tooltip-content {
 }
 .smart-window .smart-content-container > .smart-footer {
   padding: 1rem;
-  border-top: 1px solid #dee2e6;
-  background: #ffffff;
+  border-top: 1px solid #38444d;
+  background: #343a40;
   height: auto;
   min-height: auto;
   display: flex;
@@ -1848,7 +1848,7 @@ smart-carousel.slider .smart-arrow:hover {
 .jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
-  background-color: #e9ecef;
+  background-color: #343a40;
   border-radius: 0.3rem;
 }
 @media (min-width: 576px) {
@@ -1979,8 +1979,8 @@ smart-carousel.slider .smart-arrow:hover {
   box-shadow: 0 0 0 0.2rem rgba(0, 206, 209, 0.25) !important;
 }
 .smart-list-box .smart-list-box-filter-input-container input {
-  background: #ffffff;
-  color: #212529;
+  background: #15202b;
+  color: #ffffff;
 }
 .smart-list-box .smart-list-items-inner-container {
   margin: 0 auto !important;
@@ -1997,7 +1997,7 @@ smart-carousel.slider .smart-arrow:hover {
 .smart-drop-down {
   border-width: 1px;
   border-style: solid !important;
-  border-color: rgba(0, 0, 0, 0.15) !important;
+  border-color: #38444d !important;
   border-radius: 0.25rem;
   box-shadow: unset !important;
 }
@@ -2020,14 +2020,14 @@ smart-carousel.slider .smart-arrow:hover {
 }
 
 .smart-input-drop-down-menu {
-  --smart-border: rgba(0, 0, 0, 0.15);
+  --smart-border: #38444d;
   padding: 0;
   font-size: 1rem !important;
   color: #212529;
   text-align: left;
   list-style: none;
   background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  border: 1px solid #38444d;
   border-radius: 0.25rem;
   box-shadow: unset !important;
 }
@@ -2035,8 +2035,8 @@ smart-carousel.slider .smart-arrow:hover {
   border-radius: 0 !important;
 }
 .smart-input-drop-down-menu ul li.active a {
-  background: #e9ecef !important;
-  color: #212529 !important;
+  background: #343a40 !important;
+  color: #ffffff !important;
 }
 .smart-input-drop-down-menu[animation=none] {
   animation: unset !important;
@@ -2065,34 +2065,34 @@ smart-carousel.slider .smart-arrow:hover {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-hover: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-active: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-active: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  --smart-ui-state-focus: rgb(90.2703862661, 97.7929184549, 104.4796137339);
-  --smart-ui-state-border-focus: rgb(84.3605150215, 91.3905579399, 97.6394849785);
+  --smart-ui-state-hover: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-hover: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-active: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-active: rgb(107.3990384615, 127.9134615385, 143.6009615385);
+  --smart-ui-state-focus: rgb(114.1165865385, 134.2427884615, 149.6334134615);
+  --smart-ui-state-border-focus: rgb(107.3990384615, 127.9134615385, 143.6009615385);
 }
 .smart-multi-split-button.success {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-hover: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-active: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-active: rgb(30.1449275362, 125.8550724638, 52);
-  --smart-ui-state-focus: rgb(32.6086956522, 136.1413043478, 56.25);
-  --smart-ui-state-border-focus: rgb(30.1449275362, 125.8550724638, 52);
+  --smart-ui-state-hover: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-hover: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-active: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-active: rgb(16.7323943662, 145.2676056338, 75.2957746479);
+  --smart-ui-state-focus: rgb(18.0492957746, 156.7007042254, 81.2218309859);
+  --smart-ui-state-border-focus: rgb(16.7323943662, 145.2676056338, 75.2957746479);
 }
 .smart-multi-split-button.info {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-hover: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-active: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-active: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  --smart-ui-state-focus: rgb(18.75, 132.0652173913, 150);
-  --smart-ui-state-border-focus: rgb(17.3333333333, 122.0869565217, 138.6666666667);
+  --smart-ui-state-hover: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-hover: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-active: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-active: rgb(96.725, 54.75, 164.25);
+  --smart-ui-state-focus: rgb(102.35625, 57.9375, 173.8125);
+  --smart-ui-state-border-focus: rgb(96.725, 54.75, 164.25);
 }
 .smart-multi-split-button.warning {
   --smart-button-opacity-hover: 1;
@@ -2109,12 +2109,12 @@ smart-carousel.slider .smart-arrow:hover {
   --smart-button-opacity-hover: 1;
   --smart-button-opacity-focus: 1;
   --smart-button-opacity-active: 1;
-  --smart-ui-state-hover: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-hover: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-active: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-active: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  --smart-ui-state-focus: rgb(200.082278481, 34.667721519, 50.5158227848);
-  --smart-ui-state-border-focus: rgb(189.2151898734, 32.7848101266, 47.7721518987);
+  --smart-ui-state-hover: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-hover: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-active: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-active: rgb(183.084, 25.916, 74.404);
+  --smart-ui-state-focus: rgb(194.253, 27.497, 78.943);
+  --smart-ui-state-border-focus: rgb(183.084, 25.916, 74.404);
 }
 .smart-multi-split-button.light {
   --smart-button-opacity-hover: 1;
@@ -2141,8 +2141,8 @@ smart-carousel.slider .smart-arrow:hover {
 
 /* LIST MENU */
 .smart-list-menu input.smart-filter-input {
-  background: #ffffff;
-  color: #212529;
+  background: #15202b;
+  color: #ffffff;
 }
 
 .smart-list-menu .smart-header > smart-button,
@@ -2174,8 +2174,8 @@ smart-carousel.slider .smart-arrow:hover {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  background-color: #15202b;
+  border: 1px solid #38444d;
 }
 .smart-sortable ul li:first-child,
 .smart-sortable ol li:first-child {
@@ -2200,10 +2200,10 @@ smart-carousel.slider .smart-arrow:hover {
   border-radius: 0;
 }
 .smart-table thead th {
-  color: #212529;
+  color: #ffffff;
   font-weight: bold;
   font-size: 1rem;
-  border-bottom: 2px solid #dee2e6;
+  border-bottom: 2px solid #38444d;
 }
 .smart-table th.tooltip,
 .smart-table td.tooltip {
@@ -2219,31 +2219,31 @@ smart-carousel.slider .smart-arrow:hover {
   background: transparent;
 }
 .smart-tabs .smart-header .smart-tab-strip {
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #38444d;
   margin-bottom: 1rem;
 }
 .smart-tabs .smart-header .smart-tab-label-container {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border: 1px solid transparent !important;
-  border-bottom: 1px solid #dee2e6 !important;
+  border-bottom: 1px solid #38444d !important;
   text-transform: unset;
-  background: #ffffff;
+  background: #15202b;
   margin: 0 0 -1px 0 !important;
 }
 .smart-tabs .smart-header .smart-tab-label-container .smart-tab-label-text-wrapper {
   color: var(--smart-primary);
 }
 .smart-tabs .smart-header .smart-tab-label-container[hover] {
-  border: 1px solid #dee2e6 !important;
+  border: 1px solid #38444d !important;
 }
 .smart-tabs .smart-header .smart-tab-label-container.smart-tab-selected {
-  border: 1px solid #dee2e6 !important;
-  border-bottom: 1px solid #ffffff !important;
+  border: 1px solid #38444d !important;
+  border-bottom: 1px solid #15202b !important;
   background: transparent;
 }
 .smart-tabs .smart-header .smart-tab-label-container.smart-tab-selected .smart-tab-label-text-wrapper {
-  color: #495057;
+  color: #ffffff;
 }
 .smart-tabs .smart-tabs-content-section {
   border: 0;
@@ -2257,7 +2257,7 @@ smart-carousel.slider .smart-arrow:hover {
   height: 1rem;
 }
 .smart-tabs[vertical] .smart-header .smart-tab-label-container {
-  border: 1px solid #dee2e6 !important;
+  border: 1px solid #38444d !important;
   border-radius: 0;
 }
 .smart-tabs[vertical] .smart-header .smart-tab-strip {
@@ -2272,7 +2272,7 @@ smart-carousel.slider .smart-arrow:hover {
   line-height: unset;
 }
 .smart-grid > .smart-container .smart-grid-pager {
-  border-top: 1px solid #dee2e6;
+  border-top: 1px solid #38444d;
   height: calc(var(--smart-pager-default-height) - 10px);
 }
 .smart-grid .smart-pager {
@@ -2294,10 +2294,10 @@ smart-carousel.slider .smart-arrow:hover {
   margin-top: 2px;
 }
 .smart-grid smart-grid-column {
-  background: #ffffff;
+  background: #15202b;
 }
 .smart-grid smart-grid-cell[header] {
-  background: #ffffff;
+  background: #15202b;
 }
 .smart-grid .smart-radio-button .smart-label {
   margin-bottom: 0;
@@ -2474,14 +2474,14 @@ smart-carousel.slider .smart-arrow:hover {
 
 /* DOCKING LAYOUT */
 .smart-docking-layout .smart-tabs[tab-text-orientation=vertical] .smart-header .smart-tab-label-container {
-  border: 1px solid #dee2e6 !important;
+  border: 1px solid #38444d !important;
 }
 .smart-docking-layout .smart-tabs[tab-text-orientation=vertical] .smart-header .smart-tab-label-container:last-of-type {
   border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
   border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
 }
 .smart-docking-layout .smart-tabs[tab-text-orientation=vertical] .smart-header .smart-tab-label-container.smart-tab-selected {
-  border-bottom: 1px solid #dee2e6 !important;
+  border-bottom: 1px solid #38444d !important;
 }
 
 /* CARD VIEW */
@@ -2494,9 +2494,9 @@ smart-carousel.slider .smart-arrow:hover {
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: #ffffff;
+  background-color: #15202b;
   background-clip: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  border: 1px solid #38444d;
   border-radius: 0.25rem;
   box-shadow: unset !important;
 }
@@ -2521,10 +2521,10 @@ smart-carousel.slider .smart-arrow:hover {
   --smart-menu-default-width: auto;
 }
 .smart-menu .smart-menu-drop-down {
-  --smart-border: rgba(0, 0, 0, 0.15);
+  --smart-border: #38444d;
   font-size: 1rem !important;
-  color: #212529;
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  color: #ffffff;
+  border: 1px solid #38444d;
   border-radius: 0.25rem;
   box-shadow: unset !important;
 }
@@ -2532,14 +2532,14 @@ smart-carousel.slider .smart-arrow:hover {
   animation: unset !important;
 }
 .smart-menu[aria-orientation=horizontal] {
-  --smart-surface: #f8f9fa;
+  --smart-surface: #343a40;
   --smart-surface-color: rgba(0, 0, 0, 0.9);
   border: 0 !important;
   padding: 0.5rem 1rem;
 }
 .smart-menu smart-menu-item[level="1"],
 .smart-menu smart-menu-items-group[level="1"] {
-  color: rgba(0, 0, 0, 0.5);
+  color: rgba(255, 255, 255, 0.5);
 }
 .smart-menu smart-menu-item[level="1"].logo,
 .smart-menu smart-menu-items-group[level="1"].logo {
@@ -2566,17 +2566,17 @@ smart-carousel.slider .smart-arrow:hover {
 }
 .smart-menu smart-menu-item[level="1"].active,
 .smart-menu smart-menu-items-group[level="1"].active {
-  color: rgba(0, 0, 0, 0.9);
+  color: rgba(255, 255, 255, 0.9);
 }
 .smart-menu smart-menu-item[level="1"].disabled,
 .smart-menu smart-menu-items-group[level="1"].disabled {
-  color: rgba(0, 0, 0, 0.3);
+  color: rgba(255, 255, 255, 0.3);
 }
 .smart-menu smart-menu-item[level="1"][hover], .smart-menu smart-menu-item[level="1"][focus],
 .smart-menu smart-menu-items-group[level="1"][hover],
 .smart-menu smart-menu-items-group[level="1"][focus] {
   background: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(255, 255, 255, 0.7);
 }
 .smart-menu smart-menu-item[level="1"] .smart-menu-item-label-element > span,
 .smart-menu smart-menu-items-group[level="1"] .smart-menu-item-label-element > span {
@@ -2585,8 +2585,8 @@ smart-carousel.slider .smart-arrow:hover {
 .smart-menu smart-menu-item:not([level="1"])[hover], .smart-menu smart-menu-item:not([level="1"])[focus],
 .smart-menu smart-menu-items-group:not([level="1"])[hover],
 .smart-menu smart-menu-items-group:not([level="1"])[focus] {
-  background: #f8f9fa;
-  color: rgb(21.6283783784, 24.25, 26.8716216216);
+  background: #495057;
+  color: #ffffff;
 }
 .smart-menu smart-menu-item:not([level="1"]) .smart-menu-item-label-container,
 .smart-menu smart-menu-items-group:not([level="1"]) .smart-menu-item-label-container {
@@ -2594,7 +2594,7 @@ smart-carousel.slider .smart-arrow:hover {
 }
 .smart-menu smart-menu-item:not([level="1"]) .smart-menu-drop-down,
 .smart-menu smart-menu-items-group:not([level="1"]) .smart-menu-drop-down {
-  border: 1px solid rgba(0, 0, 0, 0.15) !important;
+  border: 1px solid #38444d !important;
 }
 .smart-menu .smart-arrow-down {
   font-size: 1rem;
@@ -2875,8 +2875,8 @@ smart-password-text-box.smart-password-text-box.smart-validation-success,
 smart-date-time-picker.smart-date-time-picker.smart-validation-success,
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-success,
 smart-input.smart-input.smart-validation-success {
-  --smart-border: #28a745;
-  --smart-outline: #28a745;
+  --smart-border: #16bf63;
+  --smart-outline: #16bf63;
 }
 smart-date-input.smart-date-input.smart-validation-success[focus],
 smart-text-area.smart-text-area.smart-validation-success[focus],
@@ -2894,7 +2894,7 @@ smart-password-text-box.smart-password-text-box.smart-validation-success[focus],
 smart-date-time-picker.smart-date-time-picker.smart-validation-success[focus],
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-success[focus],
 smart-input.smart-input.smart-validation-success[focus] {
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(22, 191, 99, 0.25);
 }
 smart-date-input.smart-date-input.smart-validation-success .smart-input,
 smart-text-area.smart-text-area.smart-validation-success .smart-input,
@@ -2913,7 +2913,7 @@ smart-date-time-picker.smart-date-time-picker.smart-validation-success .smart-in
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-success .smart-input,
 smart-input.smart-input.smart-validation-success .smart-input {
   background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' width= '8' height= '8' viewBox= '0 0 8 8' %3e%3cpath fill= '%2328a745' d= 'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z' /%3e%3c/svg%3e");
-  border-color: #28a745;
+  border-color: #16bf63;
 }
 smart-date-input.smart-date-input.smart-validation-success.underlined[focus] .smart-hint:after,
 smart-text-area.smart-text-area.smart-validation-success.underlined[focus] .smart-hint:after,
@@ -2931,7 +2931,7 @@ smart-password-text-box.smart-password-text-box.smart-validation-success.underli
 smart-date-time-picker.smart-date-time-picker.smart-validation-success.underlined[focus] .smart-hint:after,
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-success.underlined[focus] .smart-hint:after,
 smart-input.smart-input.smart-validation-success.underlined[focus] .smart-hint:after {
-  background-color: #28a745;
+  background-color: #16bf63;
 }
 smart-date-input.smart-date-input.smart-validation-success.underlined[focus], smart-date-input.smart-date-input.smart-validation-success.outlined[focus],
 smart-text-area.smart-text-area.smart-validation-success.underlined[focus],
@@ -2982,8 +2982,8 @@ smart-password-text-box.smart-password-text-box.smart-validation-error,
 smart-date-time-picker.smart-date-time-picker.smart-validation-error,
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-error,
 smart-input.smart-input.smart-validation-error {
-  --smart-border: #dc3545;
-  --smart-outline: #dc3545;
+  --smart-border: #e0245e;
+  --smart-outline: #e0245e;
 }
 smart-date-input.smart-date-input.smart-validation-error[focus],
 smart-text-area.smart-text-area.smart-validation-error[focus],
@@ -3001,7 +3001,7 @@ smart-password-text-box.smart-password-text-box.smart-validation-error[focus],
 smart-date-time-picker.smart-date-time-picker.smart-validation-error[focus],
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-error[focus],
 smart-input.smart-input.smart-validation-error[focus] {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(224, 36, 94, 0.25);
 }
 smart-date-input.smart-date-input.smart-validation-error .smart-input,
 smart-text-area.smart-text-area.smart-validation-error .smart-input,
@@ -3020,7 +3020,7 @@ smart-date-time-picker.smart-date-time-picker.smart-validation-error .smart-inpu
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-error .smart-input,
 smart-input.smart-input.smart-validation-error .smart-input {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
-  border-color: #dc3545;
+  border-color: #e0245e;
 }
 smart-date-input.smart-date-input.smart-validation-error.underlined[focus] .smart-hint:after,
 smart-text-area.smart-text-area.smart-validation-error.underlined[focus] .smart-hint:after,
@@ -3038,7 +3038,7 @@ smart-password-text-box.smart-password-text-box.smart-validation-error.underline
 smart-date-time-picker.smart-date-time-picker.smart-validation-error.underlined[focus] .smart-hint:after,
 smart-multiline-text-box.smart-multiline-text-box.smart-validation-error.underlined[focus] .smart-hint:after,
 smart-input.smart-input.smart-validation-error.underlined[focus] .smart-hint:after {
-  background-color: #dc3545;
+  background-color: #e0245e;
 }
 smart-date-input.smart-date-input.smart-validation-error.underlined[focus], smart-date-input.smart-date-input.smart-validation-error.outlined[focus],
 smart-text-area.smart-text-area.smart-validation-error.underlined[focus],
@@ -3159,13 +3159,13 @@ smart-drop-down-list.smart-drop-down-list.smart-validation-error .smart-action-b
 smart-color-picker.smart-color-picker.smart-validation-success,
 smart-combo-box.smart-combo-box.smart-validation-success,
 smart-drop-down-list.smart-drop-down-list.smart-validation-success {
-  --smart-border: #28a745;
-  --smart-outline: #28a745;
+  --smart-border: #16bf63;
+  --smart-outline: #16bf63;
 }
 smart-color-picker.smart-color-picker.smart-validation-success[focus],
 smart-combo-box.smart-combo-box.smart-validation-success[focus],
 smart-drop-down-list.smart-drop-down-list.smart-validation-success[focus] {
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(22, 191, 99, 0.25);
 }
 smart-color-picker.smart-color-picker.smart-validation-success .smart-action-button,
 smart-combo-box.smart-combo-box.smart-validation-success .smart-action-button,
@@ -3175,13 +3175,13 @@ smart-drop-down-list.smart-drop-down-list.smart-validation-success .smart-action
 smart-color-picker.smart-color-picker.smart-validation-error,
 smart-combo-box.smart-combo-box.smart-validation-error,
 smart-drop-down-list.smart-drop-down-list.smart-validation-error {
-  --smart-border: #dc3545;
-  --smart-outline: #dc3545;
+  --smart-border: #e0245e;
+  --smart-outline: #e0245e;
 }
 smart-color-picker.smart-color-picker.smart-validation-error[focus],
 smart-combo-box.smart-combo-box.smart-validation-error[focus],
 smart-drop-down-list.smart-drop-down-list.smart-validation-error[focus] {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(224, 36, 94, 0.25);
 }
 smart-color-picker.smart-color-picker.smart-validation-error .smart-action-button,
 smart-combo-box.smart-combo-box.smart-validation-error .smart-action-button,
@@ -3191,7 +3191,7 @@ smart-drop-down-list.smart-drop-down-list.smart-validation-error .smart-action-b
 
 .smart-error-holder {
   background: transparent;
-  color: #dc3545;
+  color: #e0245e;
   padding: 0;
   font-size: 80%;
   margin-top: 0.3rem;
@@ -3200,7 +3200,7 @@ smart-drop-down-list.smart-drop-down-list.smart-validation-error .smart-action-b
 
 .smart-success-holder {
   background: transparent;
-  color: #28a745;
+  color: #16bf63;
   padding: 0;
   font-size: 80%;
   margin-top: 1rem;
@@ -3220,7 +3220,7 @@ smart-combo-box.smart-combo-box .smart-resize-trigger-container {
 }
 
 .smart-grid-column-menu {
-  --smart-border: rgba(0, 0, 0, 0.15);
+  --smart-border: #38444d;
   min-width: 10rem !important;
   padding: 0 !important;
   margin: 0.325rem 0 0 !important;
@@ -3263,19 +3263,19 @@ body[theme=dark] .smart-alert.smart-alert-primary {
   border-color: rgb(137.6, 253.3148325359, 255);
 }
 body[theme=dark] .smart-alert.smart-alert-secondary {
-  color: rgb(53.6291845494, 58.0982832618, 62.0708154506);
-  background-color: rgb(161.1158798283, 167.8755364807, 173.8841201717);
-  border-color: rgb(204.8927038627, 208.5004291845, 211.7072961373);
+  color: rgb(79.0302884615, 94.1259615385, 105.6697115385);
+  background-color: rgb(194.3557692308, 203.0192307692, 209.6442307692);
+  border-color: rgb(241.0403846154, 243.0346153846, 244.5596153846);
 }
 body[theme=dark] .smart-alert.smart-alert-success {
-  color: rgb(17.3333333333, 72.3666666667, 29.9);
-  background-color: rgb(92.8405797101, 216.1594202899, 121);
-  border-color: rgb(158.6724637681, 231.9275362319, 175.4);
+  color: rgb(9.8845070423, 85.8154929577, 44.4802816901);
+  background-color: rgb(80.1408450704, 234.8591549296, 150.6338028169);
+  border-color: rgb(153.3126760563, 243.2873239437, 194.3070422535);
 }
 body[theme=dark] .smart-alert.smart-alert-info {
-  color: rgb(9.9666666667, 70.2, 79.7333333333);
-  background-color: rgb(76.3333333333, 211.3043478261, 232.6666666667);
-  border-color: rgb(148.8666666667, 229.0434782609, 241.7333333333);
+  color: rgb(67.4425, 38.175, 114.525);
+  background-color: rgb(177.95, 151.5, 220.5);
+  border-color: rgb(223.51, 212.7, 240.9);
 }
 body[theme=dark] .smart-alert.smart-alert-warning {
   color: rgb(144.7, 108.525, 0);
@@ -3283,9 +3283,9 @@ body[theme=dark] .smart-alert.smart-alert-warning {
   border-color: rgb(255, 238.9, 190.6);
 }
 body[theme=dark] .smart-alert.smart-alert-error {
-  color: rgb(132.7063291139, 22.9936708861, 33.5050632911);
-  background-color: rgb(235.0632911392, 139.9367088608, 149.0506329114);
-  border-color: rgb(247.1139240506, 209.4860759494, 213.0911392405);
+  color: rgb(125.0052, 17.6948, 50.8012);
+  background-color: rgb(236.648, 125.352, 159.688);
+  border-color: rgb(246.7664, 196.8336, 212.2384);
 }
 body[theme=dark] .smart-alert.smart-alert-light {
   color: rgb(179.575, 190.35, 201.125);
@@ -3300,14 +3300,14 @@ body[theme=dark] .smart-alert.smart-alert-dark {
 
 /* Gauge */
 .smart-gauge .smart-digital-display-container .smart-numeric-text-box input.smart-input {
-  color: #212529;
+  color: #ffffff;
 }
 
 /* Splitter */
 .smart-splitter-bar {
-  --smart-ui-state-hover: #dee2e6;
-  --smart-surface: #dee2e6;
-  --smart-ui-state-border-hover: #dee2e6;
+  --smart-ui-state-hover: #38444d;
+  --smart-surface: #38444d;
+  --smart-ui-state-border-hover: #38444d;
 }
 
 /* Tree */
@@ -3358,6 +3358,25 @@ body[theme=dark] .smart-alert.smart-alert-dark {
 .smart-data-view-header-drop-down .smart-formatting-panel .smart-add-new-button:hover {
   box-shadow: var(--smart-elevation-8);
 }
+.smart-data-view-header-drop-down .smart-formatting-panel .smart-add-new-button:after {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  content: var(--smart-icon-plus);
+  font-family: var(--smart-font-family-icon);
+  font-size: var(--smart-font-size);
+}w-header-drop-down .smart-filter-panel-items-container {
+  overflow: hidden;
+  line-height: 1.5;
+}
+.smart-data-view-header-drop-down .smart-formatting-panel .smart-add-new-button {
+  box-shadow: var(--smart-elevation-4);
+}
+.smart-data-view-header-drop-down .smart-formatting-panel .smart-add-new-button:hover {
+  box-shadow: var(--smart-elevation-8);
+}
 .smart-data-view-header-drop-down .smart-formatting-panel .smart-add-new-button:after {
   display: flex;
   align-items: center;