chrome/browser/resources/side_panel/commerce/history_graph.html

<style>
  .tick {
    fill: var(--cr-secondary-text-color);
    font-size: 11px;
    line-height: 20px;
  }

  .axis
  .circle
  .path {
    stroke-width: 2px;
  }

  .divider
  .dash-line {
    stroke-width: 1px;
  }

  .axis,
  .divider {
    stroke: rgba(0, 0, 0, .14);
    stroke-linecap: round;
  }

  .path {
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  .dash-line {
    stroke-dasharray: 3,3;
    stroke-linecap: square;
  }

  .circle {
    fill: white;
  }

  .bubble {
    border-radius: 3px;
    fill: var(--google-grey-100);
    stroke: none;
  }

  .tooltip-text {
    fill: var(--cr-primary-text-color);
    font-size: 11px;
    line-height: 20px;
    text-anchor: middle;
  }

  .path,
  .dash-line,
  .circle {
    stroke: var(--google-blue-700);
  }

  @media (prefers-color-scheme: dark) {
    .axis,
    .divider {
      stroke: rgba(255, 255, 255, .14);
    }

    .path,
    .dash-line,
    .circle {
      stroke: var(--google-blue-300);
    }

    .circle {
      fill: var(--google-grey-900);
    }

    .bubble {
      /* TODO(b:289240209): Avoid using the custom color. */
      fill: #5C5E62;
    }
  }
</style>

<div id="historyGraph"></div>