Как изменить цвет флажка?AG Grid - PullRequest
Новая
       17

Как изменить цвет флажка?AG Grid

0 голосов
/ 09 мая 2019

Попытка изменить цвет флажка (из-за изменения цвета акцента) приводит к появлению черного флажка.

Итак, я установил node-sass и успешно смог изменить различные другие стили, например, цвет при наведении строки на $hover-color: cornsilk;

Но каким-то образом, используя: $accent-color: #fffff1;или $ag-mat-accent: #fffff1; меняет его только с розового на черный.

$ag-icons-path: "~ag-grid-community/src/styles/ag-theme-material/icons/";

$accent-color: #fffff1;
$icon-color: #03a9f4;
$hover-color: cornsilk;

@import "~ag-grid-community/src/styles/ag-grid.scss";
@import "~ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material.scss";

Мой ожидаемый результат будет беловатым флажком при выборе.Вместо этого я получаю черный независимо от того, какой цвет я выберу.

Ответы [ 2 ]

0 голосов
/ 25 июня 2019

Это очень просто, просто зайдите в node_module ---> ag-grid-community ---> dist ---> styles ---> ag-theme-material.css ---> найдите стиль, подобный приведенному ниже, и измените цвет по своему желанию. 

.ag-theme-material .ag-icon-checkbox-checked {
color: #0076c6; }
0 голосов
/ 09 мая 2019

Вы можете попробовать установить следующие переменные в scss.Я надеюсь, что это поможет вам! 

@import '~ag-grid-community/src/styles/ag-grid';

// set the colors to the ones from the material theme
$ag-mat-accent: #fffff1;

// Import the ag-Grid material-next theme
@import '~ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material';

Источник моего примера можно найти здесь: https://github.com/ag-grid/ag-grid-material/blob/master/angular-material/src/styles.scss#L22-L23

...