rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: normal button color

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/components/assets/org.standardnotes.theme-focus/index.css
View File

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

14
packages/web/src/javascripts/Components/Button/Button.tsx
View File

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

2
packages/web/src/stylesheets/_theme.scss
View File

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

1
packages/web/tailwind.config.js
View File

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