mirrors/keywind
1
0
Fork 1
mirror of https://github.com/lukin/keywind.git synced 2025-01-10 18:06:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update tailwind.config.ts

Browse source 
Customize colors for dark mode and apply Adventist Identity style
This commit is contained in:
CN 2024-01-04 09:56:57 +01:00 committed by GitHub
parent 7828bba4b2
commit b41ff1d75d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
tailwind.config.ts
View file

@ -1,5 +1,4 @@
import type { Config } from 'tailwindcss'; import type { Config } from 'tailwindcss';
import colors from 'tailwindcss/colors';
export default { export default {
content: ['./theme/**/*.ftl'], content: ['./theme/**/*.ftl'],
@ -9,27 +8,55 @@ export default {
plugins: [require('@tailwindcss/forms')], plugins: [require('@tailwindcss/forms')],
theme: { theme: {
extend: { extend: {
fontFamily: {
sans: '"Noto Sans", ui-sans-serif, system-ui, sans-serif',
serif: '"Noto Serif", ui-serif, Georgia, Cambria, "Times New Roman", serif',
},
colors: { colors: {
primary: colors.blue, primary: {
secondary: colors.gray, 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: { provider: {
apple: '#000000', apple: 'rgb(var(--color-provider-apple) / <alpha-value>)',
bitbucket: '#0052CC', bitbucket: 'rgb(var(--color-provider-bitbucket) / <alpha-value>)',
discord: '#5865F2', discord: 'rgb(var(--color-provider-discord) / <alpha-value>)',
facebook: '#1877F2', facebook: 'rgb(var(--color-provider-facebook) / <alpha-value>)',
github: '#181717', github: 'rgb(var(--color-provider-github) / <alpha-value>)',
gitlab: '#FC6D26', gitlab: 'rgb(var(--color-provider-gitlab) / <alpha-value>)',
google: '#4285F4', google: 'rgb(var(--color-provider-google) / <alpha-value>)',
instagram: '#E4405F', instagram: 'rgb(var(--color-provider-instagram) / <alpha-value>)',
linkedin: '#0A66C2', linkedin: 'rgb(var(--color-provider-linkedin) / <alpha-value>)',
microsoft: '#5E5E5E', microsoft: 'rgb(var(--color-provider-microsoft) / <alpha-value>)',
oidc: '#F78C40', oidc: 'rgb(var(--color-provider-oidc) / <alpha-value>)',
openshift: '#EE0000', openshift: 'rgb(var(--color-provider-openshift) / <alpha-value>)',
paypal: '#00457C', paypal: 'rgb(var(--color-provider-paypal) / <alpha-value>)',
slack: '#4A154B', slack: 'rgb(var(--color-provider-slack) / <alpha-value>)',
stackoverflow: '#F58025', stackoverflow: 'rgb(var(--color-provider-stackoverflow) / <alpha-value>)',
twitter: '#1DA1F2', twitter: 'rgb(var(--color-provider-twitter) / <alpha-value>)',
}, },
}, },
}, },