Merge commit '93a38c0f5b9c9f180b308ff49b57ea722c65a4c6'

Author: rdlabo

docs/updating/8-0.md

@@ -136,24 +136,30 @@ Ionic 8 のハイコントラストパレットをよりよくサポートする
 
 **背景色**に対する `--ion-color-step-[number]` の使用は、トークンの名前を `--ion-background-color-step-[number]` に変更することで移行できます。
 
-**Example**:
+**Before**:
 
-```diff
-button {
-- background: var(--ion-color-step-400);
-+ background: var(--ion-background-color-step-400);
-}
+```html
+button { background: var(--ion-color-step-400); }
+```
+
+**After**:
+
+```html
+button { background: var(--ion-background-color-step-400); }
 ```
 
 **テキストカラー**の `--ion-color-step-[number]` の使用は、トークンの名前を `--ion-text-color-step-[number]` に変更し、1000 から数値を引くことで移行できます。
 
-**Example**:
+**Before**:
 
-```diff
-button {
-- color: var(--ion-color-step-400);
-+ color: var(--ion-text-color-step-600); /* 1000 - 400 = 600 */
-}
+```html
+button { color: var(--ion-color-step-400); }
+```
+
+**After**:
+
+```html
+button { color: var(--ion-text-color-step-600); /* 1000 - 400 = 600 */ }
 ```
 
 The [stepped color generator](../theming/themes#stepped-color-generator) has been updated to generate text and background color stepped variables.
@@ -176,9 +182,16 @@ The [stepped color generator](../theming/themes#stepped-color-generator) has bee
 
 代わりに `src/global.scss` ファイルを最初にインポートすることをお勧めします：
 
-```diff
-- "styles": ["src/theme/variables.scss", "src/global.scss"],
-+ "styles": ["src/global.scss", "src/theme/variables.scss"],
+**Before**:
+
+```json
+  "styles": ["src/theme/variables.scss", "src/global.scss"],
+```
+
+**After**:
+
+```json
+  "styles": ["src/global.scss", "src/theme/variables.scss"],
 ```
 
 ## 必要な変更