140 lines
3.9 KiB
Dart
140 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../mews/document.dart';
|
|
|
|
/// The client's own presentation, mirroring the palettes of the default
|
|
/// stylesheet mews-0.1.css (spec 5.1). Mews clients ignore author CSS and use
|
|
/// their own, so these colors are the single visual source for page content.
|
|
class MewsPalette {
|
|
const MewsPalette({
|
|
required this.background,
|
|
required this.foreground,
|
|
required this.link,
|
|
required this.visited,
|
|
required this.border,
|
|
required this.preBackground,
|
|
});
|
|
|
|
final Color background;
|
|
final Color foreground;
|
|
final Color link;
|
|
final Color visited;
|
|
final Color border;
|
|
final Color preBackground;
|
|
}
|
|
|
|
const _plainLight = MewsPalette(
|
|
background: Color(0xfffaf8f3),
|
|
foreground: Color(0xff1f1f1f),
|
|
link: Color(0xff1a4f9c),
|
|
visited: Color(0xff5b2a86),
|
|
border: Color(0xffc9c4b8),
|
|
preBackground: Color(0xffefece4),
|
|
);
|
|
|
|
const _plainDark = MewsPalette(
|
|
background: Color(0xff18191b),
|
|
foreground: Color(0xffe3e1dc),
|
|
link: Color(0xff8fb8f5),
|
|
visited: Color(0xffc9a3f2),
|
|
border: Color(0xff45464a),
|
|
preBackground: Color(0xff222326),
|
|
);
|
|
|
|
const _warmLight = MewsPalette(
|
|
background: Color(0xfffbf4e8),
|
|
foreground: Color(0xff2a2420),
|
|
link: Color(0xff8a3d14),
|
|
visited: Color(0xff5b2a86),
|
|
border: Color(0xffc9c4b8),
|
|
preBackground: Color(0xffefece4),
|
|
);
|
|
|
|
const _warmDark = MewsPalette(
|
|
background: Color(0xff1d1916),
|
|
foreground: Color(0xffe8dfd3),
|
|
link: Color(0xfff0b48a),
|
|
visited: Color(0xffc9a3f2),
|
|
border: Color(0xff45464a),
|
|
preBackground: Color(0xff222326),
|
|
);
|
|
|
|
const _coolLight = MewsPalette(
|
|
background: Color(0xfff3f6fa),
|
|
foreground: Color(0xff1c2430),
|
|
link: Color(0xff1a4f9c),
|
|
visited: Color(0xff5b2a86),
|
|
border: Color(0xffc9c4b8),
|
|
preBackground: Color(0xffefece4),
|
|
);
|
|
|
|
const _coolDark = MewsPalette(
|
|
background: Color(0xff161a20),
|
|
foreground: Color(0xffdde4ee),
|
|
link: Color(0xff8fb8f5),
|
|
visited: Color(0xffc9a3f2),
|
|
border: Color(0xff45464a),
|
|
preBackground: Color(0xff222326),
|
|
);
|
|
|
|
const _greenLight = MewsPalette(
|
|
background: Color(0xfff2f6ef),
|
|
foreground: Color(0xff1f2a1f),
|
|
link: Color(0xff24502a),
|
|
visited: Color(0xff5b2a86),
|
|
border: Color(0xffc9c4b8),
|
|
preBackground: Color(0xffefece4),
|
|
);
|
|
|
|
const _greenDark = MewsPalette(
|
|
background: Color(0xff161b16),
|
|
foreground: Color(0xffdbe6d8),
|
|
link: Color(0xff9fd39a),
|
|
visited: Color(0xffc9a3f2),
|
|
border: Color(0xff45464a),
|
|
preBackground: Color(0xff222326),
|
|
);
|
|
|
|
const _monoLight = MewsPalette(
|
|
background: Color(0xffe8ebe1),
|
|
foreground: Color(0xff1e2219),
|
|
link: Color(0xff1e2219),
|
|
visited: Color(0xff5b2a86),
|
|
border: Color(0xffc9c4b8),
|
|
preBackground: Color(0xffefece4),
|
|
);
|
|
|
|
const _monoDark = MewsPalette(
|
|
background: Color(0xff1b1d18),
|
|
foreground: Color(0xffc8d0b8),
|
|
link: Color(0xffc8d0b8),
|
|
visited: Color(0xffc9a3f2),
|
|
border: Color(0xff45464a),
|
|
preBackground: Color(0xff222326),
|
|
);
|
|
|
|
/// Resolves the palette: the reader's variant choice overrides the page's own
|
|
/// variant unless the choice is "site" (spec 5.3, 8.2).
|
|
MewsPalette paletteFor({required MewsVariant pageVariant, required String readerVariant, required bool dark}) {
|
|
final variant = readerVariant == 'site' ? pageVariant.name : pageVariantFromName(readerVariant);
|
|
return switch ((variant, dark)) {
|
|
(MewsVariant.warm, false) => _warmLight,
|
|
(MewsVariant.warm, true) => _warmDark,
|
|
(MewsVariant.cool, false) => _coolLight,
|
|
(MewsVariant.cool, true) => _coolDark,
|
|
(MewsVariant.green, false) => _greenLight,
|
|
(MewsVariant.green, true) => _greenDark,
|
|
(MewsVariant.mono, false) => _monoLight,
|
|
(MewsVariant.mono, true) => _monoDark,
|
|
(_, false) => _plainLight,
|
|
(_, true) => _plainDark,
|
|
};
|
|
}
|
|
|
|
MewsVariant pageVariantFromName(String name) => switch (name) {
|
|
'warm' => MewsVariant.warm,
|
|
'cool' => MewsVariant.cool,
|
|
'green' => MewsVariant.green,
|
|
'mono' => MewsVariant.mono,
|
|
_ => MewsVariant.plain,
|
|
};
|