mobile bluesky app made with flutter lazurite.stormlightlabs.org/
mobile bluesky flutter

feat: update app typography to Crimson Pro, Atkinson Hyperlegible, and Fira Code

* add credits to README

Changed files
+19 -12
lib
src
test
www
+6
README.md
··· 359 359 - [Bluesky API Documentation](https://docs.bsky.app/) 360 360 - [AT Protocol Specification](https://atproto.com/) 361 361 - [Flutter Documentation](https://flutter.dev/docs) 362 + 363 + ## Credits 364 + 365 + Typography inspiration from [Anisota](https://anisota.net/) by [Dame.is](https://dame.is) ([@dame.is](https://bsky.app/profile/dame.is)). 366 + 367 + [Witchsky](https://witchsky.app/) ([code](https://tangled.org/jollywhoppers.com/witchsky.app/))
+7 -7
lib/src/app/theme.dart
··· 106 106 } 107 107 108 108 /// Builds the text theme with custom fonts. 109 - /// - Lora for display styles 110 - /// - Public Sans for body/label styles 111 - /// - JetBrains Mono for code (available via bodySmall) 109 + /// - Crimson Pro for display styles 110 + /// - Atkinson Hyperlegible for body/label styles 111 + /// - Fira Code for code (available via bodySmall) 112 112 static TextTheme _buildTextTheme(Color color) { 113 - final displayStyle = GoogleFonts.lora(color: color); 114 - final bodyStyle = GoogleFonts.publicSans(color: color); 115 - final monoStyle = GoogleFonts.jetBrainsMono(color: color); 113 + final displayStyle = GoogleFonts.crimsonPro(color: color); 114 + final bodyStyle = GoogleFonts.atkinsonHyperlegible(color: color); 115 + final monoStyle = GoogleFonts.firaCode(color: color); 116 116 117 117 return TextTheme( 118 - // Display styles - Lora 118 + // Display styles - Crimson Pro 119 119 displayLarge: displayStyle.copyWith( 120 120 fontSize: 57, 121 121 fontWeight: FontWeight.w400,
+2 -1
test/flutter_test_config.dart
··· 1 1 import 'dart:async'; 2 + 2 3 import 'package:google_fonts/google_fonts.dart'; 3 4 4 - // FIXME: Bundle Lora, Public Sans, and JetBrains Mono fonts as assets 5 + // FIXME: Bundle Crimson Pro, Atkinson Hyperlegible, and Fira Code fonts as assets 5 6 // so we can test full theme creation. Currently AppTheme.light/dark tests 6 7 // fail because google_fonts tries to fetch fonts over HTTP. 7 8 // See: https://pub.dev/packages/google_fonts#bundling-fonts-when-releasing
+4 -4
www/index.html
··· 11 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 13 <link 14 - href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Public+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" 14 + href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Atkinson+Hyperlegible:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap" 15 15 rel="stylesheet"> 16 16 17 17 <style> ··· 30 30 --cyan: #08BDBA; 31 31 --purple: #BE95FF; 32 32 33 - --font-display: 'Lora', serif; 34 - --font-body: 'Public Sans', sans-serif; 35 - --font-mono: 'JetBrains Mono', monospace; 33 + --font-display: 'Crimson Pro', serif; 34 + --font-body: 'Atkinson Hyperlegible', sans-serif; 35 + --font-mono: 'Fira Code', monospace; 36 36 } 37 37 38 38 * {