mirror of
https://github.com/unraid/api.git
synced 2026-01-03 06:59:50 -06:00
107 lines
2.5 KiB
TypeScript
107 lines
2.5 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
export default <Partial<Config>>{
|
|
safelist: [
|
|
'DropdownWrapper_blip',
|
|
'unraid_mark_1',
|
|
'unraid_mark_2',
|
|
'unraid_mark_3',
|
|
'unraid_mark_4',
|
|
'unraid_mark_6',
|
|
'unraid_mark_7',
|
|
'unraid_mark_8',
|
|
'unraid_mark_9',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
inherit: 'inherit',
|
|
transparent: 'transparent',
|
|
|
|
black: '#1c1b1b',
|
|
'grey-darkest': '#222',
|
|
'grey-darker': '#606f7b',
|
|
'grey-dark': '#383735',
|
|
'grey-mid': '#999999',
|
|
grey: '#e0e0e0',
|
|
'grey-light': '#dae1e7',
|
|
'grey-lighter': '#f1f5f8',
|
|
'grey-lightest': '#f2f2f2',
|
|
white: '#ffffff',
|
|
|
|
'orange-dark': '#f15a2c',
|
|
orange: '#ff8c2f',
|
|
'unraid-red': '#E22828',
|
|
|
|
alpha: 'var(--color-alpha)',
|
|
beta: 'var(--color-beta)',
|
|
gamma: 'var(--color-gamma)',
|
|
},
|
|
// Unfortunately due to webGUI CSS setting base HTML font-size to .65% or something we must use pixel values for web components
|
|
fontSize: {
|
|
'10px': '10px',
|
|
'12px': '12px',
|
|
'14px': '14px',
|
|
'16px': '16px',
|
|
'18px': '18px',
|
|
'20px': '20px',
|
|
'24px': '24px',
|
|
'30px': '30px',
|
|
},
|
|
spacing: {
|
|
'-8px': '-8px',
|
|
'2px': '2px',
|
|
'4px': '4px',
|
|
'6px': '6px',
|
|
'8px': '8px',
|
|
'12px': '12px',
|
|
'14px': '14px',
|
|
'16px': '16px',
|
|
'20px': '20px',
|
|
'24px': '24px',
|
|
'28px': '28px',
|
|
'32px': '32px',
|
|
'36px': '36px',
|
|
'40px': '40px',
|
|
'64px': '64px',
|
|
'80px': '80px',
|
|
'90px': '90px',
|
|
'150px': '150px',
|
|
'160px': '160px',
|
|
'200px': '200px',
|
|
'260px': '260px',
|
|
'300px': '300px',
|
|
'310px': '310px',
|
|
'350px': '350px',
|
|
'448px': '448px',
|
|
'512px': '512px',
|
|
'640px': '640px',
|
|
'800px': '800px',
|
|
},
|
|
minWidth: {
|
|
'86px': '86px',
|
|
'160px': '160px',
|
|
'260px': '260px',
|
|
'300px': '300px',
|
|
'310px': '310px',
|
|
'350px': '350px',
|
|
'800px': '800px',
|
|
},
|
|
maxWidth: {
|
|
'86px': '86px',
|
|
'160px': '160px',
|
|
'260px': '260px',
|
|
'300px': '300px',
|
|
'310px': '310px',
|
|
'350px': '350px',
|
|
'640px': '640px',
|
|
'800px': '800px',
|
|
},
|
|
screens: {
|
|
'2xs': '470px',
|
|
xs: '530px',
|
|
},
|
|
}
|
|
}
|
|
};
|