Skip to content

Commit

Permalink
Update examples headings
Browse files Browse the repository at this point in the history
  • Loading branch information
ramiy authored Dec 14, 2023
1 parent 2da9d81 commit 1cc5450
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions files/en-us/web/css/color-scheme/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ The `color-scheme` property's value must be one of the following keywords.

## Examples

### Adapting to color schemes
### Declaring color scheme preferences

To opt the entire page into the user's color scheme preferences, declare `color-scheme` on the {{cssxref(":root")}} element.

Expand All @@ -80,7 +80,7 @@ footer {
}
```

### Setting colors based on color scheme
### Styling based on color schemes

To style elements based on color scheme preferences, use the [`prefers-color-scheme`](/en-US/docs/Web/CSS/@media/prefers-color-scheme) media query. The example below opts in elements with a class of `.element` to using both light and dark operating system color schemes via the `color-scheme` property, and then uses `prefers-color-scheme` to specify the desired foreground and background colors for those color schemes.

Expand Down

0 comments on commit 1cc5450

Please sign in to comment.