new-design.css

.NewDesign {
  background-color: #f6f6f7;
}

.NewDesign button.Polaris-Button--primary {
  background: #008060;
  border-color: #008060;
}

.NewDesign button[role="gridcell"][aria-selected="true"] {
  background: #008060;
}
.NewDesign button[role="gridcell"]:focus {
  box-shadow: inset 0 0 0 2px #008060;
}

.NewDesign input[type="range"] {
  --progress-lower: #008060;
}
.NewDesign input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #008060 !important;
  border: 1px solid #008060;
}

.NewDesign button.Polaris-Button--primary:focus {
  box-shadow: inset 0 1px 0 0 #008060, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #008060;
}

.NewDesign input[type="radio"]:checked ~ span {
  background: #008060 !important;
}

.NewDesign input[type="radio"]:checked:focus ~ span  {
  box-shadow: 0 0 0 1px #008060, 0 0 0 0 transparent !important;
}

.NewDesign input[type="radio"]:focus ~ span:not(:last-of-type)  {
  box-shadow: 0 0 0 1px #008060, 0 0 0 0 transparent !important;
}

.NewDesign button[role="tab"][aria-selected="true"] span {
  border-bottom: 3px solid #008060;
}

.NewDesign button[role="tab"]:focus span {
  border-bottom: 3px solid rgba(0, 128, 96, 0.5);
}

.NewDesign .Polaris-TextField__Backdrop:after {
  border-color: #2C6FCD !important;
}

.NewDesign input[type="checkbox"]:focus ~ .Polaris-Checkbox__Backdrop {
  background: #008060 !important;
  box-shadow: 0 0 0 1px #008060, 0 0 0 0 transparent !important;
}

.NewDesign input[type="checkbox"]:checked ~ .Polaris-Checkbox__Backdrop {
  background: #008060 !important;
}

.NewDesign .Polaris-Checkbox__Icon svg {
  fill: #008060 !important;
}