Skip to content

Commit 66a5b88

Browse files
didimmovadidimmova
committed
chore(samples): clear out all css-vars occurances
1 parent 1943956 commit 66a5b88

File tree

5 files changed

+53
-53
lines changed

5 files changed

+53
-53
lines changed

‎projects/app-crm/src/app/grid-crm/grid-crm.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -315,7 +315,7 @@
315315
$cell-active-border-color: color($color: 'gray', $variant: 900),
316316
);
317317

318-
$crm-grid-dark-button: button-theme(
318+
$crm-grid-dark-button: flat-button-theme(
319319
$foreground: color($color: 'primary', $variant: 500),
320320
$hover-foreground: color($color: 'primary', $variant: 500),
321321
$focus-foreground: color($color: 'primary', $variant: 500),

‎src/app/theming/styles/dark-theme-class.scss‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,18 @@
77
&.dark-theme {
88
background: $dark-color;
99
::ng-deep {
10-
@include css-vars($dark-grid-theme);
11-
@include css-vars($dark-paginator-theme);
12-
@include css-vars($dark-dialog-theme);
13-
@include css-vars($dark-input-group-theme);
14-
@include css-vars($dark-snackbar-theme);
15-
@include css-vars($dark-button-theme);
16-
@include css-vars($dark-button-group-theme);
17-
@include css-vars($dark-calendar-theme);
18-
@include css-vars($dark-chip-theme);
19-
@include css-vars($dark-icon-theme);
20-
@include css-vars($dark-drop-down-theme);
21-
@include css-vars($dark-badge-theme);
10+
@include tokens($dark-grid-theme);
11+
@include tokens($dark-paginator-theme);
12+
@include tokens($dark-dialog-theme);
13+
@include tokens($dark-input-group-theme);
14+
@include tokens($dark-snackbar-theme);
15+
@include tokens($dark-button-theme);
16+
@include tokens($dark-button-group-theme);
17+
@include tokens($dark-calendar-theme);
18+
@include tokens($dark-chip-theme);
19+
@include tokens($dark-icon-theme);
20+
@include tokens($dark-drop-down-theme);
21+
@include tokens($dark-badge-theme);
2222
}
2323
}
2424
}

‎src/app/theming/styles/dark-theme.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ $item-selected-text-color: color($dark-theme-palette, "secondary", 500)
9595
);
9696

9797
// Define dark theme for the button
98-
$dark-button-theme: button-theme(
98+
$dark-button-theme: flat-button-theme(
9999
$foreground: color($dark-theme-palette, "secondary", 700),
100100
$hover-foreground: color($dark-theme-palette, "primary", 500),
101101
$hover-background: color($dark-theme-palette, "secondary", 500),

‎src/app/theming/styles/theme-classes.scss‎

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -13,56 +13,56 @@
1313
.sort-icon.material-icons.igx-icon {
1414
color: white;
1515
}
16-
@include css-vars($light-grid-theme);
17-
@include css-vars($light-snackbar-theme);
18-
@include css-vars($light-input-group-theme);
19-
@include css-vars($light-paginator-theme);
20-
@include css-vars($light-button-theme);
21-
@include css-vars($light-dialog-theme);
22-
@include css-vars($light-button-group-theme);
23-
@include css-vars($light-calendar-theme);
24-
@include css-vars($light-icon-theme);
25-
@include css-vars($light-chip-theme);
26-
@include css-vars($light-drop-down-theme);
27-
@include css-vars($light-badge-theme);
16+
@include tokens($light-grid-theme);
17+
@include tokens($light-snackbar-theme);
18+
@include tokens($light-input-group-theme);
19+
@include tokens($light-paginator-theme);
20+
@include tokens($light-button-theme);
21+
@include tokens($light-dialog-theme);
22+
@include tokens($light-button-group-theme);
23+
@include tokens($light-calendar-theme);
24+
@include tokens($light-icon-theme);
25+
@include tokens($light-chip-theme);
26+
@include tokens($light-drop-down-theme);
27+
@include tokens($light-badge-theme);
2828
}
2929
}
3030

