pixel-react 1.6.5 → 1.6.6

package/src/assets/Themes/DarkTheme.scss

@@ -1,265 +1,265 @@
-$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,
+  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};
+  }
 }

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>

package/src/assets/icons/Header_preset.svg

@@ -1,18 +1,18 @@
-<svg width="110" height="120" viewBox="0 0 110 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_7010_20218)">
-<path d="M92.4999 22.5H77.4999C74.742 22.4918 72.5082 20.258 72.5 17.5001V2.50006L92.4999 22.5Z" fill="#4A1353"/>
-<path d="M90.0715 58.5714H69.5001C67.6066 58.5714 66.0715 60.1064 66.0715 62V82.5714C66.0715 84.465 67.6066 86 69.5001 86H90.0715C91.9651 86 93.5001 84.465 93.5001 82.5714V62C93.5001 60.1064 91.9651 58.5714 90.0715 58.5714Z" fill="#9D34AE"/>
-<path d="M85.5 54H64.9286C63.035 54 61.5 55.535 61.5 57.4285V78C61.5 79.8935 63.035 81.4285 64.9286 81.4285H85.5C87.3935 81.4285 88.9286 79.8935 88.9286 78V57.4285C88.9286 55.535 87.3935 54 85.5 54Z" fill="#71347B"/>
-<path d="M82.0715 66.5714H76.3572V60.8571C76.3572 60.554 76.2368 60.2633 76.0225 60.049C75.8082 59.8347 75.5175 59.7143 75.2144 59.7143C74.9113 59.7143 74.6206 59.8347 74.4062 60.049C74.1919 60.2633 74.0715 60.554 74.0715 60.8571V66.5714H68.3572C68.0541 66.5714 67.7634 66.6918 67.5491 66.9061C67.3348 67.1205 67.2144 67.4112 67.2144 67.7143C67.2144 68.0174 67.3348 68.3081 67.5491 68.5224C67.7634 68.7367 68.0541 68.8571 68.3572 68.8571H74.0715V74.5714C74.0715 74.8745 74.1919 75.1652 74.4062 75.3795C74.6206 75.5939 74.9113 75.7143 75.2144 75.7143C75.5175 75.7143 75.8082 75.5939 76.0225 75.3795C76.2368 75.1652 76.3572 74.8745 76.3572 74.5714V68.8571H82.0715C82.3746 68.8571 82.6653 68.7367 82.8796 68.5224C83.0939 68.3081 83.2144 68.0174 83.2144 67.7143C83.2144 67.4112 83.0939 67.1205 82.8796 66.9061C82.6653 66.6918 82.3746 66.5714 82.0715 66.5714Z" fill="#F5F5F5"/>
-<path d="M15 15H40.0001V19.9999H15V15Z" fill="#71347B"/>
-<path d="M15 25.0001H19.9999V30H15V25.0001Z" fill="#71347B"/>
-<path d="M25 25.0001H29.9999V30H25V25.0001Z" fill="#71347B"/>
-<path d="M90 112.5C90 113.881 88.8806 115 87.4999 115H7.5C6.1193 115 4.99992 113.881 4.99992 112.5V7.5C4.99992 6.1193 6.1193 4.99992 7.5 4.99992H70.0001V17.4998C70.0001 21.642 73.358 24.9998 77.5001 24.9998H82.5V19.9999H77.5001C76.1194 19.9999 75 18.8805 75 17.4998V8.535L90 23.535V32.5001H94.9999V22.5C94.9997 21.837 94.7362 21.2013 94.2675 20.7326L74.2676 0.732422C73.7988 0.263438 73.163 0 72.5002 0H7.5C3.35789 0 0 3.35789 0 7.5V112.5C0 116.642 3.35789 120 7.5 120H87.4999C91.642 120 94.9999 116.642 94.9999 112.5V107.5H90V112.5Z" fill="#71347B"/>
-<path d="M77.5001 37.5C59.5509 37.5 45 52.0507 45 70.0001C45 87.9495 59.5509 102.5 77.5001 102.5C95.4492 102.5 110 87.9492 110 69.9998C109.979 52.0594 95.4408 37.5206 77.5001 37.5ZM77.5001 97.5C62.3123 97.5 50.0002 85.1878 50.0002 70.0001C50.0002 54.8123 62.3123 42.4999 77.5001 42.4999C92.6878 42.4999 105 54.8121 105 69.9998C104.982 85.1803 92.6805 97.4822 77.5001 97.5Z" fill="#71347B"/>
-</g>
-<defs>
-<clipPath id="clip0_7010_20218">
-<rect width="110" height="120" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="110" height="120" viewBox="0 0 110 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7010_20218)">
+<path d="M92.4999 22.5H77.4999C74.742 22.4918 72.5082 20.258 72.5 17.5001V2.50006L92.4999 22.5Z" fill="#4A1353"/>
+<path d="M90.0715 58.5714H69.5001C67.6066 58.5714 66.0715 60.1064 66.0715 62V82.5714C66.0715 84.465 67.6066 86 69.5001 86H90.0715C91.9651 86 93.5001 84.465 93.5001 82.5714V62C93.5001 60.1064 91.9651 58.5714 90.0715 58.5714Z" fill="#9D34AE"/>
+<path d="M85.5 54H64.9286C63.035 54 61.5 55.535 61.5 57.4285V78C61.5 79.8935 63.035 81.4285 64.9286 81.4285H85.5C87.3935 81.4285 88.9286 79.8935 88.9286 78V57.4285C88.9286 55.535 87.3935 54 85.5 54Z" fill="#71347B"/>
+<path d="M82.0715 66.5714H76.3572V60.8571C76.3572 60.554 76.2368 60.2633 76.0225 60.049C75.8082 59.8347 75.5175 59.7143 75.2144 59.7143C74.9113 59.7143 74.6206 59.8347 74.4062 60.049C74.1919 60.2633 74.0715 60.554 74.0715 60.8571V66.5714H68.3572C68.0541 66.5714 67.7634 66.6918 67.5491 66.9061C67.3348 67.1205 67.2144 67.4112 67.2144 67.7143C67.2144 68.0174 67.3348 68.3081 67.5491 68.5224C67.7634 68.7367 68.0541 68.8571 68.3572 68.8571H74.0715V74.5714C74.0715 74.8745 74.1919 75.1652 74.4062 75.3795C74.6206 75.5939 74.9113 75.7143 75.2144 75.7143C75.5175 75.7143 75.8082 75.5939 76.0225 75.3795C76.2368 75.1652 76.3572 74.8745 76.3572 74.5714V68.8571H82.0715C82.3746 68.8571 82.6653 68.7367 82.8796 68.5224C83.0939 68.3081 83.2144 68.0174 83.2144 67.7143C83.2144 67.4112 83.0939 67.1205 82.8796 66.9061C82.6653 66.6918 82.3746 66.5714 82.0715 66.5714Z" fill="#F5F5F5"/>
+<path d="M15 15H40.0001V19.9999H15V15Z" fill="#71347B"/>
+<path d="M15 25.0001H19.9999V30H15V25.0001Z" fill="#71347B"/>
+<path d="M25 25.0001H29.9999V30H25V25.0001Z" fill="#71347B"/>
+<path d="M90 112.5C90 113.881 88.8806 115 87.4999 115H7.5C6.1193 115 4.99992 113.881 4.99992 112.5V7.5C4.99992 6.1193 6.1193 4.99992 7.5 4.99992H70.0001V17.4998C70.0001 21.642 73.358 24.9998 77.5001 24.9998H82.5V19.9999H77.5001C76.1194 19.9999 75 18.8805 75 17.4998V8.535L90 23.535V32.5001H94.9999V22.5C94.9997 21.837 94.7362 21.2013 94.2675 20.7326L74.2676 0.732422C73.7988 0.263438 73.163 0 72.5002 0H7.5C3.35789 0 0 3.35789 0 7.5V112.5C0 116.642 3.35789 120 7.5 120H87.4999C91.642 120 94.9999 116.642 94.9999 112.5V107.5H90V112.5Z" fill="#71347B"/>
+<path d="M77.5001 37.5C59.5509 37.5 45 52.0507 45 70.0001C45 87.9495 59.5509 102.5 77.5001 102.5C95.4492 102.5 110 87.9492 110 69.9998C109.979 52.0594 95.4408 37.5206 77.5001 37.5ZM77.5001 97.5C62.3123 97.5 50.0002 85.1878 50.0002 70.0001C50.0002 54.8123 62.3123 42.4999 77.5001 42.4999C92.6878 42.4999 105 54.8121 105 69.9998C104.982 85.1803 92.6805 97.4822 77.5001 97.5Z" fill="#71347B"/>
+</g>
+<defs>
+<clipPath id="clip0_7010_20218">
+<rect width="110" height="120" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/accordion_header_icon.svg

