Refactored editor tokens

pull/5701/head
Cagatay Civici 2024-05-05 19:14:09 +03:00
parent 3920dc14f5
commit 41307e7062
3 changed files with 26 additions and 65 deletions

View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
position: absolute;
top: 50%;
margin-top: -.5rem;
color: ${dt('iconfield.color')};
color: ${dt('iconfield.icon.color')};
}
.p-iconfield .p-inputicon:first-child {

View File

@ -1,56 +1,26 @@
export default {
colorScheme: {
light: {
toolbar: {
background: '{surface.0}',
borderColor: '{surface.200}'
},
toolbarItem: {
color: '{surface.500}',
hoverColor: '{surface.700}',
activeColor: '{primary.color}'
},
overlay: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
},
overlayItem: {
hoverBackground: '{surface.100}',
color: '{surface.700}',
hoverColor: '{surface.800}'
},
content: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{surface.700}'
}
},
dark: {
toolbar: {
background: '{surface.900}',
borderColor: '{surface.700}'
},
toolbarItem: {
color: '{surface.400}',
hoverColor: '{surface.0}',
activeColor: '{primary.color}'
},
overlay: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
},
overlayItem: {
hoverBackground: '{surface.800}',
color: '{surface.400}',
hoverColor: '{surface.0}'
},
content: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{surface.0}'
}
}
toolbar: {
background: '{content.background}',
borderColor: '{content.border.color}'
},
toolbarItem: {
color: '{text.muted.color}',
hoverColor: '{text.color}',
activeColor: '{primary.color}'
},
overlay: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.color}'
},
overlayItem: {
hoverBackground: '{content.hover.background}',
color: '{content.color}',
hoverColor: '{content.hover.color}'
},
content: {
background: '{content.background}',
borderColor: '{content.border.color}',
color: '{content.color}'
}
};

View File

@ -1,14 +1,5 @@
export default {
colorScheme: {
light: {
root: {
color: '{surface.400}'
}
},
dark: {
root: {
color: '{surface.400}'
}
}
icon: {
color: '{form.field.icon.color}'
}
};