mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-11 01:42:34 +00:00
Add 'Lara' theme
This commit is contained in:
parent
30fa452525
commit
06850f3ed5
177 changed files with 3386 additions and 7 deletions
42
components/lib/themes/lara/toggleswitch/index.js
Normal file
42
components/lib/themes/lara/toggleswitch/index.js
Normal file
|
@ -0,0 +1,42 @@
|
|||
export default {
|
||||
handle: {
|
||||
borderRadius: '50%'
|
||||
},
|
||||
root: {
|
||||
borderRadius: '30px'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
root: {
|
||||
background: '{surface.300}',
|
||||
invalidBackground: '{red.400}',
|
||||
hoverBackground: '{surface.400}',
|
||||
checkedBackground: '{primary.500}',
|
||||
checkedHoverBackground: '{primary.600}'
|
||||
},
|
||||
handle: {
|
||||
background: '{surface.0}',
|
||||
hoverBackground: '{surface.0}',
|
||||
checkedBackground: '{surface.0}',
|
||||
checkedHoverBackground: '{surface.0}',
|
||||
invalidBackground: '{surface.0}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
root: {
|
||||
background: '{surface.700}',
|
||||
invalidBackground: '{red.300}',
|
||||
hoverBackground: '{surface.600}',
|
||||
checkedBackground: '{primary.400}',
|
||||
checkedHoverBackground: '{primary.300}'
|
||||
},
|
||||
handle: {
|
||||
background: '{surface.400}',
|
||||
hoverBackground: '{surface.300}',
|
||||
checkedBackground: '{surface.900}',
|
||||
checkedHoverBackground: '{surface.900}',
|
||||
invalidBackground: '{surface.900}'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue