vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed noir outlined buttons in dark mode

pull/5806/head
Cagatay Civici 2024-05-26 03:05:11 +03:00
parent 7120cacb9b
commit 2726ce7add
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/lib/themes/aura/button/index.js
View File

@ -383,7 +383,7 @@ export default {
primary: { primary: {
hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)', activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)',
borderColor: '{primary.900}', borderColor: '{primary.700}',
color: '{primary.color}' color: '{primary.color}'
}, },
secondary: { secondary: {
@ -395,31 +395,31 @@ export default {
success: { success: {
hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)',
borderColor: '{green.900}', borderColor: '{green.700}',
color: '{green.400}' color: '{green.400}'
}, },
info: { info: {
hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)',
borderColor: '{sky.900}', borderColor: '{sky.700}',
color: '{sky.400}' color: '{sky.400}'
}, },
warn: { warn: {
hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)',
borderColor: '{orange.900}', borderColor: '{orange.700}',
color: '{orange.400}' color: '{orange.400}'
}, },
help: { help: {
hoverBackground: 'color-mix(in srgb, {help.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {help.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {help.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {help.400}, transparent 84%)',
borderColor: '{purple.900}', borderColor: '{purple.700}',
color: '{purple.400}' color: '{purple.400}'
}, },
danger: { danger: {
hoverBackground: 'color-mix(in srgb, {danger.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {danger.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {danger.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {danger.400}, transparent 84%)',
borderColor: '{red.900}', borderColor: '{red.700}',
color: '{red.400}' color: '{red.400}'
}, },
contrast: { contrast: {

12
components/lib/themes/lara/button/index.js
View File

@ -383,7 +383,7 @@ export default {
primary: { primary: {
hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {primary.color}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)', activeBackground: 'color-mix(in srgb, {primary.color}, transparent 84%)',
borderColor: '{primary.900}', borderColor: '{primary.700}',
color: '{primary.color}' color: '{primary.color}'
}, },
secondary: { secondary: {
@ -395,31 +395,31 @@ export default {
success: { success: {
hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {green.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {green.400}, transparent 84%)',
borderColor: '{green.900}', borderColor: '{green.700}',
color: '{green.400}' color: '{green.400}'
}, },
info: { info: {
hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {sky.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {sky.400}, transparent 84%)',
borderColor: '{sky.900}', borderColor: '{sky.700}',
color: '{sky.400}' color: '{sky.400}'
}, },
warn: { warn: {
hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {orange.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {orange.400}, transparent 84%)',
borderColor: '{orange.900}', borderColor: '{orange.700}',
color: '{orange.400}' color: '{orange.400}'
}, },
help: { help: {
hoverBackground: 'color-mix(in srgb, {help.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {help.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {help.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {help.400}, transparent 84%)',
borderColor: '{purple.900}', borderColor: '{purple.700}',
color: '{purple.400}' color: '{purple.400}'
}, },
danger: { danger: {
hoverBackground: 'color-mix(in srgb, {danger.400}, transparent 96%)', hoverBackground: 'color-mix(in srgb, {danger.400}, transparent 96%)',
activeBackground: 'color-mix(in srgb, {danger.400}, transparent 84%)', activeBackground: 'color-mix(in srgb, {danger.400}, transparent 84%)',
borderColor: '{red.900}', borderColor: '{red.700}',
color: '{red.400}' color: '{red.400}'
}, },
contrast: { contrast: {