mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-21 23:18:06 -04:00
27f077ea0b
* search options start * small progress * more * bunch of stuff * semi functioning filters * cleanup setup api * progress * remove filters * hooked up to query epic moment * fix * move db stuff to specific modules * in/notIn for some fields * generate ts * big gains * working filter options for locations, tags and kind * working search query * perfect fixed filters * saved searches lol * merge error * saved searches via api * better routing * [ENG-1338] Fix fresh Spacedrive install failing to start due to attempting to query a nonexistent Library (#1649) Fix Spacedrive failing to start due to attempting to query a nonexistent Library - Rename useShoudRedirect to useRedirectToNewLocations - Improve behaviour for the immedite redirection after adding a new location * Show hidden files false by default (#1652) bool * fix remove filter in list * tweaks * fix nav buttons * unify MediaData search handling * cleanup saved search writing * Add left top bar portals for tags and search + fixed media view on tags * added search to filter dropdown * render cycle improvements * hotfix * wip * Refactor with Brendan, but this is a WIP and the search query no longer works Co-authored-by: Brendan Allan <Brendonovich@users.noreply.github.com> * progress * fix location/$id page * fix tags too Co-authored-by: Brendan Allan <Brendonovich@users.noreply.github.com> * 3rd refactor lol epic style * half-done with enum-ification of SearchFilterArgs * broken fixed filters but working inNotIn filters * search name + extension kinda working * hidden filter * fixed filters working?? * deferred search value * extensions works * filtered search items mostly working * tweaks * stacked approach working for non-search filters * move to Explorer/Search * actually use filterArgs in queries things actually work properly now * added new icons from Mint * goof * cleanup types, filters and mutation logic * actually use search value * remove overview from sidebar * don't shrink LibrariesDropdown ga * remove overview from sidebar and default to /network --------- Co-authored-by: Brendan Allan <brendonovich@outlook.com> Co-authored-by: Vítor Vasconcellos <vasconcellos.dev@gmail.com> Co-authored-by: Brendan Allan <Brendonovich@users.noreply.github.com>
214 lines
6.0 KiB
JavaScript
214 lines
6.0 KiB
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme');
|
|
|
|
function alpha(variableName) {
|
|
// some tailwind magic to allow us to specify opacity with CSS variables (eg: bg-app/80)
|
|
// https://tailwindcss.com/docs/customizing-colors#using-css-variables
|
|
return `hsla(var(${variableName}), <alpha-value>)`;
|
|
}
|
|
|
|
module.exports = function (app, options) {
|
|
let config = {
|
|
content: [
|
|
`../../apps/${app}/src/**/*.{ts,tsx,html,stories.tsx}`,
|
|
'../../packages/*/src/**/*.{ts,tsx,html,stories.tsx}',
|
|
'../../interface/**/*.{ts,tsx,html,stories.tsx}'
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
screens: {
|
|
xs: '475px',
|
|
sm: '650px',
|
|
md: '868px',
|
|
lg: '1024px',
|
|
xl: '1280px',
|
|
...defaultTheme.screens
|
|
},
|
|
fontSize: {
|
|
'tiny': '.65rem',
|
|
'xs': '.75rem',
|
|
'sm': '.80rem',
|
|
'base': '1rem',
|
|
'lg': '1.125rem',
|
|
'xl': '1.25rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '1.875rem',
|
|
'4xl': '2.25rem',
|
|
'5xl': '3rem',
|
|
'6xl': '4rem',
|
|
'7xl': '5rem'
|
|
},
|
|
extend: {
|
|
colors: {
|
|
accent: {
|
|
DEFAULT: alpha('--color-accent'),
|
|
faint: alpha('--color-accent-faint'),
|
|
deep: alpha('--color-accent-deep')
|
|
},
|
|
ink: {
|
|
DEFAULT: alpha('--color-ink'),
|
|
dull: alpha('--color-ink-dull'),
|
|
faint: alpha('--color-ink-faint')
|
|
},
|
|
sidebar: {
|
|
DEFAULT: alpha('--color-sidebar'),
|
|
box: alpha('--color-sidebar-box'),
|
|
line: alpha('--color-sidebar-line'),
|
|
ink: alpha('--color-sidebar-ink'),
|
|
inkFaint: alpha('--color-sidebar-ink-faint'),
|
|
inkDull: alpha('--color-sidebar-ink-dull'),
|
|
divider: alpha('--color-sidebar-divider'),
|
|
button: alpha('--color-sidebar-button'),
|
|
selected: alpha('--color-sidebar-selected'),
|
|
shade: alpha('--color-sidebar-shade')
|
|
},
|
|
app: {
|
|
DEFAULT: alpha('--color-app'),
|
|
box: alpha('--color-app-box'),
|
|
darkBox: alpha('--color-app-dark-box'),
|
|
darkerBox: alpha('--color-app-darker-box'),
|
|
lightBox: alpha('--color-app-light-box'),
|
|
overlay: alpha('--color-app-overlay'),
|
|
input: alpha('--color-app-input'),
|
|
focus: alpha('--color-app-focus'),
|
|
line: alpha('--color-app-line'),
|
|
divider: alpha('--color-app-divider'),
|
|
button: alpha('--color-app-button'),
|
|
selected: alpha('--color-app-selected'),
|
|
selectedItem: alpha('--color-app-selected-item'),
|
|
hover: alpha('--color-app-hover'),
|
|
active: alpha('--color-app-active'),
|
|
shade: alpha('--color-app-shade'),
|
|
frame: alpha('--color-app-frame'),
|
|
slider: alpha('--color-app-slider'),
|
|
explorerScrollbar: alpha('--color-app-explorer-scrollbar')
|
|
},
|
|
menu: {
|
|
DEFAULT: alpha('--color-menu'),
|
|
line: alpha('--color-menu-line'),
|
|
hover: alpha('--color-menu-hover'),
|
|
selected: alpha('--color-menu-selected'),
|
|
shade: alpha('--color-menu-shade'),
|
|
ink: alpha('--color-menu-ink'),
|
|
faint: alpha('--color-menu-faint')
|
|
},
|
|
// legacy support
|
|
primary: {
|
|
DEFAULT: '#2599FF',
|
|
50: '#FFFFFF',
|
|
100: '#F1F8FF',
|
|
200: '#BEE1FF',
|
|
300: '#8BC9FF',
|
|
400: '#58B1FF',
|
|
500: '#2599FF',
|
|
600: '#0081F1',
|
|
700: '#0065BE',
|
|
800: '#004A8B',
|
|
900: '#002F58'
|
|
},
|
|
gray: {
|
|
DEFAULT: '#505468',
|
|
50: '#F1F1F4',
|
|
100: '#E8E9ED',
|
|
150: '#E0E1E6',
|
|
200: '#D8DAE3',
|
|
250: '#D2D4DC',
|
|
300: '#C0C2CE',
|
|
350: '#A6AABF',
|
|
400: '#9196A8',
|
|
450: '#71758A',
|
|
500: '#303544',
|
|
550: '#20222d',
|
|
600: '#171720',
|
|
650: '#121219',
|
|
700: '#121317',
|
|
750: '#0D0E11',
|
|
800: '#0C0C0F',
|
|
850: '#08090D',
|
|
900: '#060609',
|
|
950: '#030303'
|
|
}
|
|
},
|
|
extend: {
|
|
transitionTimingFunction: {
|
|
'css': 'ease',
|
|
'css-in': 'ease-in',
|
|
'css-out': 'ease-out',
|
|
'css-in-out': 'ease-in-out',
|
|
'in-sine': 'cubic-bezier(0.12, 0, 0.39, 0)',
|
|
'out-sine': 'cubic-bezier(0.61, 1, 0.88, 1)',
|
|
'in-out-sine': 'cubic-bezier(0.37, 0, 0.63, 1)',
|
|
'in-quad': 'cubic-bezier(0.11, 0, 0.5, 0)',
|
|
'out-quad': 'cubic-bezier(0.5, 1, 0.89, 1)',
|
|
'in-out-quad': 'cubic-bezier(0.45, 0, 0.55, 1)',
|
|
'in-cubic': 'cubic-bezier(0.32, 0, 0.67, 0)',
|
|
'out-cubic': 'cubic-bezier(0.33, 1, 0.68, 1)',
|
|
'in-out-cubic': 'cubic-bezier(0.65, 0, 0.35, 1)',
|
|
'in-quart': 'cubic-bezier(0.5, 0, 0.75, 0)',
|
|
'out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)',
|
|
'in-out-quart': 'cubic-bezier(0.76, 0, 0.24, 1)',
|
|
'in-quint': 'cubic-bezier(0.64, 0, 0.78, 0)',
|
|
'out-quint': 'cubic-bezier(0.22, 1, 0.36, 1)',
|
|
'in-out-quint': 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
'in-expo': 'cubic-bezier(0.7, 0, 0.84, 0)',
|
|
'out-expo': 'cubic-bezier(0.16, 1, 0.3, 1)',
|
|
'in-out-expo': 'cubic-bezier(0.87, 0, 0.13, 1)',
|
|
'in-circ': 'cubic-bezier(0.55, 0, 1, 0.45)',
|
|
'out-circ': 'cubic-bezier(0, 0.55, 0.45, 1)',
|
|
'in-out-circ': 'cubic-bezier(0.85, 0, 0.15, 1)',
|
|
'in-back': 'cubic-bezier(0.36, 0, 0.66, -0.56)',
|
|
'out-back': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
|
|
'in-out-back': 'cubic-bezier(0.68, -0.6, 0.32, 1.6)'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('tailwindcss-animate'),
|
|
require('@headlessui/tailwindcss'),
|
|
require('tailwindcss-radix')(),
|
|
require('@tailwindcss/typography')
|
|
]
|
|
};
|
|
|
|
return config;
|
|
};
|
|
|
|
// primary: {
|
|
// DEFAULT: '#2599FF',
|
|
// 50: '#FFFFFF',
|
|
// 100: '#F1F8FF',
|
|
// 200: '#BEE1FF',
|
|
// 300: '#8BC9FF',
|
|
// 400: '#58B1FF',
|
|
// 500: '#2599FF',
|
|
// 600: '#0081F1',
|
|
// 700: '#0065BE',
|
|
// 800: '#004A8B',
|
|
// 900: '#002F58'
|
|
// },
|
|
// gray: {
|
|
// DEFAULT: '#505468',
|
|
// 50: '#F1F1F4',
|
|
// 100: '#E8E9ED',
|
|
// 150: '#E0E1E6',
|
|
// 200: '#D8DAE3',
|
|
// 250: '#D2D4DC',
|
|
// 300: '#C0C2CE',
|
|
// 350: '#A6AABF',
|
|
// 400: '#9196A8',
|
|
// 450: '#71758A',
|
|
// 500: '#303544',
|
|
// 550: '#20222d',
|
|
// 600: '#171720',
|
|
// 650: '#121219',
|
|
// 700: '#121317',
|
|
// 750: '#0D0E11',
|
|
// 800: '#0C0C0F',
|
|
// 850: '#08090D',
|
|
// 900: '#060609',
|
|
// 950: '#030303'
|
|
// }
|
|
// },
|
|
// fontFamily: { sans: ['Inter', ...defaultTheme.fontFamily.sans] }
|