Lighter color for lara base

pull/5756/head
Cagatay Civici 2024-05-13 11:03:41 +03:00
parent af0bdab287
commit 3824c84eb0
18 changed files with 47 additions and 49 deletions

View File

@ -44,12 +44,12 @@ const theme = ({ dt }) => `
}
.p-scrollpanel-bar-y {
width: ${dt('scrollpanel.bar.size')});
width: ${dt('scrollpanel.bar.size')};
top: 0;
}
.p-scrollpanel-bar-x {
height: ${dt('scrollpanel.bar.size')});
height: ${dt('scrollpanel.bar.size')};
bottom: 0;
}

View File

@ -1,5 +1,4 @@
export default {
root: {
bar: {
size: '9px',
borderRadius: '{border.radius.sm}',
@ -10,7 +9,6 @@ export default {
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
}
},
colorScheme: {
light: {

View File

@ -44,10 +44,10 @@ export default {
colorScheme: {
light: {
header: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
activeBackground: '{surface.100}',
activeHoverBackground: '{surface.200}'
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.50}',
activeHoverBackground: '{surface.100}'
}
},
dark: {

View File

@ -74,9 +74,9 @@ export default {
colorScheme: {
light: {
dropdown: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
activeBackground: '{surface.300}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.200}',
color: '{surface.600}',
hoverColor: '{surface.700}',
activeColor: '{surface.800}'

View File

@ -6,7 +6,6 @@ export default {
fontWeight: '700'
},
headerCell: {
hoverBackground: '{content.hover.background}',
selectedBackground: '{highlight.background}',
borderColor: '{datatable.border.color}',
hoverColor: '{content.hover.color}',
@ -141,6 +140,7 @@ export default {
},
headerCell: {
background: '{surface.50}',
hoverBackground: '{surface.100}',
color: '{text.color}'
},
footer: {
@ -168,6 +168,7 @@ export default {
},
headerCell: {
background: '{surface.800}',
hoverBackground: '{surface.700}',
color: '{text.color}'
},
footer: {

View File

@ -38,7 +38,7 @@ export default {
colorScheme: {
light: {
header: {
background: '{surface.100}',
background: '{surface.50}',
color: '{text.color}'
}
},

View File

@ -103,9 +103,9 @@ export default {
colorScheme: {
light: {
dropdown: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
activeBackground: '{surface.300}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.200}',
color: '{surface.600}',
hoverColor: '{surface.700}',
activeColor: '{surface.800}'

View File

@ -32,7 +32,7 @@ export default {
colorScheme: {
light: {
toolbar: {
background: '{surface.100}'
background: '{surface.50}'
}
},
dark: {

View File

@ -31,8 +31,8 @@ export default {
colorScheme: {
light: {
legend: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
color: '{text.color}',
hoverColor: '{text.hover.color}'
}

View File

@ -5,7 +5,7 @@ export default {
colorScheme: {
light: {
addon: {
background: '{surface.100}',
background: '{surface.50}',
borderColor: '{form.field.border.color}',
color: '{text.muted.color}'
}

View File

@ -76,7 +76,7 @@ export default {
colorScheme: {
light: {
root: {
background: '{surface.100}'
background: '{surface.50}'
}
},
dark: {

View File

@ -60,7 +60,7 @@ export default {
colorScheme: {
light: {
root: {
background: '{surface.100}'
background: '{surface.50}'
}
},
dark: {

View File

@ -26,7 +26,7 @@ export default {
colorScheme: {
light: {
header: {
background: '{surface.100}',
background: '{surface.50}',
color: '{text.color}'
}
},

View File

@ -1,5 +1,4 @@
export default {
root: {
bar: {
size: '9px',
borderRadius: '{border.radius.xs}',
@ -10,7 +9,6 @@ export default {
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
}
},
colorScheme: {
light: {

View File

@ -37,8 +37,8 @@ export default {
colorScheme: {
light: {
item: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.0}'
}
},

View File

@ -52,8 +52,8 @@ export default {
shadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'
},
tab: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.0}'
}
},

View File

@ -10,7 +10,7 @@ export default {
colorScheme: {
light: {
root: {
background: '{surface.100}',
background: '{surface.50}',
color: '{content.color}'
}
},

View File

@ -6,7 +6,6 @@ export default {
fontWeight: '700'
},
headerCell: {
hoverBackground: '{content.hover.background}',
selectedBackground: '{highlight.background}',
borderColor: '{treetable.border.color}',
hoverColor: '{content.hover.color}',
@ -101,6 +100,7 @@ export default {
},
headerCell: {
background: '{surface.50}',
hoverBackground: '{surface.100}',
color: '{text.color}'
},
footer: {
@ -125,6 +125,7 @@ export default {
},
headerCell: {
background: '{surface.800}',
hoverBackground: '{surface.700}',
color: '{text.color}'
},
footer: {