-
Notifications
You must be signed in to change notification settings - Fork 6
/
theme.config.js
31 lines (27 loc) 路 1.15 KB
/
theme.config.js
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
// theme.config.js
const { ThemeManager, Theme } = require('tailwindcss-theming/api');
const base = new Theme()
.setName('light')
.targetable()
.addColors({
brand: '#48bb78', // Your brand color
'on-brand': '#ffffff', // For everything that goes on your brand color
background: '#f7fafc', // A background color
'on-background': '#1a202c', // For everything that goes on your background color
highlightjs: '#2d3748',
'on-highlightjs': '#d5d8da',
});
const dark = new Theme()
.setName('dark')
.targetable()
.addColors({
brand: '#48bb78', // Your brand color
'on-brand': '#ffffff', // For everything that goes on your brand color
background: '#2d3748', // A background color
'on-background': '#d5d8da', // For everything that goes on your background color
highlightjs: '#2d3748',
'on-highlightjs': '#d5d8da'
});
module.exports = new ThemeManager()
.setDefaultTheme(base) // Sets the `base` theme as the default theme.
.setDefaultDarkTheme(dark); // Sets the `dark` theme as the default theme for users that prefer the `dark` scheme.