<style>
      input[type="checkbox"] { accent-color: red; }
      input[type="radio"] { accent-color: green; }
      input[type="range"] { accent-color: blue; }
      progress { accent-color: hsl(39, 100%, 50%); }
    </style>
    <div>
      <h3>Accent color برای چک‌باکس‌ها:</h3>
      <input type="checkbox" checked/> گزینه ۱ <br/>
      <input type="checkbox" checked/> گزینه ۲ <br/><br/>

      <h3>Accent color برای دکمه‌های رادیویی:</h3>
      <input type="radio" name="radio" checked/> گزینه ۱ <br/>
      <input type="radio" name="radio"/> گزینه ۲ <br/>

      <h3>Accent color برای اسلایدر:</h3>
      <input type="range" min="0" max="50"/>

      <h3>Accent color برای Progress:</h3>
      <progress value="30" max="100"></progress>
    </div>