accent-color Native Control Tint
Supported native control accent-color targets; exact rendered parts/contrast remain UA-dependent, not arbitrary form styling. Explicit supplied computed/layout context only; not a browser cascade/layout engine or cross-browser guarantee.
Description
Accent-color can tint supported native controls.
Accent-color can tint supported native controls.1
A control-type explanation does not guarantee browser support or determine contrast automatically. Use accent-color Native Control Tint to look up a supported term.
When to use accent-color Native Control Tint
Use accent-color Native Control Tint to look up a supported term. Choose the exact supported token from the table; preserve its punctuation and capitalization.
How to use accent-color Native Control Tint and understand its results
- Choose the exact supported token from the table; preserve its punctuation and capitalization.
- Enter Control kind using the field table and validation rules below, then run the tool.
- Read Meaning and interpret units, signs, ordering and placeholders as explained below.
- If the tool reports an input error, correct that field and rerun. A successful false result, empty match list or unknown-evidence placeholder has the specific meaning described here; check the limitations before applying the result.
| Input field | Meaning | Value type | Requirement |
|---|---|---|---|
| controlKind | Control kind | string | Required; constraints below |
Enter one of the exact supported controlKind tokens in the table below. The implementation performs a case-sensitive lookup and returns the stored meaning without interpreting a stylesheet, audio recording or performance. Unsupported tokens, added whitespace and alternate capitalization are input errors. The entries describe a bounded vocabulary rather than every valid value in the wider topic.
meaning = storedTable[exactSupportedToken] Field order, units and branch conditions follow the implementation explanation above.
| Exact supported token | Stored meaning |
|---|---|
| checkbox | accent-color can tint supported native checkbox rendering |
| radio | accent-color can tint supported native radio rendering |
| range | accent-color can tint supported native range rendering |
| progress | accent-color can tint supported native progress rendering |
| Output field | Meaning | Value type |
|---|---|---|
| meaning | Stored explanation for the exact supported token. | string |
{
"input": {
"controlKind": "checkbox"
},
"output": {
"meaning": "accent-color can tint supported native checkbox rendering"
}
}Limitations and assumptions
A control-type explanation does not guarantee browser support or determine contrast automatically. Apply the exact scope and assumptions described above.
All listed fields require explicit values. Unexpected fields, incorrect types, nonfinite numbers and sparse arrays fail validation. Domain-specific bounds, alignments and supported tokens are stated above; extremely large inputs or outputs can also be rejected. These errors differ from successful results such as false, no matches or unknown evidence.
Alternative or Complementary methods
Use forced-colors Adjustments Lookup for a related task: Forced-color mode can substitute a user agent's selected colors.
Use appearance:none Form Reset Note for a related task: Appearance none changes native rendering without removing an element's semantics.
References
-
accent-color Native Control Tint — tool.io
Similar or alternative tools
- forced-colors Adjustments Lookup
Forced-color mode can substitute a user agent's selected colors.
- appearance:none Form Reset Note
Appearance none changes native rendering without removing an element's semantics.