ente/lib/theme/text_style.dart

118 lines
3.1 KiB
Dart
Raw Normal View History

2022-09-22 09:02:52 +00:00
import 'package:flutter/material.dart';
2022-09-23 09:04:15 +00:00
import 'package:photos/theme/colors.dart';
2022-09-22 09:02:52 +00:00
2022-09-23 09:04:15 +00:00
const FontWeight _regularWeight = FontWeight.w500;
const FontWeight _boldWeight = FontWeight.w600;
const String _fontFamily = 'Inter';
2022-09-22 09:02:52 +00:00
const TextStyle h1 = TextStyle(
fontSize: 48,
height: 48 / 28,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle h2 = TextStyle(
fontSize: 32,
height: 39 / 32.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle h3 = TextStyle(
fontSize: 24,
height: 29 / 24.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle large = TextStyle(
fontSize: 18,
height: 22 / 18.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle body = TextStyle(
fontSize: 16,
height: 19.4 / 16.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle small = TextStyle(
fontSize: 14,
height: 17 / 14.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle mini = TextStyle(
fontSize: 12,
height: 15 / 12.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
const TextStyle tiny = TextStyle(
fontSize: 10,
height: 12 / 10.0,
2022-09-23 09:04:15 +00:00
fontWeight: _regularWeight,
fontFamily: _fontFamily,
);
2022-09-23 09:04:15 +00:00
class EnteTextTheme {
final TextStyle h1;
final TextStyle h1Bold;
final TextStyle h2;
final TextStyle h2Bold;
final TextStyle h3;
final TextStyle h3Bold;
final TextStyle large;
final TextStyle largeBold;
final TextStyle body;
final TextStyle bodyBold;
final TextStyle small;
final TextStyle smallBold;
final TextStyle mini;
final TextStyle miniBold;
final TextStyle tiny;
final TextStyle tinyBold;
2022-09-23 09:04:15 +00:00
const EnteTextTheme({
required this.h1,
required this.h1Bold,
required this.h2,
required this.h2Bold,
required this.h3,
required this.h3Bold,
required this.large,
required this.largeBold,
required this.body,
required this.bodyBold,
required this.small,
required this.smallBold,
required this.mini,
required this.miniBold,
required this.tiny,
required this.tinyBold,
});
}
2022-09-23 09:37:07 +00:00
EnteTextTheme lightTextTheme = _buildEnteTextStyle(textBaseLight);
EnteTextTheme darkTextTheme = _buildEnteTextStyle(textBaseDark);
2022-09-23 09:04:15 +00:00
EnteTextTheme _buildEnteTextStyle(Color color) {
return EnteTextTheme(
h1: h1.copyWith(color: color),
2022-09-23 09:04:15 +00:00
h1Bold: h1.copyWith(color: color, fontWeight: _boldWeight),
h2: h2.copyWith(color: color),
2022-09-23 09:04:15 +00:00
h2Bold: h2.copyWith(color: color, fontWeight: _boldWeight),
h3: h3.copyWith(color: color),
2022-09-23 09:04:15 +00:00
h3Bold: h3.copyWith(color: color, fontWeight: _boldWeight),
large: large.copyWith(color: color),
2022-09-23 09:04:15 +00:00
largeBold: large.copyWith(color: color, fontWeight: _boldWeight),
body: body.copyWith(color: color),
2022-09-23 09:04:15 +00:00
bodyBold: body.copyWith(color: color, fontWeight: _boldWeight),
small: small.copyWith(color: color),
2022-09-23 09:04:15 +00:00
smallBold: small.copyWith(color: color, fontWeight: _boldWeight),
mini: mini.copyWith(color: color),
2022-09-23 09:04:15 +00:00
miniBold: mini.copyWith(color: color, fontWeight: _boldWeight),
tiny: tiny.copyWith(color: color),
2022-09-23 09:04:15 +00:00
tinyBold: tiny.copyWith(color: color, fontWeight: _boldWeight),
);
}