KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

design: Changes yellow color palette for better contrast ratio (#4334)

Browse source 
Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
This commit is contained in:
Nithin David Thomas 2022-03-30 18:53:24 +05:30 committed by GitHub
parent 5be9380547
commit baf697f064
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/dashboard/assets/scss/widgets/_buttons.scss
View file

@ -62,13 +62,13 @@ $default-button-height: 4.0rem;
} }
&.warning { &.warning {
@include button-style(var(--y-100), var(--y-200), var(--y-900)); @include button-style(var(--y-100), var(--y-200), var(--y-700));
} }
} }
&.clear { &.clear {
&.warning { &.warning {
color: var(--y-800); color: var(--y-600);
} }
&.button--only-icon:hover { &.button--only-icon:hover {
@ -87,7 +87,7 @@ $default-button-height: 4.0rem;
} }
&.warning { &.warning {
background: var(--y-100); background: var(--y-50);
} }
} }
} }

4
app/javascript/dashboard/components/NetworkNotification.vue
View file

@ -15,9 +15,9 @@
{{ $t('NETWORK.BUTTON.REFRESH') }} {{ $t('NETWORK.BUTTON.REFRESH') }}
</woot-button> </woot-button>
<woot-button <woot-button
variant="clear" variant="smooth"
size="small" size="small"
color-scheme="secondary" color-scheme="warning"
icon="dismiss-circle" icon="dismiss-circle"
@click="closeNotification" @click="closeNotification"
> >

4
app/javascript/dashboard/components/widgets/WootWriter/ReplyTopPanel.vue
View file

@ -163,13 +163,13 @@ export default {
&:hover, &:hover,
&:active { &:active {
color: var(--y-800); color: var(--y-700);
} }
} }
} }
.button--note { .button--note {
color: var(--y-900); color: var(--y-600);
} }
.action-wrap { .action-wrap {

20
app/javascript/shared/assets/stylesheets/colors.scss
View file

@ -26,16 +26,16 @@
--g-800: #009000; --g-800: #009000;
--g-900: #007000; --g-900: #007000;
--y-50: #FFFCF4; --y-50: #fefde8;
--y-100: #FFFAC5; --y-100: #fdfcc4;
--y-200: #FFF69E; --y-200: #fcf68c;
--y-300: #FEF176; --y-300: #f9e736;
--y-400: #FCEC56; --y-400: #f6d819;
--y-500: #F9E736; --y-500: #e6c00c;
--y-600: #FFDD3A; --y-600: #c69608;
--y-700: #FFC532; --y-700: #9e6b0a;
--y-800: #FDAD2A; --y-800: #835510;
--y-900: #F9841B; --y-900: #6f4514;
--s-25: #F8FAFC; --s-25: #F8FAFC;
--s-50: #F1F5F8; --s-50: #F1F5F8;