Dark mode

[ballinger]

This is starting to look great! Pls don't forget about dark mode support when you get around the ui part of things. thanx

[ballinger]

Would be great if multi field values would fetch their color from nocodb. They indicate temperature values in my setup. Not essential but a good visual reminder. thanx! - still using the app daily multiple times :)

[enm10k]

Thank you for the feedback. It is very encouraging.

Would be great if multi field values would fetch their color from nocodb.

Could you tell me which field type you mean?

[ballinger]

Hey, the field type of the column is a "multi field". I set specific hex codes for my custom entries under details -> fields

[enm10k]

Could you provide more specifics about your use case?
It would also be helpful to see concrete examples of the table structure and columns.

When you mention multi-field, I imagine you're referring to the following feature:
Multi-field editor | NocoDB

As for Multi Select, I’ve already implemented the functionality where the options' colors are reflected in the UI, as shown here:

nocodb-mobile/lib/features/core/components/cells/multi_select.dart

Lines 19 to 23 in d85372b

	final color = column.colOptions?.getOptionColor(value);
	return Chip(
	label: Text(value),
	backgroundColor: color,
	);

Therefore, I suppose you are referring to multi-field not Multi Select.

[ballinger]

hi, made you a few screenshots...

When you mention multi-field, I imagine you're referring to the following feature:
Multi-field editor | NocoDB

yes. exacly

[enm10k]

Thank you for sharing the information.

Indeed, the colors displayed in the MultiSelect of nocodb-mobile are incorrect

I realized that the code does not support the case where NocoDB has colors set with 8-digit hex codes, and I suspect this might be the cause of the issue.
I'll try to find time to fix it soon.

nocodb-mobile/lib/nocodb_sdk/models_extensions.dart

Lines 23 to 50 in d85372b

	// Input: #cccccc or #ccc
	// Output: cccccc
	String _formatColorCode(String code) {
	// #ccc -> #cccccc
	if (code.length == 4) {
	final (r, g, b) = (code[1], code[2], code[3]);
	return '$r$r$g$g$b$b';
	}
	return code.substring(1);
	}
	extension NcColOptionsEx on NcColOptions {
	Color? getOptionColor(String title) {
	final color =
	options?.firstWhereOrNull((option) => option.title == title)?.color;
	if (color == null) {
	return null;
	}
	final colorCode = _formatColorCode(color);
	assert(colorCode.length == 6, colorCode);
	return Color(
	int.parse('FF$colorCode', radix: 16),
	);
	}
	}

[ballinger]

Sweet, thanks!