@@ -1,10 +1,10 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_471_2)">
-<path d="M11.6667 1.278C10.916 1.28968 10.1816 1.49924 9.53783 1.88551C8.89404 2.27179 8.36357 2.82111 7.99999 3.478C7.63642 2.82111 7.10595 2.27179 6.46215 1.88551C5.81835 1.49924 5.08403 1.28968 4.33333 1.278C3.13662 1.32999 2.00913 1.8535 1.19718 2.73415C0.385232 3.61481 -0.0451745 4.78102 -7.46106e-06 5.978C-7.46106e-06 9.00933 3.19066 12.32 5.86666 14.5647C6.46414 15.0668 7.21956 15.342 7.99999 15.342C8.78042 15.342 9.53585 15.0668 10.1333 14.5647C12.8093 12.32 16 9.00933 16 5.978C16.0452 4.78102 15.6148 3.61481 14.8028 2.73415C13.9909 1.8535 12.8634 1.32999 11.6667 1.278ZM9.27666 13.5447C8.91931 13.8456 8.46716 14.0106 7.99999 14.0106C7.53282 14.0106 7.08067 13.8456 6.72333 13.5447C3.29799 10.6707 1.33333 7.91333 1.33333 5.978C1.28775 5.13448 1.57757 4.30715 2.13957 3.67647C2.70157 3.04578 3.49015 2.6629 4.33333 2.61133C5.1765 2.6629 5.96509 3.04578 6.52708 3.67647C7.08908 4.30715 7.3789 5.13448 7.33333 5.978C7.33333 6.15481 7.40356 6.32438 7.52859 6.4494C7.65361 6.57443 7.82318 6.64467 7.99999 6.64467C8.1768 6.64467 8.34637 6.57443 8.4714 6.4494C8.59642 6.32438 8.66666 6.15481 8.66666 5.978C8.62109 5.13448 8.9109 4.30715 9.4729 3.67647C10.0349 3.04578 10.8235 2.6629 11.6667 2.61133C12.5098 2.6629 13.2984 3.04578 13.8604 3.67647C14.4224 4.30715 14.7122 5.13448 14.6667 5.978C14.6667 7.91333 12.702 10.6707 9.27666 13.542V13.5447Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_471_2">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_471_2)">
+<path d="M11.6667 1.278C10.916 1.28968 10.1816 1.49924 9.53783 1.88551C8.89404 2.27179 8.36357 2.82111 7.99999 3.478C7.63642 2.82111 7.10595 2.27179 6.46215 1.88551C5.81835 1.49924 5.08403 1.28968 4.33333 1.278C3.13662 1.32999 2.00913 1.8535 1.19718 2.73415C0.385232 3.61481 -0.0451745 4.78102 -7.46106e-06 5.978C-7.46106e-06 9.00933 3.19066 12.32 5.86666 14.5647C6.46414 15.0668 7.21956 15.342 7.99999 15.342C8.78042 15.342 9.53585 15.0668 10.1333 14.5647C12.8093 12.32 16 9.00933 16 5.978C16.0452 4.78102 15.6148 3.61481 14.8028 2.73415C13.9909 1.8535 12.8634 1.32999 11.6667 1.278ZM9.27666 13.5447C8.91931 13.8456 8.46716 14.0106 7.99999 14.0106C7.53282 14.0106 7.08067 13.8456 6.72333 13.5447C3.29799 10.6707 1.33333 7.91333 1.33333 5.978C1.28775 5.13448 1.57757 4.30715 2.13957 3.67647C2.70157 3.04578 3.49015 2.6629 4.33333 2.61133C5.1765 2.6629 5.96509 3.04578 6.52708 3.67647C7.08908 4.30715 7.3789 5.13448 7.33333 5.978C7.33333 6.15481 7.40356 6.32438 7.52859 6.4494C7.65361 6.57443 7.82318 6.64467 7.99999 6.64467C8.1768 6.64467 8.34637 6.57443 8.4714 6.4494C8.59642 6.32438 8.66666 6.15481 8.66666 5.978C8.62109 5.13448 8.9109 4.30715 9.4729 3.67647C10.0349 3.04578 10.8235 2.6629 11.6667 2.61133C12.5098 2.6629 13.2984 3.04578 13.8604 3.67647C14.4224 4.30715 14.7122 5.13448 14.6667 5.978C14.6667 7.91333 12.702 10.6707 9.27666 13.542V13.5447Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_471_2">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>