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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/scrollpanel/style/ScrollPanelStyle.js
View File

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

2
components/lib/themes/aura/scrollpanel/index.js
View File

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

8
components/lib/themes/lara/accordion/index.js
View File

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

6
components/lib/themes/lara/autocomplete/index.js
View File

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

3
components/lib/themes/lara/datatable/index.js
View File

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

2
components/lib/themes/lara/dataview/index.js
View File

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

6
components/lib/themes/lara/datepicker/index.js
View File

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

2
components/lib/themes/lara/editor/index.js
View File

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

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

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

2
components/lib/themes/lara/inputgroup/index.js
View File

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

2
components/lib/themes/lara/megamenu/index.js
View File

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

2
components/lib/themes/lara/menubar/index.js
View File

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

2
components/lib/themes/lara/panel/index.js
View File

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

2
components/lib/themes/lara/scrollpanel/index.js
View File

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

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

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

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

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

2
components/lib/themes/lara/toolbar/index.js
View File

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

3
components/lib/themes/lara/treetable/index.js
View File

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