From 162fc38bde137e1fa2340c4c609e876e100bb33f Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 15 May 2024 09:31:20 +0300 Subject: [PATCH] Adjusted colors for bars --- components/lib/themes/nora/datatable/index.js | 2 +- components/lib/themes/nora/metergroup/index.js | 13 ++++++++++++- components/lib/themes/nora/progressbar/index.js | 13 ++++++++++++- components/lib/themes/nora/slider/index.js | 13 ++++++++++++- components/lib/themes/nora/treetable/index.js | 2 +- 5 files changed, 38 insertions(+), 5 deletions(-) diff --git a/components/lib/themes/nora/datatable/index.js b/components/lib/themes/nora/datatable/index.js index 800509058..bbf6c2b54 100644 --- a/components/lib/themes/nora/datatable/index.js +++ b/components/lib/themes/nora/datatable/index.js @@ -148,7 +148,7 @@ export default { }, dark: { root: { - borderColor: '{surface.700}' + borderColor: '{surface.600}' }, row: { stripedBackground: '{surface.950}' diff --git a/components/lib/themes/nora/metergroup/index.js b/components/lib/themes/nora/metergroup/index.js index 776f87075..0c803ba5d 100644 --- a/components/lib/themes/nora/metergroup/index.js +++ b/components/lib/themes/nora/metergroup/index.js @@ -4,7 +4,6 @@ export default { gap: '1rem' }, meters: { - background: '{content.border.color}', size: '0.5rem' }, label: { @@ -19,5 +18,17 @@ export default { labelList: { verticalGap: '0.5rem', horizontalGap: '1rem' + }, + colorScheme: { + light: { + meters: { + background: '{surface.300}' + } + }, + dark: { + meters: { + background: '{surface.600}' + } + } } }; diff --git a/components/lib/themes/nora/progressbar/index.js b/components/lib/themes/nora/progressbar/index.js index cce54bfe9..e040e6bcd 100644 --- a/components/lib/themes/nora/progressbar/index.js +++ b/components/lib/themes/nora/progressbar/index.js @@ -1,6 +1,5 @@ export default { root: { - background: '{content.border.color}', borderRadius: '{content.border.radius}', height: '1.25rem' }, @@ -11,5 +10,17 @@ export default { color: '{primary.contrast.color}', fontSize: '0.75rem', fontWeight: '600' + }, + colorScheme: { + light: { + root: { + background: '{surface.300}' + } + }, + dark: { + root: { + background: '{surface.600}' + } + } } }; diff --git a/components/lib/themes/nora/slider/index.js b/components/lib/themes/nora/slider/index.js index 34cca9307..dad702ed7 100644 --- a/components/lib/themes/nora/slider/index.js +++ b/components/lib/themes/nora/slider/index.js @@ -1,6 +1,5 @@ export default { track: { - background: '{content.border.color}', borderRadius: '{content.border.radius}', size: '3px' }, @@ -28,5 +27,17 @@ export default { offset: '{focus.ring.offset}', shadow: '{focus.ring.shadow}' } + }, + colorScheme: { + light: { + track: { + background: '{surface.300}' + } + }, + dark: { + track: { + background: '{surface.600}' + } + } } }; diff --git a/components/lib/themes/nora/treetable/index.js b/components/lib/themes/nora/treetable/index.js index 09085d2ba..5cb3c456e 100644 --- a/components/lib/themes/nora/treetable/index.js +++ b/components/lib/themes/nora/treetable/index.js @@ -105,7 +105,7 @@ export default { }, dark: { root: { - borderColor: '{surface.700}' + borderColor: '{surface.600}' }, bodyCell: { selectedBorderColor: '{primary.900}'