Darken muted colors when necessary

This commit is contained in:
Chuck Dries
2021-07-21 09:19:55 -07:00
parent 53261f7ee6
commit b71bc23a1c
3 changed files with 12 additions and 12 deletions

View File

@@ -24,8 +24,9 @@ const getDifferentRand = (range, lastNs, iterations = 0) => {
};
const getButtonClasses = (isClient, colorMode = "vibrant") => {
const textColor = colorMode === 'vibrant' ? 'text-vibrant-light' : 'text-muted-light'
const bgColor = colorMode === 'vibrant' ? 'bg-vibrant-dark' : 'bg-muted-dark'
const textColor =
colorMode === "vibrant" ? "text-vibrant-light" : "text-muted-light";
const bgColor = colorMode === "vibrant" ? "bg-vibrant-dark" : "bg-muted-dark";
return classnames(
"z-20 rounded-md text-md inline-block px-3 py-2 my-1 mr-2 text-md hover:underline",
isClient && `${textColor} ${bgColor} blurred-or-opaque-bg-2`,
@@ -143,7 +144,7 @@ const IndexPage = ({
props: { currentImage: currentImage?.base },
});
// eslint-disable-next-line
_paq.push(['trackEvent', 'Index', 'Shuffle', currentImage?.base]);
_paq.push(["trackEvent", "Index", "Shuffle", currentImage?.base]);
} catch (e) {
/* do nothing */
}