- Code: Select all
:root {
--selectedRowColor: #e9f2fd !important;
}
In NGTi, the variables are not recognised when defining it like this. Neither works :host.
Is it may be not yet supported in Servoy Developer 202206 which I am using?
Regards,
:root {
--selectedRowColor: #e9f2fd !important;
}
:root {
--my-custom: red;
}
.my-selector
{
background-color: var(--my-custom);
}
:root {
--border: 1px solid #f0f0f0;
--borderDark: 1px solid #e3e3e3;
--borderBottomX: 1px solid #ff0000;
--hoveredRowColor: #f3f9ff;
--readOnlyColor: #999;
--selectedRowColor: #e9f2fd !important;
--7rGreen: #8DC43F;
--darkGrey: #a4998a;
--green: #8DC43F;
--grey: #fcfcfc;
--orange: #ffa500;
--red: #f00;
--white: #fff;
}
.ag-theme-bootstrap .ag-row-selected {
/* background-color: #e9f2fd !important;*/
background-color: var(--selectedRowColor);
}
.ag-theme-alpine .ag-row-selected {
background-color: #f00;
}
.ag-theme-servoy {
--ag-selected-row-background-color: #f00);
}
:root {
--selectedRowColor: #f00 !important;
}
.ag-theme-alpine .ag-row-selected {
background-color: var(--selectedRowColor);
}
.ag-theme-alpine {
--ag-selected-row-background-color: #f00 !important;
}
:root {
--selectedRowColor: #f00 !important;
}
.ag-theme-alpine .ag-row-selected {
background-color: var(--selectedRowColor);
}
.ag-theme-alpine {
--ag-selected-row-background-color: #f00 !important;
}
:root {
--selectedRowColor: #f00 !important;
}
.ag-theme-alpine .ag-row-selected {
background-color: var(--selectedRowColor);
}
.ag-theme-alpine {
--ag-selected-row-background-color: #f00 !important;
}
@import 'custom_servoy_theme_properties_ng2.less?t=##last-changed-timestamp##"';
@import 'hadesNG2.css?t=##last-changed-timestamp##"';
// just as example, assuming this rule exists in custom_servoy_theme_properties_ng2.less
.ag-theme-alpine {
--ag-selected-row-background-color: green !important;
}
// your rule in hadesNG2
.ag-theme-alpine {
--ag-selected-row-background-color: #f00 !important;
}
Users browsing this forum: No registered users and 2 guests