Skip to content

Commit f9874d2

Browse files
docs(grid): sync JP styling section updates to match EN samples
Updated SCSS code blocks in JP hierarchical grid and tree grid docs to match the simplified styling approach used in the English source. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent f80f40b commit f9874d2

2 files changed

Lines changed: 18 additions & 24 deletions

File tree

docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -343,17 +343,14 @@ igxHierarchicalGrid を使用すると、[`Ignite UI for Angular テーマ ラ
343343
</DocsAside>
344344

345345
```scss
346-
$custom-theme: grid-theme(
347-
$cell-active-border-color: #ffcd0f,
348-
$cell-selected-background: #6f6f6f,
349-
$row-hover-background: #f8e495,
350-
$row-selected-background: #8d8d8d,
351-
$header-background: #494949,
352-
$header-text-color: #fff,
353-
$expand-icon-color: #ffcd0f,
354-
$expand-icon-hover-color: #e0b710,
355-
$resize-line-color: #ffcd0f,
356-
$row-highlight: #ffcd0f
346+
$background: #292826;
347+
$foreground: #eeece1;
348+
$accent: #ffcd0f;
349+
350+
$custom-grid: grid-theme(
351+
$background: $background,
352+
$foreground: $foreground,
353+
$accent-color: $accent,
357354
);
358355
```
359356

@@ -367,7 +364,7 @@ $custom-theme: grid-theme(
367364

368365
```scss
369366
:host {
370-
@include tokens($custom-theme);
367+
@include tokens($custom-grid);
371368
}
372369
```
373370

docs/angular/src/content/jp/components/treegrid/tree-grid.mdx

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -303,17 +303,14 @@ Tree Grid は、[`Ignite UI for Angular テーマ ライブラリ`](/themes/sass
303303
</DocsAside>
304304

305305
```scss
306-
$custom-theme: grid-theme(
307-
$cell-active-border-color: #ffcd0f,
308-
$cell-selected-background: #6f6f6f,
309-
$row-hover-background: #f8e495,
310-
$row-selected-background: #8d8d8d,
311-
$header-background: #494949,
312-
$header-text-color: #fff,
313-
$expand-icon-color: #ffcd0f,
314-
$expand-icon-hover-color: #e0b710,
315-
$resize-line-color: #ffcd0f,
316-
$row-highlight: #ffcd0f
306+
$background: #292826;
307+
$foreground: #eeece1;
308+
$accent: #ffcd0f;
309+
310+
$custom-grid: grid-theme(
311+
$background: $background,
312+
$foreground: $foreground,
313+
$accent-color: $accent,
317314
);
318315
```
319316

@@ -325,7 +322,7 @@ $custom-theme: grid-theme(
325322

326323
```scss
327324
:host {
328-
@include tokens($custom-theme);
325+
@include tokens($custom-grid);
329326
}
330327
```
331328

0 commit comments

Comments
 (0)