chore: normal button color

This commit is contained in:
Aman Harwara
2023-05-25 13:28:48 +05:30
parent a89d182612
commit c21ed0a8b6
4 changed files with 11 additions and 7 deletions

View File

@@ -46,4 +46,5 @@
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-stylekit-menu-border: 1px solid #424242;
--navigation-item-selected-background-color: var(--background-color);
--normal-button-background-color: var(--sn-stylekit-passive-color-5);
}

View File

@@ -5,19 +5,19 @@ export type ButtonStyle = 'default' | 'contrast' | 'neutral' | 'info' | 'warning
const getColorsForNormalVariant = (style: ButtonStyle) => {
switch (style) {
case 'default':
return 'bg-passive-5 text-text'
return 'bg-normal-button text-text'
case 'contrast':
return 'bg-passive-5 text-contrast'
return 'bg-normal-button text-contrast'
case 'neutral':
return 'bg-passive-5 text-neutral'
return 'bg-normal-button text-neutral'
case 'info':
return 'bg-passive-5 text-info'
return 'bg-normal-button text-info'
case 'warning':
return 'bg-passive-5 text-warning'
return 'bg-normal-button text-warning'
case 'danger':
return 'bg-passive-5 text-danger'
return 'bg-normal-button text-danger'
case 'success':
return 'bg-passive-5 text-success'
return 'bg-normal-button text-success'
}
}

View File

@@ -41,4 +41,6 @@
--panel-resizer-background-color: var(--sn-stylekit-secondary-contrast-background-color);
--link-element-color: var(--sn-stylekit-info-color);
--normal-button-background-color: var(--sn-stylekit-background-color);
}

View File

@@ -143,6 +143,7 @@ module.exports = {
'accessory-tint-4': 'var(--sn-stylekit-accessory-tint-color-4)',
'accessory-tint-5': 'var(--sn-stylekit-accessory-tint-color-5)',
'accessory-tint-6': 'var(--sn-stylekit-accessory-tint-color-6)',
'normal-button': 'var(--normal-button-background-color)',
},
},
safelist: [