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 {
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;
}

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

@ -1,15 +1,13 @@
export default {
root: {
bar: {
size: '9px',
borderRadius: '{border.radius.sm}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
bar: {
size: '9px',
borderRadius: '{border.radius.sm}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
},
colorScheme: {

8
components/lib/themes/lara/accordion/index.js
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: {

6
components/lib/themes/lara/autocomplete/index.js
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}'

3
components/lib/themes/lara/datatable/index.js
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: {

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

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

6
components/lib/themes/lara/datepicker/index.js
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}'

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

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

4
components/lib/themes/lara/fieldset/index.js
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}'
}

2
components/lib/themes/lara/inputgroup/index.js
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}'
}

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

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

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

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

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

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

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

@ -1,15 +1,13 @@
export default {
root: {
bar: {
size: '9px',
borderRadius: '{border.radius.xs}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
bar: {
size: '9px',
borderRadius: '{border.radius.xs}',
focusRing: {
width: '{focus.ring.width}',
style: '{focus.ring.style}',
color: '{focus.ring.color}',
offset: '{focus.ring.offset}',
shadow: '{focus.ring.shadow}'
}
},
colorScheme: {

4
components/lib/themes/lara/tabmenu/index.js
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}'
}
},

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)'
},
tab: {
background: '{surface.100}',
hoverBackground: '{surface.200}',
background: '{surface.50}',
hoverBackground: '{surface.100}',
activeBackground: '{surface.0}'
}
},

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

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

3
components/lib/themes/lara/treetable/index.js
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: {