mirror of
https://github.com/unraid/api.git
synced 2026-01-04 15:39:52 -06:00
62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
// Objective: avoid hard-coded custom colors wherever possible, letting our theme system manage
|
|
// styling consistently. During the migration from the legacy WebGUI, some components still depend
|
|
// on specific colors to maintain visual continuity. This config file centralizes all temporary
|
|
// overrides required for that transition.
|
|
//
|
|
// Pending migration cleanup:
|
|
// - Notifications/Sidebar.vue → notification bell has temporary custom hover color to match legacy styles.
|
|
|
|
export default {
|
|
ui: {
|
|
colors: {
|
|
// overrided by tailwind-shared/css-variables.css
|
|
// these shared tailwind styles and colors are imported in src/assets/main.css
|
|
},
|
|
|
|
// https://ui.nuxt.com/docs/components/button#theme
|
|
button: {
|
|
//keep in mind, there is a "variant" AND a "variants" property
|
|
variants: {
|
|
variant: {
|
|
ghost: '',
|
|
link: 'hover:underline focus:underline',
|
|
},
|
|
},
|
|
},
|
|
|
|
// https://ui.nuxt.com/docs/components/tabs#theme
|
|
tabs: {
|
|
variants: {
|
|
pill: {},
|
|
},
|
|
},
|
|
|
|
// https://ui.nuxt.com/docs/components/slideover#theme
|
|
slideover: {
|
|
slots: {
|
|
// title: 'text-3xl font-normal',
|
|
},
|
|
variants: {
|
|
right: {},
|
|
},
|
|
},
|
|
|
|
//css theming/style-overrides for the toast component
|
|
// https://ui.nuxt.com/docs/components/toast#theme
|
|
toast: {
|
|
slots: {
|
|
title: 'truncate pr-6',
|
|
},
|
|
},
|
|
|
|
// Also, for toasts, BUT this is imported in the Root UApp in mount-engine.ts
|
|
// https://ui.nuxt.com/docs/components/toast#examples
|
|
toaster: {
|
|
position: 'top-center' as const,
|
|
// expand: false, --> buggy
|
|
duration: 5000,
|
|
// max: 3, --> not added yet in 4.0.0-alpha.0. Needs to be upgraded to 4.2.1 or later.
|
|
},
|
|
},
|
|
};
|