11@use " igniteui-angular/theming" as * ;
22
3- $yellow : #ffcd0f ;
4- $black : #292826 ;
5- $muted-yellow : #ffe482 ;
6-
7- $custom-button : button-theme (
8- $schema : $dark-material-schema ,
9- $background : $black ,
10- $foreground : $yellow ,
11- $hover-foreground : $black ,
12- $hover-background : $yellow ,
13- $focus-foreground : $yellow ,
14- $focus-background : $black ,
15- $active-background : $yellow ,
16- $active-foreground : $black ,
17- $border-color : $yellow ,
18- $hover-border-color : $yellow ,
19- $focus-border-color : $yellow ,
20- $active-border-color : $yellow
21- );
22-
23- $custom-button-group : button-group-theme (
24- $schema : $dark-material-schema ,
25- $item-background : $black ,
26- $item-text-color : $yellow ,
27- $item-border-color : $yellow ,
28- $item-selected-background : $yellow ,
29- $item-hover-background : $yellow ,
30- $item-selected-hover-background : $yellow ,
31- $item-disabled-border : $yellow ,
32- $item-selected-border-color : $yellow
33- );
34-
35- $custom-input-group : input-group-theme (
36- $schema : $dark-material-schema ,
37- $idle-text-color : $yellow ,
38- $focused-text-color : $yellow ,
39- $filled-text-color : $yellow ,
40- $idle-bottom-line-color : $muted-yellow ,
41- $focused-secondary-color : $yellow
3+ $custom-query-builder : query-builder-theme (
4+ $header-foreground : #512da8 ,
5+ $color-expression-group-and : #eb0000 ,
6+ $color-expression-group-or : #0000f3 ,
7+ $subquery-header-background : var (--ig-gray-300 ),
8+ $subquery-border-color : var (--ig-warn-500 ),
9+ $subquery-border-radius : rem (4px )
4210);
4311
44- $custom-chip : chip-theme (
45- $schema : $dark-material-schema ,
46- $background : $yellow ,
47- $text-color : $black
48- );
49-
50- $custom-drop-down : drop-down-theme (
51- $schema : $dark-material-schema ,
52- $background-color : $black ,
53- $item-text-color : $yellow ,
54- $hover-item-background : $yellow ,
55- $hover-item-text-color : $black ,
56- $focused-item-background : $yellow ,
57- $focused-item-text-color : $black ,
58- $selected-item-background : $yellow ,
59- $selected-item-text-color : $black ,
60- $selected-focus-item-background : $yellow ,
61- $selected-focus-item-text-color : $black ,
62- $selected-hover-item-background : $yellow ,
63- $selected-hover-item-text-color : $black
64- );
65-
66-
6712:host {
6813 ::ng- deep {
6914 igx- advanced- filtering- dialog {
70- @include theme (
71- $palette : $dark-material-palette
72- );
73- @include css-vars ($custom-button );
74- @include css-vars ($custom-button-group );
75- @include css-vars ($custom-input-group );
76- @include css-vars ($custom-chip );
77- @include css-vars ($custom-drop-down );
15+ @include css-vars ($custom-query-builder );
7816 }
7917 }
80- }
81-
18+ }
0 commit comments