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

Add more tokens to ColorPicker

pull/5756/head
Cagatay Civici 2024-05-08 21:19:41 +03:00
parent af230a824a
commit cebbfd3ab4
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/colorpicker/style/ColorPickerStyle.js
View File

@ -16,7 +16,7 @@ const theme = ({ dt }) => `
padding: 0; padding: 0;
border: 0 none; border: 0 none;
border-radius: ${dt('colorpicker.preview.border.radius')}; border-radius: ${dt('colorpicker.preview.border.radius')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
outline-color: transparent; outline-color: transparent;
cursor: pointer; cursor: pointer;
} }
@ -31,8 +31,8 @@ const theme = ({ dt }) => `
.p-colorpicker-panel { .p-colorpicker-panel {
background: ${dt('colorpicker.panel.background')}; background: ${dt('colorpicker.panel.background')};
border: 1px solid ${dt('colorpicker.panel.border.color')}; border: 1px solid ${dt('colorpicker.panel.border.color')};
border-radius: ${dt('border.radius.md')}; border-radius: ${dt('colorpicker.panel.border.radius')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: ${dt('colorpicker.panel.shadow')};
width: 193px; width: 193px;
height: 166px; height: 166px;
position: absolute; position: absolute;

4
components/lib/themes/aura/colorpicker/index.js
View File

@ -11,6 +11,10 @@ export default {
shadow: '{focus.ring.shadow}' shadow: '{focus.ring.shadow}'
} }
}, },
panel: {
shadow: '{overlay.popover.shadow}',
borderRadius: '{overlay.popover.borderRadius}'
},
colorScheme: { colorScheme: {
light: { light: {
panel: { panel: {

1
components/lib/themes/aura/index.js
View File

@ -247,7 +247,6 @@ export default {
background: '{surface.0}', background: '{surface.0}',
borderColor: '{surface.200}', borderColor: '{surface.200}',
color: '{text.color}', color: '{text.color}',
shadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)'
}, },
popover: { popover: {
background: '{surface.0}', background: '{surface.0}',

4
components/lib/themes/lara/colorpicker/index.js
View File

@ -11,6 +11,10 @@ export default {
shadow: '{form.field.focus.ring.shadow}' shadow: '{form.field.focus.ring.shadow}'
} }
}, },
panel: {
shadow: '{overlay.popover.shadow}',
borderRadius: '{overlay.popover.borderRadius}'
},
colorScheme: { colorScheme: {
light: { light: {
panel: { panel: {