Skip to content

Commit f330164

Browse files
committed
feat(picker): use gray tokens
1 parent a4cabf8 commit f330164

File tree

3 files changed

+7
-1
lines changed

3 files changed

+7
-1
lines changed

core/src/components/picker/picker.ios.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,5 +18,5 @@
1818
}
1919

2020
:host .picker-highlight {
21-
background: var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)));
21+
background: var(--highlight-background, var(--ion-components-ion-picker-highlight-bg));
2222
}

core/src/themes/ios/dark.tokens.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,5 +88,8 @@ export const darkTheme: DarkTheme = {
8888
indicatorBgFocused: colors.gray['150']!,
8989
separatorColor: colors.gray['550']!,
9090
},
91+
IonPicker: {
92+
highlightBg: colors.gray['150']!, // Available only in iOS
93+
},
9194
},
9295
};

core/src/themes/ios/light.tokens.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,5 +30,8 @@ export const lightTheme: LightTheme = {
3030
IonModal: {
3131
handleBg: '#c0c0be',
3232
},
33+
IonPicker: {
34+
highlightBg: '#eeeeef', // Available only in iOS
35+
},
3336
},
3437
};

0 commit comments

Comments
 (0)