From 3824c84eb0df0d76e926d0db1a88c4f43f3a1409 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Mon, 13 May 2024 11:03:41 +0300 Subject: [PATCH] Lighter color for lara base --- .../lib/scrollpanel/style/ScrollPanelStyle.js | 4 ++-- .../lib/themes/aura/scrollpanel/index.js | 20 +++++++++---------- components/lib/themes/lara/accordion/index.js | 8 ++++---- .../lib/themes/lara/autocomplete/index.js | 6 +++--- components/lib/themes/lara/datatable/index.js | 3 ++- components/lib/themes/lara/dataview/index.js | 2 +- .../lib/themes/lara/datepicker/index.js | 6 +++--- components/lib/themes/lara/editor/index.js | 2 +- components/lib/themes/lara/fieldset/index.js | 4 ++-- .../lib/themes/lara/inputgroup/index.js | 2 +- components/lib/themes/lara/megamenu/index.js | 2 +- components/lib/themes/lara/menubar/index.js | 2 +- components/lib/themes/lara/panel/index.js | 2 +- .../lib/themes/lara/scrollpanel/index.js | 20 +++++++++---------- components/lib/themes/lara/tabmenu/index.js | 4 ++-- components/lib/themes/lara/tabs/index.js | 4 ++-- components/lib/themes/lara/toolbar/index.js | 2 +- components/lib/themes/lara/treetable/index.js | 3 ++- 18 files changed, 47 insertions(+), 49 deletions(-) diff --git a/components/lib/scrollpanel/style/ScrollPanelStyle.js b/components/lib/scrollpanel/style/ScrollPanelStyle.js index dd1da2744..d2e87d5cc 100644 --- a/components/lib/scrollpanel/style/ScrollPanelStyle.js +++ b/components/lib/scrollpanel/style/ScrollPanelStyle.js @@ -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; } diff --git a/components/lib/themes/aura/scrollpanel/index.js b/components/lib/themes/aura/scrollpanel/index.js index 1ae3e6553..5e76d0cb0 100644 --- a/components/lib/themes/aura/scrollpanel/index.js +++ b/components/lib/themes/aura/scrollpanel/index.js @@ -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: { diff --git a/components/lib/themes/lara/accordion/index.js b/components/lib/themes/lara/accordion/index.js index a84dda8b7..9dd4df018 100644 --- a/components/lib/themes/lara/accordion/index.js +++ b/components/lib/themes/lara/accordion/index.js @@ -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: { diff --git a/components/lib/themes/lara/autocomplete/index.js b/components/lib/themes/lara/autocomplete/index.js index 4f83f6536..776d04ac9 100644 --- a/components/lib/themes/lara/autocomplete/index.js +++ b/components/lib/themes/lara/autocomplete/index.js @@ -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}' diff --git a/components/lib/themes/lara/datatable/index.js b/components/lib/themes/lara/datatable/index.js index 21477a827..9758a3b64 100644 --- a/components/lib/themes/lara/datatable/index.js +++ b/components/lib/themes/lara/datatable/index.js @@ -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: { diff --git a/components/lib/themes/lara/dataview/index.js b/components/lib/themes/lara/dataview/index.js index df6dbdc22..b8513bf02 100644 --- a/components/lib/themes/lara/dataview/index.js +++ b/components/lib/themes/lara/dataview/index.js @@ -38,7 +38,7 @@ export default { colorScheme: { light: { header: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' } }, diff --git a/components/lib/themes/lara/datepicker/index.js b/components/lib/themes/lara/datepicker/index.js index 4adbd70a4..5874afb80 100644 --- a/components/lib/themes/lara/datepicker/index.js +++ b/components/lib/themes/lara/datepicker/index.js @@ -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}' diff --git a/components/lib/themes/lara/editor/index.js b/components/lib/themes/lara/editor/index.js index 3343e74c4..42f95a93f 100644 --- a/components/lib/themes/lara/editor/index.js +++ b/components/lib/themes/lara/editor/index.js @@ -32,7 +32,7 @@ export default { colorScheme: { light: { toolbar: { - background: '{surface.100}' + background: '{surface.50}' } }, dark: { diff --git a/components/lib/themes/lara/fieldset/index.js b/components/lib/themes/lara/fieldset/index.js index e60b82cc7..0770c742f 100644 --- a/components/lib/themes/lara/fieldset/index.js +++ b/components/lib/themes/lara/fieldset/index.js @@ -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}' } diff --git a/components/lib/themes/lara/inputgroup/index.js b/components/lib/themes/lara/inputgroup/index.js index f356be1de..2adc98001 100644 --- a/components/lib/themes/lara/inputgroup/index.js +++ b/components/lib/themes/lara/inputgroup/index.js @@ -5,7 +5,7 @@ export default { colorScheme: { light: { addon: { - background: '{surface.100}', + background: '{surface.50}', borderColor: '{form.field.border.color}', color: '{text.muted.color}' } diff --git a/components/lib/themes/lara/megamenu/index.js b/components/lib/themes/lara/megamenu/index.js index 71edcaa69..066fbffc0 100644 --- a/components/lib/themes/lara/megamenu/index.js +++ b/components/lib/themes/lara/megamenu/index.js @@ -76,7 +76,7 @@ export default { colorScheme: { light: { root: { - background: '{surface.100}' + background: '{surface.50}' } }, dark: { diff --git a/components/lib/themes/lara/menubar/index.js b/components/lib/themes/lara/menubar/index.js index ca9aa0c72..8b4ba2fbf 100644 --- a/components/lib/themes/lara/menubar/index.js +++ b/components/lib/themes/lara/menubar/index.js @@ -60,7 +60,7 @@ export default { colorScheme: { light: { root: { - background: '{surface.100}' + background: '{surface.50}' } }, dark: { diff --git a/components/lib/themes/lara/panel/index.js b/components/lib/themes/lara/panel/index.js index 4d247d389..1db7150fe 100644 --- a/components/lib/themes/lara/panel/index.js +++ b/components/lib/themes/lara/panel/index.js @@ -26,7 +26,7 @@ export default { colorScheme: { light: { header: { - background: '{surface.100}', + background: '{surface.50}', color: '{text.color}' } }, diff --git a/components/lib/themes/lara/scrollpanel/index.js b/components/lib/themes/lara/scrollpanel/index.js index b11cff848..b9e8b1ad1 100644 --- a/components/lib/themes/lara/scrollpanel/index.js +++ b/components/lib/themes/lara/scrollpanel/index.js @@ -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: { diff --git a/components/lib/themes/lara/tabmenu/index.js b/components/lib/themes/lara/tabmenu/index.js index 9211ada28..d51e6679e 100644 --- a/components/lib/themes/lara/tabmenu/index.js +++ b/components/lib/themes/lara/tabmenu/index.js @@ -37,8 +37,8 @@ export default { colorScheme: { light: { item: { - background: '{surface.100}', - hoverBackground: '{surface.200}', + background: '{surface.50}', + hoverBackground: '{surface.100}', activeBackground: '{surface.0}' } }, diff --git a/components/lib/themes/lara/tabs/index.js b/components/lib/themes/lara/tabs/index.js index 38b284ddb..5a2561680 100644 --- a/components/lib/themes/lara/tabs/index.js +++ b/components/lib/themes/lara/tabs/index.js @@ -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}' } }, diff --git a/components/lib/themes/lara/toolbar/index.js b/components/lib/themes/lara/toolbar/index.js index 8928fb8ea..8e7e68645 100644 --- a/components/lib/themes/lara/toolbar/index.js +++ b/components/lib/themes/lara/toolbar/index.js @@ -10,7 +10,7 @@ export default { colorScheme: { light: { root: { - background: '{surface.100}', + background: '{surface.50}', color: '{content.color}' } }, diff --git a/components/lib/themes/lara/treetable/index.js b/components/lib/themes/lara/treetable/index.js index 495c171bd..b84d96c72 100644 --- a/components/lib/themes/lara/treetable/index.js +++ b/components/lib/themes/lara/treetable/index.js @@ -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: {