vitrify 0.16.3 → 0.17.0

package/src/node/plugins/quasar/unocss/theme.ts

@@ -0,0 +1,452 @@
+import { type QuasarPresetOptions } from './index.js'
+
+const theme = (options?: QuasarPresetOptions) => {
+  const shadowColor = options?.theme?.shadowColor ?? '#000'
+  const shadowTransition = 'box-shadow .28s cubic-bezier(.4, 0, .2, 1)'
+  const insetShadow = `0 7px 9px -7px rgba(${shadowColor}, .7) inset`
+  const insetShadowDown = `0 -7px 9px -7px rgba(${shadowColor}, .7) inset`
+
+  const elevationUmbra = `rgba(${shadowColor}, .2)`
+  const elevationPenumbra = `rgba(${shadowColor}, .14)`
+  const elevationAmbient = `rgba(${shadowColor}, .12)`
+
+  const darkShadowColor = options?.theme?.darkShadowColor ?? '#fff'
+  const insetDarkShadow = `0 7px 9px -7px rgba(${darkShadowColor}, .7) inset`
+  const insetDarkShadowDown = `0 -7px 9px -7px rgba(${darkShadowColor}, .7) inset`
+
+  const elevationDarkUmbra = `rgba(${darkShadowColor}, .2)`
+  const elevationDarkPenumbra = `rgba(${darkShadowColor}, .14)`
+  const elevationDarkAmbient = `rgba(${darkShadowColor}, .12)`
+
+  return {
+    colors: {
+      primary: '#1976d2',
+      secondary: '#26A69A',
+      accent: '#9C27B0',
+
+      positive: '#21BA45',
+      negative: '#C10015',
+      info: '#31CCEC',
+      warning: '#F2C037',
+
+      'dark-page': '#121212',
+      'q-dark': '#1d1d1d',
+
+      red: '#f44336',
+      'red-1 ': '#ffebee',
+      'red-2 ': '#ffcdd2',
+      'red-3 ': '#ef9a9a',
+      'red-4 ': '#e57373',
+      'red-5 ': '#ef5350',
+      'red-6 ': '#f44336',
+      'red-7 ': '#e53935',
+      'red-8 ': '#d32f2f',
+      'red-9 ': '#c62828',
+      'red-10 ': '#b71c1c',
+      'red-11 ': '#ff8a80',
+      'red-12 ': '#ff5252',
+      'red-13 ': '#ff1744',
+      'red-14 ': '#d50000',
+      'pink ': '#e91e63',
+      'pink-1 ': '#fce4ec',
+      'pink-2 ': '#f8bbd0',
+      'pink-3 ': '#f48fb1',
+      'pink-4 ': '#f06292',
+      'pink-5 ': '#ec407a',
+      'pink-6 ': '#e91e63',
+      'pink-7 ': '#d81b60',
+      'pink-8 ': '#c2185b',
+      'pink-9 ': '#ad1457',
+      'pink-10 ': '#880e4f',
+      'pink-11 ': '#ff80ab',
+      'pink-12 ': '#ff4081',
+      'pink-13 ': '#f50057',
+      'pink-14 ': '#c51162',
+      'purple ': '#9c27b0',
+      'purple-1 ': '#f3e5f5',
+      'purple-2 ': '#e1bee7',
+      'purple-3 ': '#ce93d8',
+      'purple-4 ': '#ba68c8',
+      'purple-5 ': '#ab47bc',
+      'purple-6 ': '#9c27b0',
+      'purple-7 ': '#8e24aa',
+      'purple-8 ': '#7b1fa2',
+      'purple-9 ': '#6a1b9a',
+      'purple-10 ': '#4a148c',
+      'purple-11 ': '#ea80fc',
+      'purple-12 ': '#e040fb',
+      'purple-13 ': '#d500f9',
+      'purple-14 ': '#aa00ff',
+      'deep-purple ': '#673ab7',
+      'deep-purple-1 ': '#ede7f6',
+      'deep-purple-2 ': '#d1c4e9',
+      'deep-purple-3 ': '#b39ddb',
+      'deep-purple-4 ': '#9575cd',
+      'deep-purple-5 ': '#7e57c2',
+      'deep-purple-6 ': '#673ab7',
+      'deep-purple-7 ': '#5e35b1',
+      'deep-purple-8 ': '#512da8',
+      'deep-purple-9 ': '#4527a0',
+      'deep-purple-10 ': '#311b92',
+      'deep-purple-11 ': '#b388ff',
+      'deep-purple-12 ': '#7c4dff',
+      'deep-purple-13 ': '#651fff',
+      'deep-purple-14 ': '#6200ea',
+      'indigo ': '#3f51b5',
+      'indigo-1 ': '#e8eaf6',
+      'indigo-2 ': '#c5cae9',
+      'indigo-3 ': '#9fa8da',
+      'indigo-4 ': '#7986cb',
+      'indigo-5 ': '#5c6bc0',
+      'indigo-6 ': '#3f51b5',
+      'indigo-7 ': '#3949ab',
+      'indigo-8 ': '#303f9f',
+      'indigo-9 ': '#283593',
+      'indigo-10 ': '#1a237e',
+      'indigo-11 ': '#8c9eff',
+      'indigo-12 ': '#536dfe',
+      'indigo-13 ': '#3d5afe',
+      'indigo-14 ': '#304ffe',
+      'blue ': '#2196f3',
+      'blue-1 ': '#e3f2fd',
+      'blue-2 ': '#bbdefb',
+      'blue-3 ': '#90caf9',
+      'blue-4 ': '#64b5f6',
+      'blue-5 ': '#42a5f5',
+      'blue-6 ': '#2196f3',
+      'blue-7 ': '#1e88e5',
+      'blue-8 ': '#1976d2',
+      'blue-9 ': '#1565c0',
+      'blue-10 ': '#0d47a1',
+      'blue-11 ': '#82b1ff',
+      'blue-12 ': '#448aff',
+      'blue-13 ': '#2979ff',
+      'blue-14 ': '#2962ff',
+      'light-blue ': '#03a9f4',
+      'light-blue-1 ': '#e1f5fe',
+      'light-blue-2 ': '#b3e5fc',
+      'light-blue-3 ': '#81d4fa',
+      'light-blue-4 ': '#4fc3f7',
+      'light-blue-5 ': '#29b6f6',
+      'light-blue-6 ': '#03a9f4',
+      'light-blue-7 ': '#039be5',
+      'light-blue-8 ': '#0288d1',
+      'light-blue-9 ': '#0277bd',
+      'light-blue-10 ': '#01579b',
+      'light-blue-11 ': '#80d8ff',
+      'light-blue-12 ': '#40c4ff',
+      'light-blue-13 ': '#00b0ff',
+      'light-blue-14 ': '#0091ea',
+      'cyan ': '#00bcd4',
+      'cyan-1 ': '#e0f7fa',
+      'cyan-2 ': '#b2ebf2',
+      'cyan-3 ': '#80deea',
+      'cyan-4 ': '#4dd0e1',
+      'cyan-5 ': '#26c6da',
+      'cyan-6 ': '#00bcd4',
+      'cyan-7 ': '#00acc1',
+      'cyan-8 ': '#0097a7',
+      'cyan-9 ': '#00838f',
+      'cyan-10 ': '#006064',
+      'cyan-11 ': '#84ffff',
+      'cyan-12 ': '#18ffff',
+      'cyan-13 ': '#00e5ff',
+      'cyan-14 ': '#00b8d4',
+      'teal ': '#009688',
+      'teal-1 ': '#e0f2f1',
+      'teal-2 ': '#b2dfdb',
+      'teal-3 ': '#80cbc4',
+      'teal-4 ': '#4db6ac',
+      'teal-5 ': '#26a69a',
+      'teal-6 ': '#009688',
+      'teal-7 ': '#00897b',
+      'teal-8 ': '#00796b',
+      'teal-9 ': '#00695c',
+      'teal-10 ': '#004d40',
+      'teal-11 ': '#a7ffeb',
+      'teal-12 ': '#64ffda',
+      'teal-13 ': '#1de9b6',
+      'teal-14 ': '#00bfa5',
+      'green ': '#4caf50',
+      'green-1 ': '#e8f5e9',
+      'green-2 ': '#c8e6c9',
+      'green-3 ': '#a5d6a7',
+      'green-4 ': '#81c784',
+      'green-5 ': '#66bb6a',
+      'green-6 ': '#4caf50',
+      'green-7 ': '#43a047',
+      'green-8 ': '#388e3c',
+      'green-9 ': '#2e7d32',
+      'green-10 ': '#1b5e20',
+      'green-11 ': '#b9f6ca',
+      'green-12 ': '#69f0ae',
+      'green-13 ': '#00e676',
+      'green-14 ': '#00c853',
+      'light-green ': '#8bc34a',
+      'light-green-1 ': '#f1f8e9',
+      'light-green-2 ': '#dcedc8',
+      'light-green-3 ': '#c5e1a5',
+      'light-green-4 ': '#aed581',
+      'light-green-5 ': '#9ccc65',
+      'light-green-6 ': '#8bc34a',
+      'light-green-7 ': '#7cb342',
+      'light-green-8 ': '#689f38',
+      'light-green-9 ': '#558b2f',
+      'light-green-10 ': '#33691e',
+      'light-green-11 ': '#ccff90',
+      'light-green-12 ': '#b2ff59',
+      'light-green-13 ': '#76ff03',
+      'light-green-14 ': '#64dd17',
+      'lime ': '#cddc39',
+      'lime-1 ': '#f9fbe7',
+      'lime-2 ': '#f0f4c3',
+      'lime-3 ': '#e6ee9c',
+      'lime-4 ': '#dce775',
+      'lime-5 ': '#d4e157',
+      'lime-6 ': '#cddc39',
+      'lime-7 ': '#c0ca33',
+      'lime-8 ': '#afb42b',
+      'lime-9 ': '#9e9d24',
+      'lime-10 ': '#827717',
+      'lime-11 ': '#f4ff81',
+      'lime-12 ': '#eeff41',
+      'lime-13 ': '#c6ff00',
+      'lime-14 ': '#aeea00',
+      'yellow ': '#ffeb3b',
+      'yellow-1 ': '#fffde7',
+      'yellow-2 ': '#fff9c4',
+      'yellow-3 ': '#fff59d',
+      'yellow-4 ': '#fff176',
+      'yellow-5 ': '#ffee58',
+      'yellow-6 ': '#ffeb3b',
+      'yellow-7 ': '#fdd835',
+      'yellow-8 ': '#fbc02d',
+      'yellow-9 ': '#f9a825',
+      'yellow-10 ': '#f57f17',
+      'yellow-11 ': '#ffff8d',
+      'yellow-12 ': '#ffff00',
+      'yellow-13 ': '#ffea00',
+      'yellow-14 ': '#ffd600',
+      'amber ': '#ffc107',
+      'amber-1 ': '#fff8e1',
+      'amber-2 ': '#ffecb3',
+      'amber-3 ': '#ffe082',
+      'amber-4 ': '#ffd54f',
+      'amber-5 ': '#ffca28',
+      'amber-6 ': '#ffc107',
+      'amber-7 ': '#ffb300',
+      'amber-8 ': '#ffa000',
+      'amber-9 ': '#ff8f00',
+      'amber-10 ': '#ff6f00',
+      'amber-11 ': '#ffe57f',
+      'amber-12 ': '#ffd740',
+      'amber-13 ': '#ffc400',
+      'amber-14 ': '#ffab00',
+      'orange ': '#ff9800',
+      'orange-1 ': '#fff3e0',
+      'orange-2 ': '#ffe0b2',
+      'orange-3 ': '#ffcc80',
+      'orange-4 ': '#ffb74d',
+      'orange-5 ': '#ffa726',
+      'orange-6 ': '#ff9800',
+      'orange-7 ': '#fb8c00',
+      'orange-8 ': '#f57c00',
+      'orange-9 ': '#ef6c00',
+      'orange-10 ': '#e65100',
+      'orange-11 ': '#ffd180',
+      'orange-12 ': '#ffab40',
+      'orange-13 ': '#ff9100',
+      'orange-14 ': '#ff6d00',
+      'deep-orange ': '#ff5722',
+      'deep-orange-1 ': '#fbe9e7',
+      'deep-orange-2 ': '#ffccbc',
+      'deep-orange-3 ': '#ffab91',
+      'deep-orange-4 ': '#ff8a65',
+      'deep-orange-5 ': '#ff7043',
+      'deep-orange-6 ': '#ff5722',
+      'deep-orange-7 ': '#f4511e',
+      'deep-orange-8 ': '#e64a19',
+      'deep-orange-9 ': '#d84315',
+      'deep-orange-10 ': '#bf360c',
+      'deep-orange-11 ': '#ff9e80',
+      'deep-orange-12 ': '#ff6e40',
+      'deep-orange-13 ': '#ff3d00',
+      'deep-orange-14 ': '#dd2c00',
+      'brown ': '#795548',
+      'brown-1 ': '#efebe9',
+      'brown-2 ': '#d7ccc8',
+      'brown-3 ': '#bcaaa4',
+      'brown-4 ': '#a1887f',
+      'brown-5 ': '#8d6e63',
+      'brown-6 ': '#795548',
+      'brown-7 ': '#6d4c41',
+      'brown-8 ': '#5d4037',
+      'brown-9 ': '#4e342e',
+      'brown-10 ': '#3e2723',
+      'brown-11 ': '#d7ccc8',
+      'brown-12 ': '#bcaaa4',
+      'brown-13 ': '#8d6e63',
+      'brown-14 ': '#5d4037',
+      'grey ': '#9e9e9e',
+      'grey-1 ': '#fafafa',
+      'grey-2 ': '#f5f5f5',
+      'grey-3 ': '#eeeeee',
+      'grey-4 ': '#e0e0e0',
+      'grey-5 ': '#bdbdbd',
+      'grey-6 ': '#9e9e9e',
+      'grey-7 ': '#757575',
+      'grey-8 ': '#616161',
+      'grey-9 ': '#424242',
+      'grey-10 ': '#212121',
+      'grey-11 ': '#f5f5f5',
+      'grey-12 ': '#eeeeee',
+      'grey-13 ': '#bdbdbd',
+      'grey-14 ': '#616161',
+      'blue-grey ': '#607d8b',
+      'blue-grey-1 ': '#eceff1',
+      'blue-grey-2 ': '#cfd8dc',
+      'blue-grey-3 ': '#b0bec5',
+      'blue-grey-4 ': '#90a4ae',
+      'blue-grey-5 ': '#78909c',
+      'blue-grey-6 ': '#607d8b',
+      'blue-grey-7 ': '#546e7a',
+      'blue-grey-8 ': '#455a64',
+      'blue-grey-9 ': '#37474f',
+      'blue-grey-10 ': '#263238',
+      'blue-grey-11 ': '#cfd8dc',
+      'blue-grey-12 ': '#b0bec5',
+      'blue-grey-13 ': '#78909c',
+      'blue-grey-14 ': '#455a64'
+    },
+    shadowColor,
+    shadowTransition: `box-shadow .28s cubic-bezier(.4, 0, .2, 1)`,
+    insetShadow: `0 7px 9px -7px rgba(${shadowColor}, .7) inset`,
+    insetShadowDown: `0 -7px 9px -7px rgba(${shadowColor}, .7) inset`,
+
+    shadows: {
+      0: `0 0 0 ${elevationUmbra}, 0 0 0 ${elevationPenumbra}, 0 0 0 ${elevationAmbient}`,
+      1: `0 1px 3px ${elevationUmbra}, 0 1px 1px ${elevationPenumbra}, 0 2px 1px -1px ${elevationAmbient}`,
+      2: `0 1px 5px ${elevationUmbra}, 0 2px 2px ${elevationPenumbra}, 0 3px 1px -2px ${elevationAmbient}`,
+      3: `0 1px 8px ${elevationUmbra}, 0 3px 4px ${elevationPenumbra}, 0 3px 3px -2px ${elevationAmbient}`,
+      4: `0 2px 4px -1px ${elevationUmbra}, 0 4px 5px ${elevationPenumbra}, 0 1px 10px ${elevationAmbient}`,
+      5: `0 3px 5px -1px ${elevationUmbra}, 0 5px 8px ${elevationPenumbra}, 0 1px 14px ${elevationAmbient}`,
+      6: `0 3px 5px -1px ${elevationUmbra}, 0 6px 10px ${elevationPenumbra}, 0 1px 18px ${elevationAmbient}`,
+      7: `0 4px 5px -2px ${elevationUmbra}, 0 7px 10px 1px ${elevationPenumbra}, 0 2px 16px 1px ${elevationAmbient}`,
+      8: `0 5px 5px -3px ${elevationUmbra}, 0 8px 10px 1px ${elevationPenumbra}, 0 3px 14px 2px ${elevationAmbient}`,
+      9: `0 5px 6px -3px ${elevationUmbra}, 0 9px 12px 1px ${elevationPenumbra}, 0 3px 16px 2px ${elevationAmbient}`,
+      10: `0 6px 6px -3px ${elevationUmbra}, 0 10px 14px 1px ${elevationPenumbra}, 0 4px 18px 3px ${elevationAmbient}`,
+      11: `0 6px 7px -4px ${elevationUmbra}, 0 11px 15px 1px ${elevationPenumbra}, 0 4px 20px 3px ${elevationAmbient}`,
+      12: `0 7px 8px -4px ${elevationUmbra}, 0 12px 17px 2px ${elevationPenumbra}, 0 5px 22px 4px ${elevationAmbient}`,
+      13: `0 7px 8px -4px ${elevationUmbra}, 0 13px 19px 2px ${elevationPenumbra}, 0 5px 24px 4px ${elevationAmbient}`,
+      14: `0 7px 9px -4px ${elevationUmbra}, 0 14px 21px 2px ${elevationPenumbra}, 0 5px 26px 4px ${elevationAmbient}`,
+      15: `0 8px 9px -5px ${elevationUmbra}, 0 15px 22px 2px ${elevationPenumbra}, 0 6px 28px 5px ${elevationAmbient}`,
+      16: `0 8px 10px -5px ${elevationUmbra}, 0 16px 24px 2px ${elevationPenumbra}, 0 6px 30px 5px ${elevationAmbient}`,
+      17: `0 8px 11px -5px ${elevationUmbra}, 0 17px 26px 2px ${elevationPenumbra}, 0 6px 32px 5px ${elevationAmbient}`,
+      18: `0 9px 11px -5px ${elevationUmbra}, 0 18px 28px 2px ${elevationPenumbra}, 0 7px 34px 6px ${elevationAmbient}`,
+      19: `0 9px 12px -6px ${elevationUmbra}, 0 19px 29px 2px ${elevationPenumbra}, 0 7px 36px 6px ${elevationAmbient}`,
+      20: `0 10px 13px -6px ${elevationUmbra}, 0 20px 31px 3px ${elevationPenumbra}, 0 8px 38px 7px ${elevationAmbient}`,
+      21: `0 10px 13px -6px ${elevationUmbra}, 0 21px 33px 3px ${elevationPenumbra}, 0 8px 40px 7px ${elevationAmbient}`,
+      22: `0 10px 14px -6px ${elevationUmbra}, 0 22px 35px 3px ${elevationPenumbra}, 0 8px 42px 7px ${elevationAmbient}`,
+      23: `0 11px 14px -7px ${elevationUmbra}, 0 23px 36px 3px ${elevationPenumbra}, 0 9px 44px 8px ${elevationAmbient}`,
+      24: `0 11px 15px -7px ${elevationUmbra}, 0 24px 38px 3px ${elevationPenumbra}, 0 9px 46px 8px ${elevationAmbient}`,
+      up: {
+        0: `0 0 0 ${elevationUmbra}, 0 0 0 ${elevationPenumbra}, 0 0 0 ${elevationAmbient}`,
+        1: `0 -1px 3px ${elevationUmbra}, 0 -1px 1px ${elevationPenumbra}, 0 -2px 1px -1px ${elevationAmbient}`,
+        2: `0 -1px 5px ${elevationUmbra}, 0 -2px 2px ${elevationPenumbra}, 0 -3px 1px -2px ${elevationAmbient}`,
+        3: `0 -1px 8px ${elevationUmbra}, 0 -3px 4px ${elevationPenumbra}, 0 -3px 3px -2px ${elevationAmbient}`,
+        4: `0 -2px 4px -1px ${elevationUmbra}, 0 -4px 5px ${elevationPenumbra}, 0 -1px 10px ${elevationAmbient}`,
+        5: `0 -3px 5px -1px ${elevationUmbra}, 0 -5px 8px ${elevationPenumbra}, 0 -1px 14px ${elevationAmbient}`,
+        6: `0 -3px 5px -1px ${elevationUmbra}, 0 -6px 10px ${elevationPenumbra}, 0 -1px 18px ${elevationAmbient}`,
+        7: `0 -4px 5px -2px ${elevationUmbra}, 0 -7px 10px 1px ${elevationPenumbra}, 0 -2px 16px 1px ${elevationAmbient}`,
+        8: `0 -5px 5px -3px ${elevationUmbra}, 0 -8px 10px 1px ${elevationPenumbra}, 0 -3px 14px 2px ${elevationAmbient}`,
+        9: `0 -5px 6px -3px ${elevationUmbra}, 0 -9px 12px 1px ${elevationPenumbra}, 0 -3px 16px 2px ${elevationAmbient}`,
+        10: `0 -6px 6px -3px ${elevationUmbra}, 0 -10px 14px 1px ${elevationPenumbra}, 0 -4px 18px 3px ${elevationAmbient}`,
+        11: `0 -6px 7px -4px ${elevationUmbra}, 0 -11px 15px 1px ${elevationPenumbra}, 0 -4px 20px 3px ${elevationAmbient}`,
+        12: `0 -7px 8px -4px ${elevationUmbra}, 0 -12px 17px 2px ${elevationPenumbra}, 0 -5px 22px 4px ${elevationAmbient}`,
+        13: `0 -7px 8px -4px ${elevationUmbra}, 0 -13px 19px 2px ${elevationPenumbra}, 0 -5px 24px 4px ${elevationAmbient}`,
+        14: `0 -7px 9px -4px ${elevationUmbra}, 0 -14px 21px 2px ${elevationPenumbra}, 0 -5px 26px 4px ${elevationAmbient}`,
+        15: `0 -8px 9px -5px ${elevationUmbra}, 0 -15px 22px 2px ${elevationPenumbra}, 0 -6px 28px 5px ${elevationAmbient}`,
+        16: `0 -8px 10px -5px ${elevationUmbra}, 0 -16px 24px 2px ${elevationPenumbra}, 0 -6px 30px 5px ${elevationAmbient}`,
+        17: `0 -8px 11px -5px ${elevationUmbra}, 0 -17px 26px 2px ${elevationPenumbra}, 0 -6px 32px 5px ${elevationAmbient}`,
+        18: `0 -9px 11px -5px ${elevationUmbra}, 0 -18px 28px 2px ${elevationPenumbra}, 0 -7px 34px 6px ${elevationAmbient}`,
+        19: `0 -9px 12px -6px ${elevationUmbra}, 0 -19px 29px 2px ${elevationPenumbra}, 0 -7px 36px 6px ${elevationAmbient}`,
+        20: `0 -10px 13px -6px ${elevationUmbra}, 0 -20px 31px 3px ${elevationPenumbra}, 0 -8px 38px 7px ${elevationAmbient}`,
+        21: `0 -10px 13px -6px ${elevationUmbra}, 0 -21px 33px 3px ${elevationPenumbra}, 0 -8px 40px 7px ${elevationAmbient}`,
+        22: `0 -10px 14px -6px ${elevationUmbra}, 0 -22px 35px 3px ${elevationPenumbra}, 0 -8px 42px 7px ${elevationAmbient}`,
+        23: `0 -11px 14px -7px ${elevationUmbra}, 0 -23px 36px 3px ${elevationPenumbra}, 0 -9px 44px 8px ${elevationAmbient}`,
+        24: `0 -11px 15px -7px ${elevationUmbra}, 0 -24px 38px 3px ${elevationPenumbra}, 0 -9px 46px 8px ${elevationAmbient}`
+      },
+      dark: {
+        0: `0 0 0 ${elevationDarkUmbra}, 0 0 0 ${elevationDarkPenumbra}, 0 0 0 ${elevationDarkAmbient}`,
+        1: `0 1px 3px ${elevationDarkUmbra}, 0 1px 1px ${elevationDarkPenumbra}, 0 2px 1px -1px ${elevationDarkAmbient}`,
+        2: `0 1px 5px ${elevationDarkUmbra}, 0 2px 2px ${elevationDarkPenumbra}, 0 3px 1px -2px ${elevationDarkAmbient}`,
+        3: `0 1px 8px ${elevationDarkUmbra}, 0 3px 4px ${elevationDarkPenumbra}, 0 3px 3px -2px ${elevationDarkAmbient}`,
+        4: `0 2px 4px -1px ${elevationDarkUmbra}, 0 4px 5px ${elevationDarkPenumbra}, 0 1px 10px ${elevationDarkAmbient}`,
+        5: `0 3px 5px -1px ${elevationDarkUmbra}, 0 5px 8px ${elevationDarkPenumbra}, 0 1px 14px ${elevationDarkAmbient}`,
+        6: `0 3px 5px -1px ${elevationDarkUmbra}, 0 6px 10px ${elevationDarkPenumbra}, 0 1px 18px ${elevationDarkAmbient}`,
+        7: `0 4px 5px -2px ${elevationDarkUmbra}, 0 7px 10px 1px ${elevationDarkPenumbra}, 0 2px 16px 1px ${elevationDarkAmbient}`,
+        8: `0 5px 5px -3px ${elevationDarkUmbra}, 0 8px 10px 1px ${elevationDarkPenumbra}, 0 3px 14px 2px ${elevationDarkAmbient}`,
+        9: `0 5px 6px -3px ${elevationDarkUmbra}, 0 9px 12px 1px ${elevationDarkPenumbra}, 0 3px 16px 2px ${elevationDarkAmbient}`,
+        10: `0 6px 6px -3px ${elevationDarkUmbra}, 0 10px 14px 1px ${elevationDarkPenumbra}, 0 4px 18px 3px ${elevationDarkAmbient}`,
+        11: `0 6px 7px -4px ${elevationDarkUmbra}, 0 11px 15px 1px ${elevationDarkPenumbra}, 0 4px 20px 3px ${elevationDarkAmbient}`,
+        12: `0 7px 8px -4px ${elevationDarkUmbra}, 0 12px 17px 2px ${elevationDarkPenumbra}, 0 5px 22px 4px ${elevationDarkAmbient}`,
+        13: `0 7px 8px -4px ${elevationDarkUmbra}, 0 13px 19px 2px ${elevationDarkPenumbra}, 0 5px 24px 4px ${elevationDarkAmbient}`,
+        14: `0 7px 9px -4px ${elevationDarkUmbra}, 0 14px 21px 2px ${elevationDarkPenumbra}, 0 5px 26px 4px ${elevationDarkAmbient}`,
+        15: `0 8px 9px -5px ${elevationDarkUmbra}, 0 15px 22px 2px ${elevationDarkPenumbra}, 0 6px 28px 5px ${elevationDarkAmbient}`,
+        16: `0 8px 10px -5px ${elevationDarkUmbra}, 0 16px 24px 2px ${elevationDarkPenumbra}, 0 6px 30px 5px ${elevationDarkAmbient}`,
+        17: `0 8px 11px -5px ${elevationDarkUmbra}, 0 17px 26px 2px ${elevationDarkPenumbra}, 0 6px 32px 5px ${elevationDarkAmbient}`,
+        18: `0 9px 11px -5px ${elevationDarkUmbra}, 0 18px 28px 2px ${elevationDarkPenumbra}, 0 7px 34px 6px ${elevationDarkAmbient}`,
+        19: `0 9px 12px -6px ${elevationDarkUmbra}, 0 19px 29px 2px ${elevationDarkPenumbra}, 0 7px 36px 6px ${elevationDarkAmbient}`,
+        20: `0 10px 13px -6px ${elevationDarkUmbra}, 0 20px 31px 3px ${elevationDarkPenumbra}, 0 8px 38px 7px ${elevationDarkAmbient}`,
+        21: `0 10px 13px -6px ${elevationDarkUmbra}, 0 21px 33px 3px ${elevationDarkPenumbra}, 0 8px 40px 7px ${elevationDarkAmbient}`,
+        22: `0 10px 14px -6px ${elevationDarkUmbra}, 0 22px 35px 3px ${elevationDarkPenumbra}, 0 8px 42px 7px ${elevationDarkAmbient}`,
+        23: `0 11px 14px -7px ${elevationDarkUmbra}, 0 23px 36px 3px ${elevationDarkPenumbra}, 0 9px 44px 8px ${elevationDarkAmbient}`,
+        24: `0 11px 15px -7px ${elevationDarkUmbra}, 0 24px 38px 3px ${elevationDarkPenumbra}, 0 9px 46px 8px ${elevationDarkAmbient}`,
+
+        // sorry for long line; we need .sass and it doesn't support multi-line list
+        up: {
+          0: `0 0 0 ${elevationDarkUmbra}, 0 0 0 ${elevationDarkPenumbra}, 0 0 0 ${elevationDarkAmbient}`,
+          1: `0 -1px 3px ${elevationDarkUmbra}, 0 -1px 1px ${elevationDarkPenumbra}, 0 -2px 1px -1px ${elevationDarkAmbient}`,
+          2: `0 -1px 5px ${elevationDarkUmbra}, 0 -2px 2px ${elevationDarkPenumbra}, 0 -3px 1px -2px ${elevationDarkAmbient}`,
+          3: `0 -1px 8px ${elevationDarkUmbra}, 0 -3px 4px ${elevationDarkPenumbra}, 0 -3px 3px -2px ${elevationDarkAmbient}`,
+          4: `0 -2px 4px -1px ${elevationDarkUmbra}, 0 -4px 5px ${elevationDarkPenumbra}, 0 -1px 10px ${elevationDarkAmbient}`,
+          5: `0 -3px 5px -1px ${elevationDarkUmbra}, 0 -5px 8px ${elevationDarkPenumbra}, 0 -1px 14px ${elevationDarkAmbient}`,
+          6: `0 -3px 5px -1px ${elevationDarkUmbra}, 0 -6px 10px ${elevationDarkPenumbra}, 0 -1px 18px ${elevationDarkAmbient}`,
+          7: `0 -4px 5px -2px ${elevationDarkUmbra}, 0 -7px 10px 1px ${elevationDarkPenumbra}, 0 -2px 16px 1px ${elevationDarkAmbient}`,
+          8: `0 -5px 5px -3px ${elevationDarkUmbra}, 0 -8px 10px 1px ${elevationDarkPenumbra}, 0 -3px 14px 2px ${elevationDarkAmbient}`,
+          9: `0 -5px 6px -3px ${elevationDarkUmbra}, 0 -9px 12px 1px ${elevationDarkPenumbra}, 0 -3px 16px 2px ${elevationDarkAmbient}`,
+          10: `0 -6px 6px -3px ${elevationDarkUmbra}, 0 -10px 14px 1px ${elevationDarkPenumbra}, 0 -4px 18px 3px ${elevationDarkAmbient}`,
+          11: `0 -6px 7px -4px ${elevationDarkUmbra}, 0 -11px 15px 1px ${elevationDarkPenumbra}, 0 -4px 20px 3px ${elevationDarkAmbient}`,
+          12: `0 -7px 8px -4px ${elevationDarkUmbra}, 0 -12px 17px 2px ${elevationDarkPenumbra}, 0 -5px 22px 4px ${elevationDarkAmbient}`,
+          13: `0 -7px 8px -4px ${elevationDarkUmbra}, 0 -13px 19px 2px ${elevationDarkPenumbra}, 0 -5px 24px 4px ${elevationDarkAmbient}`,
+          14: `0 -7px 9px -4px ${elevationDarkUmbra}, 0 -14px 21px 2px ${elevationDarkPenumbra}, 0 -5px 26px 4px ${elevationDarkAmbient}`,
+          15: `0 -8px 9px -5px ${elevationDarkUmbra}, 0 -15px 22px 2px ${elevationDarkPenumbra}, 0 -6px 28px 5px ${elevationDarkAmbient}`,
+          16: `0 -8px 10px -5px ${elevationDarkUmbra}, 0 -16px 24px 2px ${elevationDarkPenumbra}, 0 -6px 30px 5px ${elevationDarkAmbient}`,
+          17: `0 -8px 11px -5px ${elevationDarkUmbra}, 0 -17px 26px 2px ${elevationDarkPenumbra}, 0 -6px 32px 5px ${elevationDarkAmbient}`,
+          18: `0 -9px 11px -5px ${elevationDarkUmbra}, 0 -18px 28px 2px ${elevationDarkPenumbra}, 0 -7px 34px 6px ${elevationDarkAmbient}`,
+          19: `0 -9px 12px -6px ${elevationDarkUmbra}, 0 -19px 29px 2px ${elevationDarkPenumbra}, 0 -7px 36px 6px ${elevationDarkAmbient}`,
+          20: `0 -10px 13px -6px ${elevationDarkUmbra}, 0 -20px 31px 3px ${elevationDarkPenumbra}, 0 -8px 38px 7px ${elevationDarkAmbient}`,
+          21: `0 -10px 13px -6px ${elevationDarkUmbra}, 0 -21px 33px 3px ${elevationDarkPenumbra}, 0 -8px 40px 7px ${elevationDarkAmbient}`,
+          22: `0 -10px 14px -6px ${elevationDarkUmbra}, 0 -22px 35px 3px ${elevationDarkPenumbra}, 0 -8px 42px 7px ${elevationDarkAmbient}`,
+          23: `0 -11px 14px -7px ${elevationDarkUmbra}, 0 -23px 36px 3px ${elevationDarkPenumbra}, 0 -9px 44px 8px ${elevationDarkAmbient}`,
+          24: `0 -11px 15px -7px ${elevationDarkUmbra}, 0 -24px 38px 3px ${elevationDarkPenumbra}, 0 -9px 46px 8px ${elevationDarkAmbient}`
+        }
+      }
+    },
+    z: {
+      fab: 990,
+      side: 1000,
+      marginals: 2000,
+      'fixed-drawer': 3000,
+      fullscreen: 6000,
+      menu: 6000,
+      top: 7000,
+      tooltip: 9000,
+      notify: 9500,
+      max: 9998
+    }
+  }
+}
+
+export default theme
+export type QuasarTheme = ReturnType<typeof theme>

