Skip to content

Commit 4a58c5e

Browse files
authored
docs(dark-mode): improve link accessibility (#3595)
1 parent f6fd573 commit 4a58c5e

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed

docs/theming/dark-mode.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -194,7 +194,7 @@ color-scheme: light dark;
194194
| ------------------------------------------------------------------------ | -------------------------------------------------------------------- |
195195
| ![Application without color-scheme](/img/theming/color-scheme-light.png) | ![Application with color-scheme](/img/theming/color-scheme-dark.png) |
196196

197-
For more information regarding `color-scheme` please see https://web.dev/color-scheme/.
197+
For more information regarding `color-scheme`, please see the [Web.dev guide on color schemes](https://web.dev/color-scheme/).
198198

199199
:::note
200200
`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.md#dark-mode).
@@ -225,7 +225,7 @@ It is important to pay attention to the specificity if you want to override any
225225
:::
226226

227227
:::info
228-
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **always** dark palette can be found [here](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.always.scss).
228+
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **always** dark palette can be found in the [repository](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.always.scss).
229229
:::
230230

231231
</TabItem>
@@ -244,7 +244,7 @@ It is important to pay attention to the specificity if you want to override any
244244
:::
245245

246246
:::info
247-
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **system** dark palette can be found [here](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.system.scss).
247+
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **system** dark palette can be found in the [repository](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.system.scsss).
248248
:::
249249

250250
</TabItem>
@@ -262,7 +262,7 @@ It is important to pay attention to the specificity if you want to override any
262262
:::
263263

264264
:::info
265-
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **class** dark palette can be found [here](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.class.scss).
265+
The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.scss). The CSS used to apply the **class** dark palette can be found in the [repository](https://github.com/ionic-team/ionic-framework/blob/main/core/src/css/palettes/dark.class.scss).
266266
:::
267267

268268
</TabItem>

versioned_docs/version-v7/theming/dark-mode.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ color-scheme: light dark;
105105
| ------------------------------------------------------------------------ | -------------------------------------------------------------------- |
106106
| ![Application without color-scheme](/img/theming/color-scheme-light.png) | ![Application with color-scheme](/img/theming/color-scheme-dark.png) |
107107

108-
For more information regarding `color-scheme` please see https://web.dev/color-scheme/.
108+
For more information regarding `color-scheme`, please see the [Web.dev guide on color schemes](https://web.dev/color-scheme/).
109109

110110
:::note
111111
`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.md#dark-mode).

0 commit comments

Comments
 (0)