2d416d491c
* New project page * fix silly icon tailwind classes * Start new versions page, add new ButtonStyled component * Pagination and finish mocking up versions page functionality * green download button * hover animation * New Modal, Avatar refactor, subpages in NavTabs * lint * Download modal * New user page + fix lint * fix ui lint * Download animation fix * Versions filter + finish project page * Improve consistency of buttons on home page * Fix ButtonStyled breaking * Fix margin on version summary * finish search, new modals, user + project page mobile * fix gallery image pages * New project header * Fix gallery tab showing improperly * Use auto direction + position for all popouts * Preliminary user page * test to see if this fixes login stuff * remove extra slash * Add version actions, move download button on versions page * Listed -> public * Shorten download modal selector height * Fix user menu open direction * Change breakpoint for header collapse * Only underline title * Tighten padding on stats a little * New nav * Make mobile breakpoint more consistent * fix header breakpoint regression * Add sign in button * Fix edit icon color * Fix margin at top of screen * Fix user bios and ad width * Fix user nav showing when there's only one type of project * Fix plural projects on user page & extract i18n * Remove ads on mobile for now * Fix overflow menu showing hidden items * NavTabs on mobile * Fix navbar z index * Search filter overhaul + negative filters * fix no-max-height * port version filters, fix following/collections, lint * hide promos * ui lint * Disable modal background animation to reduce reported motion sickness * Hide install with modrinth app button on mobile --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> Co-authored-by: Prospector <prospectordev@gmail.com>
150 lines
5.2 KiB
JavaScript
150 lines
5.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
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)",
|
|
},
|
|
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,
|
|
},
|
|
};
|