mirror of
https://github.com/lukin/keywind.git
synced 2025-01-10 18:06:23 +00:00
Update tailwind.config.ts
Customize colors for dark mode and apply Adventist Identity style
This commit is contained in:
parent
7828bba4b2
commit
b41ff1d75d
1 changed files with 46 additions and 19 deletions
|
@ -1,5 +1,4 @@
|
|||
import type { Config } from 'tailwindcss';
|
||||
import colors from 'tailwindcss/colors';
|
||||
|
||||
export default {
|
||||
content: ['./theme/**/*.ftl'],
|
||||
|
@ -9,27 +8,55 @@ export default {
|
|||
plugins: [require('@tailwindcss/forms')],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: '"Noto Sans", ui-sans-serif, system-ui, sans-serif',
|
||||
serif: '"Noto Serif", ui-serif, Georgia, Cambria, "Times New Roman", serif',
|
||||
},
|
||||
colors: {
|
||||
primary: colors.blue,
|
||||
secondary: colors.gray,
|
||||
primary: {
|
||||
50: 'rgb(var(--color-sta-primary-50) / <alpha-value>)',
|
||||
100: 'rgb(var(--color-sta-primary-100) / <alpha-value>)',
|
||||
200: 'rgb(var(--color-sta-primary-200) / <alpha-value>)',
|
||||
300: 'rgb(var(--color-sta-primary-300) / <alpha-value>)',
|
||||
400: 'rgb(var(--color-sta-primary-400) / <alpha-value>)',
|
||||
500: 'rgb(var(--color-sta-primary-500) / <alpha-value>)',
|
||||
600: 'rgb(var(--color-sta-primary-600) / <alpha-value>)',
|
||||
700: 'rgb(var(--color-sta-primary-700) / <alpha-value>)',
|
||||
800: 'rgb(var(--color-sta-primary-800) / <alpha-value>)',
|
||||
900: 'rgb(var(--color-sta-primary-900) / <alpha-value>)',
|
||||
950: 'rgb(var(--color-sta-primary-950) / <alpha-value>)'
|
||||
},
|
||||
secondary: {
|
||||
50: 'rgb(var(--color-sta-secondary-50) / <alpha-value>)',
|
||||
100: 'rgb(var(--color-sta-secondary-100) / <alpha-value>)',
|
||||
200: 'rgb(var(--color-sta-secondary-200) / <alpha-value>)',
|
||||
300: 'rgb(var(--color-sta-secondary-300) / <alpha-value>)',
|
||||
400: 'rgb(var(--color-sta-secondary-400) / <alpha-value>)',
|
||||
500: 'rgb(var(--color-sta-secondary-500) / <alpha-value>)',
|
||||
600: 'rgb(var(--color-sta-secondary-600) / <alpha-value>)',
|
||||
700: 'rgb(var(--color-sta-secondary-700) / <alpha-value>)',
|
||||
800: 'rgb(var(--color-sta-secondary-800) / <alpha-value>)',
|
||||
900: 'rgb(var(--color-sta-secondary-900) / <alpha-value>)',
|
||||
950: 'rgb(var(--color-sta-secondary-950) / <alpha-value>)'
|
||||
},
|
||||
|
||||
provider: {
|
||||
apple: '#000000',
|
||||
bitbucket: '#0052CC',
|
||||
discord: '#5865F2',
|
||||
facebook: '#1877F2',
|
||||
github: '#181717',
|
||||
gitlab: '#FC6D26',
|
||||
google: '#4285F4',
|
||||
instagram: '#E4405F',
|
||||
linkedin: '#0A66C2',
|
||||
microsoft: '#5E5E5E',
|
||||
oidc: '#F78C40',
|
||||
openshift: '#EE0000',
|
||||
paypal: '#00457C',
|
||||
slack: '#4A154B',
|
||||
stackoverflow: '#F58025',
|
||||
twitter: '#1DA1F2',
|
||||
apple: 'rgb(var(--color-provider-apple) / <alpha-value>)',
|
||||
bitbucket: 'rgb(var(--color-provider-bitbucket) / <alpha-value>)',
|
||||
discord: 'rgb(var(--color-provider-discord) / <alpha-value>)',
|
||||
facebook: 'rgb(var(--color-provider-facebook) / <alpha-value>)',
|
||||
github: 'rgb(var(--color-provider-github) / <alpha-value>)',
|
||||
gitlab: 'rgb(var(--color-provider-gitlab) / <alpha-value>)',
|
||||
google: 'rgb(var(--color-provider-google) / <alpha-value>)',
|
||||
instagram: 'rgb(var(--color-provider-instagram) / <alpha-value>)',
|
||||
linkedin: 'rgb(var(--color-provider-linkedin) / <alpha-value>)',
|
||||
microsoft: 'rgb(var(--color-provider-microsoft) / <alpha-value>)',
|
||||
oidc: 'rgb(var(--color-provider-oidc) / <alpha-value>)',
|
||||
openshift: 'rgb(var(--color-provider-openshift) / <alpha-value>)',
|
||||
paypal: 'rgb(var(--color-provider-paypal) / <alpha-value>)',
|
||||
slack: 'rgb(var(--color-provider-slack) / <alpha-value>)',
|
||||
stackoverflow: 'rgb(var(--color-provider-stackoverflow) / <alpha-value>)',
|
||||
twitter: 'rgb(var(--color-provider-twitter) / <alpha-value>)',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue