halkyon-days/halkyon
Watch
1
0
Fork
You've already forked halkyon
 0
Code Issues Pull requests Projects Releases 37 Packages Wiki Activity Actions

feat(ui): in dark mode, filled and floating buttons in cobalt itself, white on it

Browse source 
In dark mode the primary colour is cobalt lightened (#AEB9FF), readable as
text and thin marks on the dark surfaces, and filled buttons took it: Todo's
send button glared bright beside everything else; floating buttons took
Material's dark primary container. Both are cobalt itself now, white on it,
as in light mode (decision 6 of the developer's list, 9 Nov 2026); links,
tabs and switches keep the lighter tone. Filled icon buttons take no theme
of their own in Flutter (the icon buttons' theme is the plain ones' too),
so they take filledIconButtonStyle: Learn's study and send buttons,
Todo's send buttons and Locate me, Meditate's stop dictating.

Whats-New: In dark mode, filled buttons and the + button are cobalt with a white icon, no longer a bright light blue.
Whats-New-De: Im dunklen Modus sind gefüllte Schaltflächen und die +-Schaltfläche kobaltblau mit weißem Symbol statt grell hellblau.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Signed-off-by: Tizian 「ティツィアーン」 <raisondetredev@pm.me>
This commit is contained in:
Tizian 「ティツィアーン」 2026-11-09 23:23:13 +01:00
commit cc7511f060
Signed by: raisondetredev
GPG key ID: 07F6FCF405488B64
1 changed files with 122 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

75
packages/halkyon_ui/test/theme/theme_test.dart
View file

@ -92,6 +92,81 @@ void main() {
);
});
group('dark: filled buttons and floating buttons in cobalt itself, white '
"on it (the developer's review, 9 Nov 2026)", () {
final theme = appTheme(Brightness.dark);
const none = <WidgetState>{};
test('a filled button', () {
final style = theme.filledButtonTheme.style!;
expect(style.backgroundColor!.resolve(none), Brand.primary);
expect(style.foregroundColor!.resolve(none), Colors.white);
expect(
style.backgroundColor!.resolve({WidgetState.disabled}),
isNot(Brand.primary),
reason: "disabled, Material's own",
);
});
test('a floating button', () {
expect(theme.floatingActionButtonTheme.backgroundColor, Brand.primary);
expect(theme.floatingActionButtonTheme.foregroundColor, Colors.white);
});
test('readable: white on cobalt', () {
expect(_contrast(Colors.white, Brand.primary), greaterThan(7));
});
test("links, tabs and switches keep the primary colour's lighter "
'tone', () {
expect(theme.colorScheme.primary, isNot(Brand.primary));
});
testWidgets('a filled icon button, styled by filledIconButtonStyle', (
tester,
) async {
await tester.pumpWidget(
MaterialApp(
theme: theme,
home: Builder(
builder: (context) => IconButton.filled(
style: filledIconButtonStyle(context),
onPressed: () {},
icon: const Icon(Icons.arrow_upward),
),
),
),
);
final material = tester.widget<Material>(
find.descendant(
of: find.byType(IconButton),
matching: find.byType(Material),
),
);
expect(material.color, Brand.primary);
expect(
tester
.widget<IconTheme>(
find
.ancestor(
of: find.byIcon(Icons.arrow_upward),
matching: find.byType(IconTheme),
)
.first,
)
.data
.color,
Colors.white,
);
});
});
test('light: the buttons as Material 3 has them', () {
final theme = appTheme(Brightness.light);
expect(theme.filledButtonTheme.style, isNull);
expect(theme.floatingActionButtonTheme.backgroundColor, isNull);
});
test("the navigation bar is Material 3 Expressive's shorter one", () {
expect(appTheme(Brightness.light).navigationBarTheme.height, 64);
});