Tokens for Toolbar

pull/5756/head
Cagatay Civici 2024-05-11 17:43:13 +03:00
parent eba44019f6
commit 25b00921bf
3 changed files with 25 additions and 5 deletions

View File

@ -2,6 +2,9 @@ export default {
root: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.color}'
borderRadius: '{content.border.radius}',
color: '{content.color}',
gap: '0.5rem',
padding: '0.75rem'
}
};

View File

@ -2,6 +2,23 @@ export default {
root: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.color}'
borderRadius: '{content.border.radius}',
color: '{content.color}',
gap: '0.5rem',
padding: '0.75rem'
},
colorScheme: {
light: {
root: {
background: '{surface.100}',
color: '{content.color}'
}
},
dark: {
root: {
background: '{surface.800}',
color: '{content.color}'
}
}
}
};

View File

@ -6,12 +6,12 @@ const theme = ({ dt }) => `
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0.75rem;
padding: ${dt('toolbar.padding')};
background: ${dt('toolbar.background')};
border: 1px solid ${dt('toolbar.border.color')};
color: ${dt('toolbar.color')};
border-radius: ${dt('border.radius.md')};
gap: 0.5rem;
border-radius: ${dt('toolbar.border.radius')};
gap: ${dt('toolbar.gap')};
}
.p-toolbar-start,