pixel-react 1.6.6 → 1.6.8

package/src/assets/Themes/DarkTheme.scss

@@ -1,265 +1,288 @@
-$dark-theme: (
-  base-bg-color: #1e1a22,
-  brand-color: #71347b,
-  text-color: #e8e0e9,
-  description-text: #d9d9d9,
-  click-able-text-color: #e8e0e9,
-  custom-table-header-bg-color:#EFE1F9,
-  icons-default-color: #e8e0e9,
-  border-color: #333234,
-  disable-color: #71347b80,
-  hover-color: #f7ebff,
-  pop-up-background-blur: #12121299,
-  slider-table-color: #272428,
-  drawer-footer-bg: #1b181c99,
-  drawer-footer-border: #333234,
-  text-bg-highlight: #f5fb00,
-  tooltip-bg-color: #2a2a2a,
-  tooltip-text-color: #ffffff,
-  toggle-strip-color: #cfd1e2,
-  toggle-strip-active-color: #71347b,
-  toggle-strip-shadow: #00000040,
-  toggle-button-bg-color: #ffffff,
-  toggle-disable-icon-color: #767994,
-  text-area-default-color: #747474,
-  add-icon-hover-color: #431b4a,
-  arrow-button-bg-color: #ffffff,
-  arrows-button-border-color: #ded1e5,
-  overlay-bg: #12121299,
-  chip-fill-color: #f9d5ff,
-  chip-text-color: #1e161f,
-  icon-color: #71347b,
-  tree-connecting-lines-color: #d7b5e3,
-  primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
-  primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%),
-  primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
-  primary-button-text-color: #ffffff,
-  primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%),
-  secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%),
-  secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%),
-  secondary-button-text-color: #71347b,
-  secondary-button-hover: linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
-  tertiary-button-color: linear-gradient(180deg,
-    rgba(70, 22, 77, 0.05) 0%,
-    rgba(113, 52, 123, 0.05) 100%),
-  tertiary-button-hover: linear-gradient(180deg,
-    rgba(70, 22, 77, 0.1) 0%,
-    rgba(113, 52, 123, 0.1) 100%),
-  delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%),
-  delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%),
-  delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
-  delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
-  warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%),
-  warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%),
-  drawer-title-color: #252c37,
-  toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%),
-  error_light: #e42525,
-  ff-success: #079455,
-  ff-warning: #f79009,
-  ff-header-text-color: #fdfaff,
-  ff-header-submenu-text-color: #666468,
-  ff-header-submenu-highlight-text-color: #170328,
-
-  default-icon-color: #a3a3a3,
-  expandable-menu-default-bg: #fdfaff,
-  expandable-menu-option-bg: #610b861a,
-  file-dropzone-default-color: #823c8d1a,
-  file-dropzone-selected-color: #823c8d33,
-  file-details-container-shadow: #fffcff99,
-  file-details-bg: #0d0d0d,
-  ff-mini-modal-border: #ffffff,
-  ff-mini-modal-box-shadow: #3713553d,
-  ff-mini-modal-arrow-shadow: #00000040,
-
-  ff-error-light: #e42525,
-  ff-chips-fill-color: #f9d5ff,
-  ff-chips-blur-color: #575757,
-  ff-chip-bg: #ffffff,
-  ff-chip-text-color: #1e161f,
-  ff-mini-modal-footer-background: #aeb0c0,
-  input-default-border-color: #a3a3a3,
-  input-hover-border-color: #1e161f,
-  input-default-label-color: #747474,
-  input-label-bg-color: #ffffff,
-  input-active-text-color: #71347b,
-  input-error-text-color: #e42525,
-  tabs-label-default-color: #7a7a7a,
-  tabs-label-active-color: #71347b,
-  tabs-border-color: #f1ebf2,
-  tabs-bg-color: #ede6f2,
-  tab-bg-color: #ffffff,
-  toast-close-icon-wrapper-bg: #fafafa,
-  toaster-boxshadow: #1e161f3d,
-  toaster-success-border: linear-gradient(#07945566, #00693a66),
-  toaster-warning-border: linear-gradient(#f7900966, #d67a0066),
-  toaster-info-border: linear-gradient(#2591e466, #1769b066),
-  toaster-danger_confirm-border: linear-gradient(#e4252566, #c9000066),
-  option-card-border-color: #ded1e5,
-  option-card-bg-color: #ffffff,
-  checkbox-bg-color: #fbfdff,
-  checkbox-border-color: #b5b5b5,
-  checkbox-partial-color: #ffffff,
-  checkbox-hover-color: #f7edff,
-  multi-select-border: #a3a3a380,
-  multi-select-label-bg: #ffffff,
-  text-color-light: #1e161f80,
-  radio-button-border: #b5b5b5,
-  radio-button-hover: #d3d3d3,
-  menu-variant-dark-icon-color: #ffffff,
-  menu-option-icon-color: #ffffff,
-  menu-option-icon-clicked: #71347b,
-  delete-text-color: #c50303,
-
-  status-success-bg-color: #c6efcd,
-  status-success-text-color: #016102,
-  status-warning-bg-color: #ffe380,
-  status-warning-text-color: #ff8b00,
-  status-rejected-bg-color: #f7d9d9,
-  status-rejected-text-color: #c60202,
-  status-skipped-bg-color: #c4c3c3,
-  status-warning-hover-bg-color: #fcd8ac,
-  status-percentage-growth-bg-color: #ecedf8,
-
-  status-button-bg-passed: #c6efcd,
-  status-button-bg-failed: #f7d9d9,
-  status-button-bg-running: #ecedf8,
-  status-button-bg-skipped: #c4c3c3,
-  status-button-bg-warning: #ffb803,
-  status-button-bg-terminated: #f7d9d9,
-  status-button-bg-partiallyExecuted: #dee7f1,
-  status-button-bg-aborted: #f7d9d9,
-  status-button-bg-notExecuted: #f7d9d9,
-  status-button-text-passed: #016102,
-  status-button-text-failed: #c50303,
-  status-button-text-running: #434db8,
-  status-button-text-skipped: #3c3838,
-  status-button-text-warning: #ffffff,
-  status-button-text-terminated: #c50303,
-  status-button-text-partiallyExecuted: #0d69d4,
-  status-button-text-aborted: #c50303,
-  status-button-text-notExecuted: #c50303,
-
-  // TODO:: Need to change the color code values of below 10 color (N/A in DS)
-  ff-select-option-border-color: #ded1e5,
-  ff-select-option-wrapper-box-shadow: #592f7c33,
-  ff-select-background-color: #ffffff,
-  ff-select-scroll-thumb-color: #d9d9d9,
-  ff-select-scroll-track-bg: #f1f1f1,
-  ff-select-scroll-thumb-hover: #b8b8b8,
-  ff-select-text-color: #14041c,
-  ff-select-option-hover-color: #f7ebff,
-  ff-select-default-color: #747474,
-  ff-select-border-color: #a3a3a3,
-  ff-select-brand-color: #71347b,
-  ff-select-text-hover-color: #1e161f,
-  ff-search-filed-clear-text: #71347b,
-  ff-search-filed-placeholder-text: #a3a3a3,
-  ff-search-filed-close-Icon: #14041c,
-  ff-paper-background-color: #f5f5f5,
-  ff-paper-dark-background-color: #d1c4e9,
-  sub-header-primary: #301349,
-
-  primary-icon-color: #ffffff,
-  secondary-icon-color: #71347b,
-  disabled-primary-color: #f9f9f9,
-  license_expireSoon_color: #ba7422,
-  license_active_color: #268735,
-  license_expired_color: #e34242,
-  license_header_text_color: #592f7c,
-  license_active_status_color: #518e18,
-  license_expired_status_color: #ab3425,
-  background-modal-color: #1111,
-  pie-chart-border-color: #b6b6b6,
-  button-bg-color: #f6ebff,
-  modal-header-text-color: #ffc600,
-  switch-license-text-color: #61296a,
-  switch-license-header-text-color: #610b86,
-  dotted-border-color: #000000,
-  select-license-header-text-color: #5f2868,
-  in-active-button-color: #808080,
-  button-background-gradient-color: #9c1ebb,
-  details-page-value-color: #808080,
-
-  label-edit-text-label-color: #71347b,
-  label-edit-text-background-color: #ffffff,
-  label-edit-error-text: #e42525,
-  label-edit-confirm-icon: #0dad66,
-  label-edit-cancel-icon: #e42525,
-  delete-icon-color: #e42525,
-  confirm-tick-icon-color:#5CA700,
-  warning-modal-border-color:#E79B0866,
-  brand-color-border:
-    linear-gradient(
-      94.23deg,
-      rgba(113, 52, 123, 0.4) 16.33%,
-      rgba(70, 22, 77, 0.4) 80.07%
-    ),
-  alert-modal-background-color:
-    linear-gradient(
-      94.23deg,
-      rgba(228, 37, 37, 0.4) 16.33%,
-      rgba(201, 0, 0, 0.4) 80.07%
-    ),
-
-  ff-app-header-menu-border-bottom-color: #ffffff,
-  ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
-  table-header-text-color: #252c37,
-  table-column-text-color: #200624,
-  ff-delete-button-attachment: #a91224,
-  email-table-border-color: #959595,
-  ff-icon-hover-fill-color: #f7ecf8,
-  ff-icon-color-danger-variant:#A912241A,
-  ff-icon-color-dark-variant: #ffffff,
-  avatar-background-color: #71347b,
-  avatar-icon-color: #ffffff,
-
-  ff-editor-line-bg: #333234,
-  ff-editor-gutter-color: #ded5e5,
-  ff-line-number-bg: #592f7c,
-  ff-line-number-color: #ffffff,
-  excel-sheet-button-color: #e9b5ff,
-  icon-hover-color: #f7ecf8,
-  ff-editor-border-color: #f0e7f4,
-  ff-icon-hover-bg-color: #f7ecf8,
-  modal-background-color: #12121233,
-  modal-alert-header-color: #db1919,
-  ff-status-card-text-color: #ffffff,
-  ff-card-status-text-color: #8a8a8a,
-  ff-card-passed-status-bg-color: #179c5f,
-  ff-card-failed-status-bg-color: #9c1732,
-  ff-card-warning-status-bg-color: #e2750f,
-  ff-card-skipped-status-bg-color: #a83fc4,
-  ff-card-flaky-status-bg-color: #3f5ac4,
-  ff-toggle-switch-off-color:#4B494C,
-  ff-toggle-switch-shadow-color:#57575780,
-  ff-search-field-hover-color:#F7ECF8,
-  ff-search-filed-bg-color:#ffffff,
-  ff-all-projects-default-color: #FFFFFF33,
-  ff-machine-inactive-status-color: #C50303,
-  ff-machine-active-status-color: #4CAF50,
-  ff-machine-running-status-color: #2055DE,
-
-  download-client-border-color:#F0E7F4,
-  download-client-header-bg-color: #EDE6F2,
-  download-client-content-text-color: #592F7C,
-  download-client-choose-os-text-color: #000000,
-  download-client-icon-container-border-color:#F0E7F4,
-  download-client-icon-container-bg-color: #FFFFFF,
-  download-client-icon-container-box-shadow-color:#592F7C4D,
-
-  public-chip-bg-color: #F9D5FF,
-  partial-public-chip-bg-color: #FCC27D,
-  private-chip-bg-color: #DBC3EF,
-  disabled-chip-bg-color:#C4C3C3,
-
-  impact-list-text-color:#14041C,
-  impact-list-chip-text-color:#3d3c3e,
-  impact-list-chip-bg-color:#E3CCF5,
-
-);
-
-:root {
-  @each $key, $value in $dark-theme {
-    --#{$key}: #{$value};
-  }
-}
+$dark-theme: (
+  base-bg-color: #1e1a22,
+  brand-color: #71347b,
+  dropdown-bg-color: #71347b27,
+  text-color: #e8e0e9,
+  description-text: #d9d9d9,
+  click-able-text-color: #e8e0e9,
+  custom-table-header-bg-color: #efe1f9,
+  icons-default-color: #e8e0e9,
+  border-color: #333234,
+  disable-color: #71347b80,
+  hover-color: #f7ebff,
+  pop-up-background-blur: #12121299,
+  slider-table-color: #272428,
+  drawer-footer-bg: #1b181c99,
+  drawer-footer-border: #333234,
+  text-bg-highlight: #f5fb00,
+  tooltip-bg-color: #2a2a2a,
+  tooltip-text-color: #ffffff,
+  toggle-strip-color: #cfd1e2,
+  toggle-strip-active-color: #71347b,
+  toggle-strip-shadow: #00000040,
+  toggle-button-bg-color: #ffffff,
+  toggle-disable-icon-color: #767994,
+  text-area-default-color: #747474,
+  add-icon-hover-color: #431b4a,
+  arrow-button-bg-color: #ffffff,
+  arrows-button-border-color: #ded1e5,
+  overlay-bg: #12121299,
+  chip-fill-color: #f9d5ff,
+  chip-text-color: #1e161f,
+  icon-color: #71347b,
+  tree-connecting-lines-color: #d7b5e3,
+  primary-button-color:
+    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
+  primary-button-hover:
+    linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%),
+  primary-button-disable:
+    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
+  primary-button-text-color: #ffffff,
+  primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%),
+  secondary-button-color-text:
+    linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%),
+  secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%),
+  secondary-button-text-color: #71347b,
+  secondary-button-hover:
+    linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
+  tertiary-button-color:
+    linear-gradient(
+      180deg,
+      rgba(70, 22, 77, 0.05) 0%,
+      rgba(113, 52, 123, 0.05) 100%
+    ),
+  tertiary-button-hover:
+    linear-gradient(
+      180deg,
+      rgba(70, 22, 77, 0.1) 0%,
+      rgba(113, 52, 123, 0.1) 100%
+    ),
+  delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%),
+  delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%),
+  delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
+  delete-button-disable:
+    linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
+  warning-button-color:
+    linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%),
+  warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%),
+  drawer-title-color: #252c37,
+  toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%),
+  error_light: #e42525,
+  ff-success: #079455,
+  ff-warning: #f79009,
+  ff-header-text-color: #fdfaff,
+  ff-header-submenu-text-color: #666468,
+  ff-header-submenu-highlight-text-color: #170328,
+
+  default-icon-color: #a3a3a3,
+  expandable-menu-default-bg: #fdfaff,
+  expandable-menu-option-bg: #610b861a,
+  file-dropzone-default-color: #823c8d1a,
+  file-dropzone-selected-color: #823c8d33,
+  file-details-container-shadow: #fffcff99,
+  file-details-bg: #0d0d0d,
+  ff-mini-modal-border: #ffffff,
+  ff-mini-modal-box-shadow: #3713553d,
+  ff-mini-modal-arrow-shadow: #00000040,
+
+  ff-error-light: #e42525,
+  ff-chips-fill-color: #f9d5ff,
+  ff-chips-blur-color: #575757,
+  ff-chip-bg: #ffffff,
+  ff-chip-text-color: #1e161f,
+  ff-mini-modal-footer-background: #aeb0c0,
+  input-default-border-color: #a3a3a3,
+  input-hover-border-color: #1e161f,
+  input-default-label-color: #747474,
+  input-label-bg-color: #ffffff,
+  input-active-text-color: #71347b,
+  input-error-text-color: #e42525,
+  tabs-label-default-color: #7a7a7a,
+  tabs-label-active-color: #71347b,
+  tabs-border-color: #f1ebf2,
+  tabs-bg-color: #ede6f2,
+  tab-bg-color: #ffffff,
+  toast-close-icon-wrapper-bg: #fafafa,
+  toaster-boxshadow: #1e161f3d,
+  toaster-success-border: linear-gradient(#07945566, #00693a66),
+  toaster-warning-border: linear-gradient(#f7900966, #d67a0066),
+  toaster-info-border: linear-gradient(#2591e466, #1769b066),
+  toaster-danger_confirm-border: linear-gradient(#e4252566, #c9000066),
+  option-card-border-color: #ded1e5,
+  option-card-bg-color: #ffffff,
+  checkbox-bg-color: #fbfdff,
+  checkbox-border-color: #b5b5b5,
+  checkbox-partial-color: #ffffff,
+  checkbox-hover-color: #f7edff,
+  multi-select-border: #a3a3a380,
+  multi-select-label-bg: #ffffff,
+  text-color-light: #1e161f80,
+  radio-button-border: #b5b5b5,
+  radio-button-hover: #d3d3d3,
+  menu-variant-dark-icon-color: #ffffff,
+  menu-option-icon-color: #ffffff,
+  menu-option-icon-clicked: #71347b,
+  delete-text-color: #c50303,
+
+  status-success-bg-color: #c6efcd,
+  status-success-text-color: #016102,
+  status-warning-bg-color: #ffe380,
+  status-warning-text-color: #ff8b00,
+  status-rejected-bg-color: #f7d9d9,
+  status-rejected-text-color: #c60202,
+  status-skipped-bg-color: #c4c3c3,
+  status-warning-hover-bg-color: #fcd8ac,
+  status-percentage-growth-bg-color: #ecedf8,
+
+  status-button-bg-passed: #c6efcd,
+  status-button-bg-failed: #f7d9d9,
+  status-button-bg-running: #ecedf8,
+  status-button-bg-skipped: #c4c3c3,
+  status-button-bg-warning: #ffb803,
+  status-button-bg-terminated: #f7d9d9,
+  status-button-bg-partiallyExecuted: #dee7f1,
+  status-button-bg-aborted: #f7d9d9,
+  status-button-bg-notExecuted: #f7d9d9,
+  status-button-text-passed: #016102,
+  status-button-text-failed: #c50303,
+  status-button-text-running: #434db8,
+  status-button-text-skipped: #3c3838,
+  status-button-text-warning: #ffffff,
+  status-button-text-terminated: #c50303,
+  status-button-text-partiallyExecuted: #0d69d4,
+  status-button-text-aborted: #c50303,
+  status-button-text-notExecuted: #c50303,
+
+  // TODO:: Need to change the color code values of below 10 color (N/A in DS)
+  ff-select-option-border-color: #ded1e5,
+  ff-select-option-wrapper-box-shadow: #592f7c33,
+  ff-select-background-color: #ffffff,
+  ff-select-scroll-thumb-color: #d9d9d9,
+  ff-select-scroll-track-bg: #f1f1f1,
+  ff-select-scroll-thumb-hover: #b8b8b8,
+  ff-select-text-color: #14041c,
+  ff-select-option-hover-color: #f7ebff,
+  ff-select-default-color: #747474,
+  ff-select-border-color: #a3a3a3,
+  ff-select-brand-color: #71347b,
+  ff-select-text-hover-color: #1e161f,
+  ff-search-filed-clear-text: #71347b,
+  ff-search-filed-placeholder-text: #a3a3a3,
+  ff-search-filed-close-Icon: #14041c,
+  ff-paper-background-color: #f5f5f5,
+  ff-paper-dark-background-color: #d1c4e9,
+  sub-header-primary: #301349,
+
+  primary-icon-color: #ffffff,
+  secondary-icon-color: #71347b,
+  disabled-primary-color: #f9f9f9,
+  license_expireSoon_color: #ba7422,
+  license_active_color: #268735,
+  license_expired_color: #e34242,
+  license_header_text_color: #592f7c,
+  license_active_status_color: #518e18,
+  license_expired_status_color: #ab3425,
+  background-modal-color: #1111,
+  pie-chart-border-color: #b6b6b6,
+  button-bg-color: #f6ebff,
+  modal-header-text-color: #ffc600,
+  switch-license-text-color: #61296a,
+  switch-license-header-text-color: #610b86,
+  dotted-border-color: #000000,
+  select-license-header-text-color: #5f2868,
+  in-active-button-color: #808080,
+  button-background-gradient-color: #9c1ebb,
+  details-page-value-color: #808080,
+
+  label-edit-text-label-color: #71347b,
+  label-edit-text-background-color: #ffffff,
+  label-edit-error-text: #e42525,
+  label-edit-confirm-icon: #0dad66,
+  label-edit-cancel-icon: #e42525,
+  delete-icon-color: #e42525,
+  confirm-tick-icon-color: #5ca700,
+  warning-modal-border-color: #e79b0866,
+  brand-color-border:
+    linear-gradient(
+      94.23deg,
+      rgba(113, 52, 123, 0.4) 16.33%,
+      rgba(70, 22, 77, 0.4) 80.07%
+    ),
+  alert-modal-background-color:
+    linear-gradient(
+      94.23deg,
+      rgba(228, 37, 37, 0.4) 16.33%,
+      rgba(201, 0, 0, 0.4) 80.07%
+    ),
+  ff-app-header-menu-border-bottom-color: #ffffff,
+  ff-app-header-submenu-border-bottom-color:
+    linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
+  table-header-text-color: #252c37,
+  table-column-text-color: #200624,
+  ff-delete-button-attachment: #a91224,
+  email-table-border-color: #959595,
+  ff-icon-hover-fill-color: #f7ecf8,
+  ff-icon-color-danger-variant: #a912241a,
+  ff-icon-color-dark-variant: #ffffff,
+  avatar-background-color: #71347b,
+  avatar-icon-color: #ffffff,
+
+  ff-editor-line-bg: #333234,
+  ff-editor-gutter-color: #ded5e5,
+  ff-line-number-bg: #592f7c,
+  ff-line-number-color: #ffffff,
+  excel-sheet-button-color: #e9b5ff,
+  icon-hover-color: #f7ecf8,
+  ff-editor-border-color: #f0e7f4,
+  ff-icon-hover-bg-color: #f7ecf8,
+  modal-background-color: #12121233,
+  modal-alert-header-color: #db1919,
+  ff-status-card-text-color: #ffffff,
+  ff-card-status-text-color: #8a8a8a,
+  ff-card-passed-status-bg-color: #179c5f,
+  ff-card-failed-status-bg-color: #9c1732,
+  ff-card-warning-status-bg-color: #e2750f,
+  ff-card-skipped-status-bg-color: #a83fc4,
+  ff-card-flaky-status-bg-color: #3f5ac4,
+
+  ff-comment-input-border-color: #71347b,
+  ff-comment-avatar-text-color: #ffffff,
+  ff-comment-border-color: #d9d9d9,
+  ff-comment-text-color: #727272,
+
+  download-client-border-color: #f0e7f4,
+  download-client-header-bg-color: #ede6f2,
+  download-client-content-text-color: #592f7c,
+  ff-toggle-switch-off-color: #4b494c,
+  ff-toggle-switch-shadow-color: #57575780,
+  ff-search-field-hover-color: #f7ecf8,
+  ff-search-filed-bg-color: #ffffff,
+  ff-all-projects-default-color: #ffffff33,
+  ff-machine-inactive-status-color: #c50303,
+  ff-machine-active-status-color: #4caf50,
+  ff-machine-running-status-color: #2055de,
+
+  download-client-choose-os-text-color: #000000,
+  download-client-icon-container-border-color: #f0e7f4,
+  download-client-icon-container-bg-color: #ffffff,
+  download-client-icon-container-box-shadow-color: #592f7c4d,
+
+  public-chip-bg-color: #f9d5ff,
+  partial-public-chip-bg-color: #fcc27d,
+  private-chip-bg-color: #dbc3ef,
+  disabled-chip-bg-color: #c4c3c3,
+
+  impact-list-text-color: #14041c,
+  impact-list-chip-text-color: #3d3c3e,
+  impact-list-chip-bg-color: #e3ccf5,
+  dynamic-card-border-color: #eeeaf2,
+  card-header-bg-color: #592f7c1a,
+  table-with-accordion-header-primary-bg: #d4b0e426,
+  table-with-accordion-icon-color: #1e161f,
+);
+
+:root {
+  @each $key, $value in $dark-theme {
+    --#{$key}: #{$value};
+  }
+}

package/src/assets/Themes/Theme.scss

@@ -1,16 +1,16 @@
-@use './BaseTheme' as base;
-@use './DarkTheme' as dark;
-
-@mixin set-theme-variables($theme-map) {
-  @each $key, $value in $theme-map {
-    --#{$key}: #{$value};
-  }
-}
-
-.ff-light-theme {
-  @include set-theme-variables(base.$base-theme);
-}
-
-.ff-dark-theme {
-  @include set-theme-variables(dark.$dark-theme);
-}
+@use './BaseTheme' as base;
+@use './DarkTheme' as dark;
+
+@mixin set-theme-variables($theme-map) {
+  @each $key, $value in $theme-map {
+    --#{$key}: #{$value};
+  }
+}
+
+.ff-light-theme {
+  @include set-theme-variables(base.$base-theme);
+}
+
+.ff-dark-theme {
+  @include set-theme-variables(dark.$dark-theme);
+}

package/src/assets/icons/Arrow.svg

@@ -1,5 +1,5 @@
-<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M11.8082 1.38365L11.4151 0.987847C11.2914 0.864236 11.1268 0.796138 10.9509 0.796138C10.7751 0.796138 10.6103 0.864236 10.4866 0.987847C8.01023 3.46435 3.99002 3.45932 1.51357 0.982871C1.39006 0.85926 1.22528 0.79126 1.04947 0.79126C0.873666 0.79126 0.708786 0.85926 0.585176 0.982871L0.192002 1.37624C-0.0640005 1.63205 -0.0640005 2.04873 0.192002 2.30454L5.53683 7.66858C5.66034 7.7921 5.82493 7.87912 6.00229 7.87912H6.00434C6.18025 7.87912 6.34483 7.792 6.46835 7.66858L11.8082 2.31908C11.9319 2.19556 11.9998 2.026 12 1.8502C12 1.67429 11.9319 1.50707 11.8082 1.38365Z"
-    fill="currentColor" />
+<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11.8082 1.38365L11.4151 0.987847C11.2914 0.864236 11.1268 0.796138 10.9509 0.796138C10.7751 0.796138 10.6103 0.864236 10.4866 0.987847C8.01023 3.46435 3.99002 3.45932 1.51357 0.982871C1.39006 0.85926 1.22528 0.79126 1.04947 0.79126C0.873666 0.79126 0.708786 0.85926 0.585176 0.982871L0.192002 1.37624C-0.0640005 1.63205 -0.0640005 2.04873 0.192002 2.30454L5.53683 7.66858C5.66034 7.7921 5.82493 7.87912 6.00229 7.87912H6.00434C6.18025 7.87912 6.34483 7.792 6.46835 7.66858L11.8082 2.31908C11.9319 2.19556 11.9998 2.026 12 1.8502C12 1.67429 11.9319 1.50707 11.8082 1.38365Z"
+    fill="currentColor" />
 </svg>