213 lines
6.4 KiB
Dart
213 lines
6.4 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
class EnteColorScheme {
|
|
// Background Colors
|
|
final Color backgroundBase;
|
|
final Color backgroundElevated;
|
|
final Color backgroundElevated2;
|
|
|
|
// Backdrop Colors
|
|
final Color backdropBase;
|
|
final Color backdropBaseMute;
|
|
final Color backdropFaint;
|
|
|
|
// Text Colors
|
|
final Color textBase;
|
|
final Color textMuted;
|
|
final Color textFaint;
|
|
final Color blurTextBase;
|
|
|
|
// Fill Colors
|
|
final Color fillBase;
|
|
final Color fillMuted;
|
|
final Color fillFaint;
|
|
final Color fillFaintPressed;
|
|
|
|
// Stroke Colors
|
|
final Color strokeBase;
|
|
final Color strokeMuted;
|
|
final Color strokeFaint;
|
|
final Color strokeFainter;
|
|
final Color blurStrokeBase;
|
|
final Color blurStrokeFaint;
|
|
final Color blurStrokePressed;
|
|
|
|
// Fixed Colors
|
|
final Color primary700;
|
|
final Color primary500;
|
|
final Color primary400;
|
|
final Color primary300;
|
|
|
|
//warning colors
|
|
final Color warning700;
|
|
final Color warning500;
|
|
final Color warning400;
|
|
final Color caution500;
|
|
|
|
//other colors
|
|
final Color tabIcon;
|
|
|
|
const EnteColorScheme(
|
|
this.backgroundBase,
|
|
this.backgroundElevated,
|
|
this.backgroundElevated2,
|
|
this.backdropBase,
|
|
this.backdropBaseMute,
|
|
this.backdropFaint,
|
|
this.textBase,
|
|
this.textMuted,
|
|
this.textFaint,
|
|
this.blurTextBase,
|
|
this.fillBase,
|
|
this.fillMuted,
|
|
this.fillFaint,
|
|
this.fillFaintPressed,
|
|
this.strokeBase,
|
|
this.strokeMuted,
|
|
this.strokeFaint,
|
|
this.strokeFainter,
|
|
this.blurStrokeBase,
|
|
this.blurStrokeFaint,
|
|
this.blurStrokePressed,
|
|
this.tabIcon, {
|
|
this.primary700 = _primary700,
|
|
this.primary500 = _primary500,
|
|
this.primary400 = _primary400,
|
|
this.primary300 = _primary300,
|
|
this.warning700 = _warning700,
|
|
this.warning500 = _warning500,
|
|
this.warning400 = _warning700,
|
|
this.caution500 = _caution500,
|
|
});
|
|
}
|
|
|
|
const EnteColorScheme lightScheme = EnteColorScheme(
|
|
backgroundBaseLight,
|
|
backgroundElevatedLight,
|
|
backgroundElevated2Light,
|
|
backdropBaseLight,
|
|
backdropMutedLight,
|
|
backdropFaintLight,
|
|
textBaseLight,
|
|
textMutedLight,
|
|
textFaintLight,
|
|
blurTextBaseLight,
|
|
fillBaseLight,
|
|
fillMutedLight,
|
|
fillFaintLight,
|
|
fillFaintPressedLight,
|
|
strokeBaseLight,
|
|
strokeMutedLight,
|
|
strokeFaintLight,
|
|
strokeFainterLight,
|
|
blurStrokeBaseLight,
|
|
blurStrokeFaintLight,
|
|
blurStrokePressedLight,
|
|
tabIconLight,
|
|
);
|
|
|
|
const EnteColorScheme darkScheme = EnteColorScheme(
|
|
backgroundBaseDark,
|
|
backgroundElevatedDark,
|
|
backgroundElevated2Dark,
|
|
backdropBaseDark,
|
|
backdropMutedDark,
|
|
backdropFaintDark,
|
|
textBaseDark,
|
|
textMutedDark,
|
|
textFaintDark,
|
|
blurTextBaseDark,
|
|
fillBaseDark,
|
|
fillMutedDark,
|
|
fillFaintDark,
|
|
fillFaintPressedDark,
|
|
strokeBaseDark,
|
|
strokeMutedDark,
|
|
strokeFaintDark,
|
|
strokeFainterDark,
|
|
blurStrokeBaseDark,
|
|
blurStrokeFaintDark,
|
|
blurStrokePressedDark,
|
|
tabIconDark,
|
|
);
|
|
|
|
// Background Colors
|
|
const Color backgroundBaseLight = Color.fromRGBO(255, 255, 255, 1);
|
|
const Color backgroundElevatedLight = Color.fromRGBO(255, 255, 255, 1);
|
|
const Color backgroundElevated2Light = Color.fromRGBO(251, 251, 251, 1);
|
|
|
|
const Color backgroundBaseDark = Color.fromRGBO(0, 0, 0, 1);
|
|
const Color backgroundElevatedDark = Color.fromRGBO(27, 27, 27, 1);
|
|
const Color backgroundElevated2Dark = Color.fromRGBO(37, 37, 37, 1);
|
|
|
|
// Backdrop Colors
|
|
const Color backdropBaseLight = Color.fromRGBO(255, 255, 255, 0.75);
|
|
const Color backdropMutedLight = Color.fromRGBO(255, 255, 255, 0.30);
|
|
const Color backdropFaintLight = Color.fromRGBO(255, 255, 255, 0.15);
|
|
|
|
const Color backdropBaseDark = Color.fromRGBO(0, 0, 0, 0.65);
|
|
const Color backdropMutedDark = Color.fromRGBO(0, 0, 0, 0.20);
|
|
const Color backdropFaintDark = Color.fromRGBO(0, 0, 0, 0.08);
|
|
|
|
// Text Colors
|
|
const Color textBaseLight = Color.fromRGBO(0, 0, 0, 1);
|
|
const Color textMutedLight = Color.fromRGBO(0, 0, 0, 0.6);
|
|
const Color textFaintLight = Color.fromRGBO(0, 0, 0, 0.5);
|
|
const Color blurTextBaseLight = Color.fromRGBO(0, 0, 0, 0.65);
|
|
|
|
const Color textBaseDark = Color.fromRGBO(255, 255, 255, 1);
|
|
const Color textMutedDark = Color.fromRGBO(255, 255, 255, 0.7);
|
|
const Color textFaintDark = Color.fromRGBO(255, 255, 255, 0.5);
|
|
const Color blurTextBaseDark = Color.fromRGBO(255, 255, 255, 0.95);
|
|
|
|
// Fill Colors
|
|
const Color fillBaseLight = Color.fromRGBO(0, 0, 0, 1);
|
|
const Color fillMutedLight = Color.fromRGBO(0, 0, 0, 0.12);
|
|
const Color fillFaintLight = Color.fromRGBO(0, 0, 0, 0.04);
|
|
const Color fillFaintPressedLight = Color.fromRGBO(0, 0, 0, 0.08);
|
|
|
|
const Color fillBaseDark = Color.fromRGBO(255, 255, 255, 1);
|
|
const Color fillMutedDark = Color.fromRGBO(255, 255, 255, 0.16);
|
|
const Color fillFaintDark = Color.fromRGBO(255, 255, 255, 0.12);
|
|
const Color fillFaintPressedDark = Color.fromRGBO(255, 255, 255, 0.06);
|
|
|
|
// Stroke Colors
|
|
const Color strokeBaseLight = Color.fromRGBO(0, 0, 0, 1);
|
|
const Color strokeMutedLight = Color.fromRGBO(0, 0, 0, 0.24);
|
|
const Color strokeFaintLight = Color.fromRGBO(0, 0, 0, 0.12);
|
|
const Color strokeFainterLight = Color.fromRGBO(0, 0, 0, 0.06);
|
|
const Color blurStrokeBaseLight = Color.fromRGBO(0, 0, 0, 0.65);
|
|
const Color blurStrokeFaintLight = Color.fromRGBO(0, 0, 0, 0.08);
|
|
const Color blurStrokePressedLight = Color.fromRGBO(0, 0, 0, 0.50);
|
|
|
|
const Color strokeBaseDark = Color.fromRGBO(255, 255, 255, 1);
|
|
const Color strokeMutedDark = Color.fromRGBO(255, 255, 255, 0.24);
|
|
const Color strokeFaintDark = Color.fromRGBO(255, 255, 255, 0.16);
|
|
const Color strokeFainterDark = Color.fromRGBO(255, 255, 255, 0.08);
|
|
const Color blurStrokeBaseDark = Color.fromRGBO(255, 255, 255, 0.90);
|
|
const Color blurStrokeFaintDark = Color.fromRGBO(255, 255, 255, 0.08);
|
|
const Color blurStrokePressedDark = Color.fromRGBO(255, 255, 255, 0.50);
|
|
|
|
// Other colors
|
|
const Color tabIconLight = Color.fromRGBO(0, 0, 0, 0.85);
|
|
|
|
const Color tabIconDark = Color.fromRGBO(255, 255, 255, 0.80);
|
|
|
|
// Fixed Colors
|
|
|
|
const Color fixedStrokeMutedWhite = Color.fromRGBO(255, 255, 255, 0.50);
|
|
|
|
const Color _primary700 = Color.fromRGBO(0, 179, 60, 1);
|
|
const Color _primary500 = Color.fromRGBO(29, 185, 84, 1);
|
|
const Color _primary400 = Color.fromRGBO(38, 203, 95, 1);
|
|
const Color _primary300 = Color.fromRGBO(1, 222, 77, 1);
|
|
|
|
const Color _warning700 = Color.fromRGBO(234, 63, 63, 1);
|
|
const Color _warning500 = Color.fromRGBO(255, 101, 101, 1);
|
|
const Color warning500 = Color.fromRGBO(255, 101, 101, 1);
|
|
const Color _warning400 = Color.fromRGBO(255, 111, 111, 1);
|
|
|
|
const Color _caution500 = Color.fromRGBO(255, 194, 71, 1);
|