mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Francesco Mussoni
135 lines
4.5 KiB
TypeScript
135 lines
4.5 KiB
TypeScript
import lucide from '../../../src/theme/icons'
|
|
|
|
export const themeIcons = {
|
|
lucide,
|
|
phosphor: {
|
|
arrowDown: 'i-ph-arrow-down',
|
|
arrowLeft: 'i-ph-arrow-left',
|
|
arrowRight: 'i-ph-arrow-right',
|
|
arrowUp: 'i-ph-arrow-up',
|
|
caution: 'i-ph-warning-circle',
|
|
check: 'i-ph-check',
|
|
chevronDoubleLeft: 'i-ph-caret-double-left',
|
|
chevronDoubleRight: 'i-ph-caret-double-right',
|
|
chevronDown: 'i-ph-caret-down',
|
|
chevronLeft: 'i-ph-caret-left',
|
|
chevronRight: 'i-ph-caret-right',
|
|
chevronUp: 'i-ph-caret-up',
|
|
close: 'i-ph-x',
|
|
copy: 'i-ph-copy',
|
|
copyCheck: 'i-ph-check-circle',
|
|
dark: 'i-ph-moon',
|
|
drag: 'i-ph-dots-six-vertical',
|
|
ellipsis: 'i-ph-dots-three',
|
|
error: 'i-ph-x-circle',
|
|
external: 'i-ph-arrow-up-right',
|
|
eye: 'i-ph-eye',
|
|
eyeOff: 'i-ph-eye-slash',
|
|
file: 'i-ph-file',
|
|
folder: 'i-ph-folder',
|
|
folderOpen: 'i-ph-folder-open',
|
|
hash: 'i-ph-hash',
|
|
info: 'i-ph-info',
|
|
light: 'i-ph-sun',
|
|
loading: 'i-ph-circle-notch',
|
|
menu: 'i-ph-list',
|
|
minus: 'i-ph-minus',
|
|
panelClose: 'i-ph-caret-left',
|
|
panelOpen: 'i-ph-caret-right',
|
|
plus: 'i-ph-plus',
|
|
reload: 'i-ph-arrow-counter-clockwise',
|
|
search: 'i-ph-magnifying-glass',
|
|
stop: 'i-ph-square',
|
|
star: 'i-ph-star',
|
|
success: 'i-ph-check-circle',
|
|
system: 'i-ph-monitor',
|
|
tip: 'i-ph-lightbulb',
|
|
upload: 'i-ph-upload',
|
|
warning: 'i-ph-warning'
|
|
},
|
|
tabler: {
|
|
arrowDown: 'i-tabler-arrow-down',
|
|
arrowLeft: 'i-tabler-arrow-left',
|
|
arrowRight: 'i-tabler-arrow-right',
|
|
arrowUp: 'i-tabler-arrow-up',
|
|
caution: 'i-tabler-alert-square-rounded',
|
|
check: 'i-tabler-check',
|
|
chevronDoubleLeft: 'i-tabler-chevrons-left',
|
|
chevronDoubleRight: 'i-tabler-chevrons-right',
|
|
chevronDown: 'i-tabler-chevron-down',
|
|
chevronLeft: 'i-tabler-chevron-left',
|
|
chevronRight: 'i-tabler-chevron-right',
|
|
chevronUp: 'i-tabler-chevron-up',
|
|
close: 'i-tabler-x',
|
|
copy: 'i-tabler-copy',
|
|
copyCheck: 'i-tabler-copy-check',
|
|
dark: 'i-tabler-moon',
|
|
drag: 'i-tabler-grip-vertical',
|
|
ellipsis: 'i-tabler-dots',
|
|
error: 'i-tabler-square-rounded-x',
|
|
external: 'i-tabler-external-link',
|
|
eye: 'i-tabler-eye',
|
|
eyeOff: 'i-tabler-eye-off',
|
|
file: 'i-tabler-file',
|
|
folder: 'i-tabler-folder',
|
|
folderOpen: 'i-tabler-folder-open',
|
|
hash: 'i-tabler-hash',
|
|
info: 'i-tabler-info-square-rounded',
|
|
light: 'i-tabler-sun',
|
|
loading: 'i-tabler-loader-2',
|
|
menu: 'i-tabler-menu',
|
|
minus: 'i-tabler-minus',
|
|
panelClose: 'i-tabler-layout-sidebar-left-collapse',
|
|
panelOpen: 'i-tabler-layout-sidebar-left-expand',
|
|
plus: 'i-tabler-plus',
|
|
reload: 'i-tabler-reload',
|
|
search: 'i-tabler-search',
|
|
stop: 'i-tabler-player-stop',
|
|
star: 'i-tabler-star',
|
|
success: 'i-tabler-square-rounded-check',
|
|
system: 'i-tabler-device-desktop',
|
|
tip: 'i-tabler-bulb',
|
|
upload: 'i-tabler-upload',
|
|
warning: 'i-tabler-alert-triangle'
|
|
}
|
|
}
|
|
|
|
export type ThemeIcons = keyof typeof themeIcons
|
|
|
|
export const cssVariableDefaults = {
|
|
light: {
|
|
'--ui-text-dimmed': 'var(--ui-color-neutral-400)',
|
|
'--ui-text-muted': 'var(--ui-color-neutral-500)',
|
|
'--ui-text-toned': 'var(--ui-color-neutral-600)',
|
|
'--ui-text': 'var(--ui-color-neutral-700)',
|
|
'--ui-text-highlighted': 'var(--ui-color-neutral-900)',
|
|
'--ui-text-inverted': 'white',
|
|
'--ui-bg': 'white',
|
|
'--ui-bg-muted': 'var(--ui-color-neutral-50)',
|
|
'--ui-bg-elevated': 'var(--ui-color-neutral-100)',
|
|
'--ui-bg-accented': 'var(--ui-color-neutral-200)',
|
|
'--ui-bg-inverted': 'var(--ui-color-neutral-900)',
|
|
'--ui-border': 'var(--ui-color-neutral-200)',
|
|
'--ui-border-muted': 'var(--ui-color-neutral-200)',
|
|
'--ui-border-accented': 'var(--ui-color-neutral-300)',
|
|
'--ui-border-inverted': 'var(--ui-color-neutral-900)'
|
|
},
|
|
dark: {
|
|
'--ui-text-dimmed': 'var(--ui-color-neutral-500)',
|
|
'--ui-text-muted': 'var(--ui-color-neutral-400)',
|
|
'--ui-text-toned': 'var(--ui-color-neutral-300)',
|
|
'--ui-text': 'var(--ui-color-neutral-200)',
|
|
'--ui-text-highlighted': 'white',
|
|
'--ui-text-inverted': 'var(--ui-color-neutral-900)',
|
|
'--ui-bg': 'var(--ui-color-neutral-900)',
|
|
'--ui-bg-muted': 'var(--ui-color-neutral-800)',
|
|
'--ui-bg-elevated': 'var(--ui-color-neutral-800)',
|
|
'--ui-bg-accented': 'var(--ui-color-neutral-700)',
|
|
'--ui-bg-inverted': 'white',
|
|
'--ui-border': 'var(--ui-color-neutral-800)',
|
|
'--ui-border-muted': 'var(--ui-color-neutral-700)',
|
|
'--ui-border-accented': 'var(--ui-color-neutral-700)',
|
|
'--ui-border-inverted': 'white'
|
|
}
|
|
} as const
|