3131
//Set the dark themes for the components.
3232
&.dark-theme {
3333
background: $dark-color;
3434
::ng-deep {
35-
@include css-vars($dark-grid-theme);
36-
@include css-vars($dark-snackbar-theme);
37-
@include css-vars($dark-input-group-theme);
38-
@include css-vars($dark-paginator-theme);
39-
@include css-vars($dark-button-theme);
40-
@include css-vars($dark-dialog-theme);
41-
@include css-vars($dark-button-group-theme);
42-
@include css-vars($dark-calendar-theme);
43-
@include css-vars($dark-icon-theme);
44-
@include css-vars($dark-chip-theme);
45-
@include css-vars($dark-drop-down-theme);
46-
@include css-vars($dark-badge-theme);
35+
@include tokens($dark-grid-theme);
36+
@include tokens($dark-snackbar-theme);
37+
@include tokens($dark-input-group-theme);
38+
@include tokens($dark-paginator-theme);
39+
@include tokens($dark-button-theme);
40+
@include tokens($dark-dialog-theme);
41+
@include tokens($dark-button-group-theme);
42+
@include tokens($dark-calendar-theme);
43+
@include tokens($dark-icon-theme);
44+
@include tokens($dark-chip-theme);
45+
@include tokens($dark-drop-down-theme);
46+
@include tokens($dark-badge-theme);
4747
}
4848
}
4949

5050
//Set the black themes for the components.
5151
&.black-theme {
5252
background: $black-color;
5353
::ng-deep {
54-
@include css-vars($black-grid-theme);
55-
@include css-vars($black-snackbar-theme);
56-
@include css-vars($black-input-group-theme);
57-
@include css-vars($black-paginator-theme);
58-
@include css-vars($black-button-theme);
59-
@include css-vars($black-dialog-theme);
60-
@include css-vars($black-button-group-theme);
61-
@include css-vars($black-calendar-theme);
62-
@include css-vars($black-icon-theme);
63-
@include css-vars($black-chip-theme);
64-
@include css-vars($black-drop-down-theme);
65-
@include css-vars($black-badge-theme);
54+
@include tokens($black-grid-theme);
55+
@include tokens($black-snackbar-theme);
56+
@include tokens($black-input-group-theme);
57+
@include tokens($black-paginator-theme);
58+
@include tokens($black-button-theme);
59+
@include tokens($black-dialog-theme);
60+
@include tokens($black-button-group-theme);
61+
@include tokens($black-calendar-theme);
62+
@include tokens($black-icon-theme);
63+
@include tokens($black-chip-theme);
64+
@include tokens($black-drop-down-theme);
65+
@include tokens($black-badge-theme);
6666

6767
.igx-drop-down__list{
6868
background: $black-color;

‎src/app/theming/styles/themes.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ $black-input-group-theme: input-group-theme(
129129
);
130130

131131
// Define light theme for the button
132-
$light-button-theme: button-theme(
132+
$light-button-theme: flat-button-theme(
133133
$foreground: color($light-theme-palette, "secondary", 700),
134134
$hover-foreground: color($light-theme-palette, "primary", 500),
135135
$hover-background: color($light-theme-palette, "secondary", 100),
@@ -138,7 +138,7 @@ $light-button-theme: button-theme(
138138
);
139139

140140
// Define dark theme for the button
141-
$dark-button-theme: button-theme(
141+
$dark-button-theme: flat-button-theme(
142142
$foreground: color($dark-theme-palette, "secondary", 700),
143143
$hover-foreground: color($dark-theme-palette, "primary", 500),
144144
$hover-background: color($dark-theme-palette, "secondary", 500),
@@ -149,7 +149,7 @@ $dark-button-theme: button-theme(
149149
);
150150

151151
// Define black theme for the button
152-
$black-button-theme: button-theme(
152+
$black-button-theme: flat-button-theme(
153153
$schema: $my-black-schema
154154
);
155155

0 commit comments

Comments
 (0)