-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflutter_monokai_theme.dart
71 lines (63 loc) · 3.1 KB
/
flutter_monokai_theme.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import 'package:flutter/material.dart';
class FlutterMonokaiTheme {
FlutterMonokaiTheme._();
// If you want to modify both themes at once, modify the colors below.
static const Color _primaryColor = Color(0xFFEACB64);
static const Color _primaryInverseColor = Color(0xFF4E432F);
static const Color _onSurfaceColor = Color(0xFF72CCE8);
static const Color _onSurfaceVariant = Color(0xFFFF6578);
static const Color _onPrimaryColor = Color(0xFFA5E179);
static const Color _surfaceColor = Color(0xFF4E432F);
static const Color _backgroundColor = Color(0xFF373C4B);
static const Color _onSecondaryColor = Color(0xFFE1E3E4);
static const Color _onBackgroundColor = Color(0xFF828A9A);
static const Color _secondaryColor = Color(0xFF55393D);
static const Color _primaryContainer = Color(0xFF394634);
static const Color _errorColor = Color(0xFFF69C5E);
static const Color _onErrorColor = Color(0xFF354157);
// If you want to modify the light theme only, modify the colors below.
static final ThemeData lightTheme = ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(
brightness: Brightness.light,
seedColor: FlutterMonokaiTheme._primaryColor,
background: FlutterMonokaiTheme._backgroundColor,
primary: FlutterMonokaiTheme._primaryColor,
secondary: FlutterMonokaiTheme._secondaryColor,
inversePrimary: FlutterMonokaiTheme._primaryInverseColor,
onSurface: FlutterMonokaiTheme._onSurfaceColor,
surface: FlutterMonokaiTheme._surfaceColor,
onSurfaceVariant: FlutterMonokaiTheme._onSurfaceVariant,
onPrimary: FlutterMonokaiTheme._onPrimaryColor,
onSecondary: FlutterMonokaiTheme._onSecondaryColor,
onBackground: FlutterMonokaiTheme._onBackgroundColor,
primaryContainer: FlutterMonokaiTheme._primaryContainer,
error: FlutterMonokaiTheme._errorColor,
onError: FlutterMonokaiTheme._onErrorColor,
),
);
// If you want to modify the dark theme only, modify the colors below.
static final ThemeData darkTheme = ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(
brightness: Brightness.dark,
seedColor: FlutterMonokaiTheme._primaryColor,
background: FlutterMonokaiTheme._backgroundColor,
primary: FlutterMonokaiTheme._primaryColor,
secondary: FlutterMonokaiTheme._secondaryColor,
inversePrimary: FlutterMonokaiTheme._primaryInverseColor,
onSurface: FlutterMonokaiTheme._onSurfaceColor,
surface: FlutterMonokaiTheme._surfaceColor,
onSurfaceVariant: FlutterMonokaiTheme._onSurfaceVariant,
onPrimary: FlutterMonokaiTheme._onPrimaryColor,
onSecondary: FlutterMonokaiTheme._onSecondaryColor,
onBackground: FlutterMonokaiTheme._onBackgroundColor,
primaryContainer: FlutterMonokaiTheme._primaryContainer,
error: FlutterMonokaiTheme._errorColor,
onError: FlutterMonokaiTheme._onErrorColor,
),
);
}
// Based on the Monokai theme by Wimer Hazenberg.
// https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode
// Replicated to Flutter by @navirobayo | Check out FlutterCustomThemesVol1 for more.