c39bb78e38
* Start of app redesign * format * continue progress * Content page nearly done * Fix recursion issues with content page * Fix update all alignment * Discover page progress * Settings progress * Removed unlocked-size hack that breaks web * Revamp project page, refactor web project page to share code with app, fixed loading bar, misc UI/UX enhancements, update ko-fi logo, update arrow icons, fix web issues caused by floating-vue migration, fix tooltip issues, update web tooltips, clean up web hydration issues * Ads + run prettier * Begin auth refactor, move common messages to ui lib, add i18n extraction to all apps, begin Library refactor * fix ads not hiding when plus log in * rev lockfile changes/conflicts * Fix sign in page * Add generated * (mostly) Data driven search * Fix search mobile issue * profile fixes * Project versions page, fix typescript on UI lib and misc fixes * Remove unused gallery component * Fix linkfunction err * Search filter controls at top, localization for locked filters * Fix provided filter names * Fix navigating from instance browse to main browse * Friends frontend (#2995) * Friends system frontend * (almost) finish frontend * finish friends, fix lint * Fix lint --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> * Refresh macOS app icon * Update web search UI more * Fix link opens * Fix frontend build --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
153 lines
5.4 KiB
JavaScript
153 lines
5.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./src/components/**/*.{js,vue,ts}',
|
|
'./src/layouts/**/*.vue',
|
|
'./src/pages/**/*.vue',
|
|
'./src/plugins/**/*.{js,ts}',
|
|
'./src/App.vue',
|
|
'./src/error.vue',
|
|
// monorepo - TODO: migrate this to its own package
|
|
'../../packages/**/*.{js,vue,ts}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
icon: 'var(--color-icon)',
|
|
// Text
|
|
primary: 'var(--color-text)',
|
|
contrast: 'var(--color-contrast)',
|
|
secondary: 'var(--color-secondary)',
|
|
inactive: 'var(--color-text-inactive)',
|
|
dark: 'var(--color-text-dark)',
|
|
inverted: 'var(--color-text-inverted)',
|
|
heading: 'var(--color-heading)',
|
|
red: 'var(--color-red)',
|
|
orange: 'var(--color-orange)',
|
|
purple: 'var(--color-purple)',
|
|
bg: {
|
|
DEFAULT: 'var(--color-bg)',
|
|
red: 'var(--color-red-bg)',
|
|
orange: 'var(--color-orange-bg)',
|
|
green: 'var(--color-green-bg)',
|
|
blue: 'var(--color-blue-bg)',
|
|
purple: 'var(--color-purple-bg)',
|
|
raised: 'var(--color-raised-bg)',
|
|
},
|
|
highlight: {
|
|
DEFAULT: 'var(--color-brand-highlight)',
|
|
red: 'var(--color-red-highlight)',
|
|
orange: 'var(--color-orange-highlight)',
|
|
green: 'var(--color-green-highlight)',
|
|
blue: 'var(--color-blue-highlight)',
|
|
purple: 'var(--color-purple-highlight)',
|
|
},
|
|
divider: {
|
|
DEFAULT: 'var(--color-divider)',
|
|
dark: 'var(--color-divider-dark)',
|
|
},
|
|
brand: {
|
|
DEFAULT: 'var(--color-brand)',
|
|
red: 'var(--color-red)',
|
|
orange: 'var(--color-orange)',
|
|
green: 'var(--color-green)',
|
|
blue: 'var(--color-blue)',
|
|
purple: 'var(--color-purple)',
|
|
highlight: 'var(--color-brand-highlight)',
|
|
shadow: 'var(--color-brand-shadow)',
|
|
inverted: 'var(--color-accent-contrast)',
|
|
},
|
|
tabUnderlineHovered: 'var(--tab-underline-hovered)',
|
|
button: {
|
|
bg: 'var(--color-button-bg)',
|
|
text: 'var(--color-button-text)',
|
|
bgHover: 'var(--color-button-bg-hover)',
|
|
textHover: 'var(--color-button-text-hover)',
|
|
bgActive: 'var(--color-button-bg-active)',
|
|
textActive: 'var(--color-button-text-active)',
|
|
border: 'var(--color-button-border)',
|
|
bgSelected: 'var(--color-button-bg-selected)',
|
|
textSelected: 'var(--color-button-text-selected)',
|
|
},
|
|
toggleHandle: 'var(--color-toggle-handle)',
|
|
dropdown: {
|
|
bg: 'var(--color-dropdown-bg)',
|
|
text: 'var(--color-dropdown-text)',
|
|
},
|
|
tooltip: {
|
|
bg: 'var(--color-tooltip-bg)',
|
|
text: 'var(--color-tooltip-text)',
|
|
},
|
|
code: {
|
|
bg: 'var(--color-code-bg)',
|
|
text: 'var(--color-code-text)',
|
|
},
|
|
kbdShadow: 'var(--color-kbd-shadow)',
|
|
ad: {
|
|
DEFAULT: 'var(--color-ad)',
|
|
raised: 'var(--color-ad-raised)',
|
|
contrast: 'var(--color-ad-contrast)',
|
|
highlight: 'var(--color-ad-highlight)',
|
|
},
|
|
greyLink: {
|
|
DEFAULT: 'var(--color-grey-link)',
|
|
hover: 'var(--color-grey-link-hover)',
|
|
active: 'var(--color-grey-link-active)',
|
|
},
|
|
link: {
|
|
DEFAULT: 'var(--color-link)',
|
|
hover: 'var(--color-link-hover)',
|
|
active: 'var(--color-link-active)',
|
|
},
|
|
warning: {
|
|
bg: 'var(--color-warning-bg)',
|
|
text: 'var(--color-warning-text)',
|
|
banner: {
|
|
text: 'var(--color-warning-banner-text)',
|
|
bg: 'var(--color-warning-banner-bg)',
|
|
side: 'var(--color-warning-banner-side)',
|
|
},
|
|
},
|
|
infoBanner: {
|
|
text: 'var(--color-info-banner-text)',
|
|
bg: 'var(--color-info-banner-bg)',
|
|
side: 'var(--color-info-banner-side)',
|
|
},
|
|
blockQuote: 'var(--color-block-quote)',
|
|
headerUnderline: 'var(--color-header-underline)',
|
|
hr: 'var(--color-hr)',
|
|
table: {
|
|
border: 'var(--color-table-border)',
|
|
alternateRow: ' var(--color-table-alternate-row)',
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
mazeBg: 'var(--landing-maze-bg)',
|
|
mazeGradientBg: 'var(--landing-maze-gradient-bg)',
|
|
landing: {
|
|
mazeOuterBg: 'var(--landing-maze-outer-bg)',
|
|
colorHeading: 'var(--landing-color-heading)',
|
|
colorSubheading: 'var(--landing-color-subheading)',
|
|
transitionGradientStart: 'var(--landing-transition-gradient-start)',
|
|
transitionGradientEnd: 'var(--landing-transition-gradient-end)',
|
|
hoverCardGradient: 'var(--landing-hover-card-gradient)',
|
|
borderGradient: 'var(--landing-border-gradient)',
|
|
borderColor: 'var(--landing-border-color)',
|
|
creatorGradient: 'var(--landing-creator-gradient)',
|
|
blobGradient: 'var(--landing-blob-gradient)',
|
|
cardBg: 'var(--landing-card-bg)',
|
|
blueLabel: 'var(--landing-blue-label)',
|
|
blueLabelBg: 'var(--landing-blue-label-bg)',
|
|
greenLabel: 'var(--landing-green-label)',
|
|
greenLabelBg: 'var(--landing-green-label-bg)',
|
|
rawBg: 'var(--landing-raw-bg)',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
}
|