From 5291055007a8511d3f6b82ae7ec3784a01a92d89 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 12 Apr 2024 15:16:39 -0700 Subject: [PATCH] docs(dark-mode): improve link accessibility --- docs/theming/dark-mode.md | 8 ++++---- versioned_docs/version-v7/theming/dark-mode.md | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/theming/dark-mode.md b/docs/theming/dark-mode.md index 9ad7a659e61..b33272a8b5c 100644 --- a/docs/theming/dark-mode.md +++ b/docs/theming/dark-mode.md @@ -194,7 +194,7 @@ color-scheme: light dark; | ------------------------------------------------------------------------ | -------------------------------------------------------------------- | | ![Application without color-scheme](/img/theming/color-scheme-light.png) | ![Application with color-scheme](/img/theming/color-scheme-dark.png) | -For more information regarding `color-scheme` please see https://web.dev/color-scheme/. +For more information regarding `color-scheme`, please see the [Web.dev guide on color schemes](https://web.dev/color-scheme/). :::note `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 ::: :::info -The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.always.scss). +The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.always.scss). ::: @@ -244,7 +244,7 @@ It is important to pay attention to the specificity if you want to override any ::: :::info -The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.system.scss). +The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.system.scss). ::: @@ -262,7 +262,7 @@ It is important to pay attention to the specificity if you want to override any ::: :::info -The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.class.scss). +The contents of Ionic's dark palette can be [viewed on GitHub](https://github.com/ionic-team/ionic-framework/blob/feature-8.0/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/feature-8.0/core/src/css/palettes/dark.class.scss). ::: diff --git a/versioned_docs/version-v7/theming/dark-mode.md b/versioned_docs/version-v7/theming/dark-mode.md index e4c36d9ecb8..09c94a0b629 100644 --- a/versioned_docs/version-v7/theming/dark-mode.md +++ b/versioned_docs/version-v7/theming/dark-mode.md @@ -105,7 +105,7 @@ color-scheme: light dark; | ------------------------------------------------------------------------ | -------------------------------------------------------------------- | | ![Application without color-scheme](/img/theming/color-scheme-light.png) | ![Application with color-scheme](/img/theming/color-scheme-dark.png) | -For more information regarding `color-scheme` please see https://web.dev/color-scheme/. +For more information regarding `color-scheme`, please see the [Web.dev guide on color schemes](https://web.dev/color-scheme/). :::note `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).