package/src/node/plugins/quasar.ts

@@ -7,6 +7,7 @@ import type {
 } from '../vitrify-config.js'
 import type { VitrifyPlugin } from './index.js'
 import { findDepPkgJsonPath } from 'vitefu'
+
 export interface QuasarConf {
   ctx?: Record<string, any>
   css?: string[]
@@ -20,6 +21,7 @@ export interface QuasarConf {
   }
   // animations: string[]
   extras?: string[]
+  disableSass?: boolean
 }
 
 export const injectSsrContext = (
@@ -108,6 +110,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
         const globalCss = quasar?.extras?.map(
           (extra) => `@quasar/extras/${extra}/${extra}.css`
         )
+        // globalCss?.push('@unocss/reset/normalize.css')
 
         const localPackages = ['@quasar/extras', 'quasar']
         // const localPackages: string[] = []
@@ -187,10 +190,116 @@ export const QuasarPlugin: VitrifyPlugin = async ({
               onMounted: onMountedHooks,
               onRendered: [injectSsrContext]
             },
-            sass: {
-              global: ['quasar/src/css/index.sass']
-              // additionalData: [`@import 'quasar/src/css/index.sass'`]
-            }
+            sass: quasarConf.disableSass
+              ? undefined
+              : {
+                  global: ['quasar/src/css/index.sass']
+                  // global: [
+                  //   'quasar/src/css/helpers/string.sass',
+                  //   'quasar/src/css/helpers/math.sass',
+
+                  //   'quasar/src/css/variables.sass',
+                  //   'quasar/src/css/normalize.sass',
+
+                  //   // 'quasar/src/components/icon/QIcon.sass',
+
+                  //   // /* Composables */
+                  //   // 'quasar/src/composables/private.use-panel/use-panel.sass',
+
+                  //   // /* Components */
+                  //   // 'quasar/src/components/ajax-bar/QAjaxBar.sass',
+                  //   // 'quasar/src/components/avatar/QAvatar.sass',
+                  //   // 'quasar/src/components/badge/QBadge.sass',
+                  //   // 'quasar/src/components/banner/QBanner.sass',
+                  //   // 'quasar/src/components/bar/QBar.sass',
+                  //   // 'quasar/src/components/breadcrumbs/QBreadcrumbs.sass',
+                  //   // 'quasar/src/components/btn/QBtn.sass',
+                  //   // 'quasar/src/components/btn-dropdown/QBtnDropdown.sass',
+                  //   // 'quasar/src/components/btn-group/QBtnGroup.sass',
+                  //   // 'quasar/src/components/btn-toggle/QBtnToggle.sass',
+                  //   // 'quasar/src/components/card/QCard.sass',
+                  //   // 'quasar/src/components/carousel/QCarousel.sass',
+                  //   // 'quasar/src/components/chat/QChatMessage.sass',
+                  //   // 'quasar/src/components/checkbox/QCheckbox.sass',
+                  //   // 'quasar/src/components/chip/QChip.sass',
+                  //   // 'quasar/src/components/circular-progress/QCircularProgress.sass',
+                  //   // 'quasar/src/components/color/QColor.sass',
+                  //   // 'quasar/src/components/date/QDate.sass',
+                  //   // 'quasar/src/components/dialog/QDialog.sass',
+                  //   // 'quasar/src/components/editor/QEditor.sass',
+                  //   // 'quasar/src/components/expansion-item/QExpansionItem.sass',
+                  //   // 'quasar/src/components/fab/QFab.sass',
+                  //   // 'quasar/src/components/field/QField.sass',
+                  //   'quasar/src/components/file/QFile.sass',
+                  //   'quasar/src/components/form/QForm.sass',
+                  //   'quasar/src/components/img/QImg.sass',
+                  //   'quasar/src/components/inner-loading/QInnerLoading.sass',
+                  //   'quasar/src/components/input/QInput.sass',
+                  //   'quasar/src/components/intersection/QIntersection.sass',
+                  //   'quasar/src/components/item/QItem.sass',
+                  //   'quasar/src/components/knob/QKnob.sass',
+                  //   'quasar/src/components/layout/QLayout.sass',
+                  //   'quasar/src/components/linear-progress/QLinearProgress.sass',
+                  //   'quasar/src/components/menu/QMenu.sass',
+                  //   'quasar/src/components/option-group/QOptionGroup.sass',
+                  //   'quasar/src/components/pagination/QPagination.sass',
+                  //   'quasar/src/components/parallax/QParallax.sass',
+                  //   'quasar/src/components/popup-edit/QPopupEdit.sass',
+                  //   'quasar/src/components/pull-to-refresh/QPullToRefresh.sass',
+                  //   'quasar/src/components/radio/QRadio.sass',
+                  //   'quasar/src/components/rating/QRating.sass',
+                  //   'quasar/src/components/responsive/QResponsive.sass',
+                  //   'quasar/src/components/scroll-area/QScrollArea.sass',
+                  //   'quasar/src/components/select/QSelect.sass',
+                  //   'quasar/src/components/separator/QSeparator.sass',
+                  //   'quasar/src/components/skeleton/QSkeleton.sass',
+                  //   'quasar/src/components/slide-item/QSlideItem.sass',
+                  //   'quasar/src/components/slider/QSlider.sass',
+                  //   'quasar/src/components/space/QSpace.sass',
+                  //   'quasar/src/components/spinner/QSpinner.sass',
+                  //   'quasar/src/components/splitter/QSplitter.sass',
+                  //   'quasar/src/components/stepper/QStepper.sass',
+                  //   'quasar/src/components/tab-panels/QTabPanel.sass',
+                  //   'quasar/src/components/table/QTable.sass',
+                  //   'quasar/src/components/tabs/QTabs.sass',
+                  //   'quasar/src/components/time/QTime.sass',
+                  //   'quasar/src/components/timeline/QTimeline.sass',
+                  //   'quasar/src/components/toggle/QToggle.sass',
+                  //   'quasar/src/components/toolbar/QToolbar.sass',
+                  //   'quasar/src/components/tooltip/QTooltip.sass',
+                  //   'quasar/src/components/tree/QTree.sass',
+                  //   'quasar/src/components/uploader/QUploader.sass',
+                  //   'quasar/src/components/video/QVideo.sass',
+                  //   'quasar/src/components/virtual-scroll/QVirtualScroll.sass',
+
+                  //   /* Directives */
+                  //   'quasar/src/directives/ripple/Ripple.sass',
+                  //   'quasar/src/directives/morph/Morph.sass',
+
+                  //   /* Plugins */
+                  //   'quasar/src/plugins/bottom-sheet/component/BottomSheetComponent.sass',
+                  //   'quasar/src/plugins/dialog/component/DialogPluginComponent.sass',
+                  //   'quasar/src/plugins/loading/Loading.sass',
+                  //   'quasar/src/plugins/notify/Notify.sass',
+
+                  //   /* Core */
+                  //   'quasar/src/css/core/animations.sass',
+                  //   'quasar/src/css/core/colors.sass',
+                  //   'quasar/src/css/core/elevation.sass',
+                  //   'quasar/src/css/core/flex.sass',
+                  //   'quasar/src/css/core/helpers.sass',
+                  //   'quasar/src/css/core/mouse.sass',
+                  //   'quasar/src/css/core/orientation.sass',
+                  //   'quasar/src/css/core/positioning.sass',
+                  //   'quasar/src/css/core/size.sass',
+                  //   'quasar/src/css/core/touch.sass',
+                  //   'quasar/src/css/core/transitions.sass',
+                  //   'quasar/src/css/core/typography.sass',
+                  //   'quasar/src/css/core/visibility.sass',
+                  //   'quasar/src/css/core/dark.sass'
+                  // ]
+                  // additionalData: [`@import 'quasar/src/css/index.sass'`]
+                }
           },
           resolve: {
             alias: [

package/src/node/vitrify-config.ts

@@ -1,9 +1,10 @@
-import type { Alias, UserConfig } from 'vite'
+import type { Alias, UserConfig as ViteUserConfig, ViteDevServer } from 'vite'
 import type { QuasarConf } from './plugins/quasar.js'
 import type { ComponentInternalInstance } from '@vue/runtime-core'
-import type { FastifyServerOptions } from 'fastify'
+import type { FastifyInstance, FastifyServerOptions } from 'fastify'
 import type { VitePWAOptions } from 'vite-plugin-pwa'
 import { ComponentResolver } from 'unplugin-vue-components'
+import type { UserConfig as UnoCSSUserConfig } from '@unocss/core'
 
 export type BootFunction = ({
   app,
@@ -35,12 +36,14 @@ export type OnRenderedHook = (
   html: string,
   ssrContext: Record<string, any>
 ) => string
-// export type OnSetupHook = (
-//   fastify: FastifyInstance,
-//   staticImports?: Record<string, any>
-// ) => any
+export type OnSetupHook = (
+  fastify: FastifyInstance,
+  options?: {
+    vite?: ViteDevServer
+  }
+) => any
 export type OnSetupFile = URL
-export interface VitrifyConfig extends UserConfig {
+export interface VitrifyConfig extends ViteUserConfig {
   vitrify?: {
     lang?: string
     /**
@@ -111,6 +114,10 @@ export interface VitrifyConfig extends UserConfig {
      * Enables vite-plugin-pwa
      */
     pwa?: Partial<VitePWAOptions>
+    /**
+     * UnoCSS Configuration
+     */
+    unocss?: UnoCSSUserConfig
   }
   quasar?: QuasarConf
 }

package/src/vite/fastify/server.ts

@@ -2,7 +2,9 @@ import Fastify from 'fastify'
 import { setup, vitrifyConfig } from './entry'
 
 const fastify = Fastify({
-  logger: true,
+  logger: {
+    level: process.env.DEBUG ? 'debug' : 'info'
+  },
   ...vitrifyConfig.vitrify?.ssr.fastify
 })
 await setup({ fastify })