This commit is contained in:
tijsklaren 2023-10-10 15:27:57 +02:00
commit 2e77bb81c7
2 changed files with 36 additions and 30 deletions

View File

@ -15,32 +15,38 @@ module.exports = {
variants: { variants: {
display: ["group-hover"] display: ["group-hover"]
}, },
fontFamily: { 'sans': ['roboto', 'sans-serif']},
extend: { extend: {
colors: { colors: {
transparent: 'transparent', transparent: 'transparent',
current: 'currentColor', current: 'currentColor',
'intermate-yellow': '#f8a90c', 'intermate-yellow': 'hsla(40, 94%, 51%, 1)',
'intermate-yellow-hover': '#b87e08', 'intermate-yellow-hover': 'hsla(40, 92%, 38%, 1)',
'intermate-shadow' : 'hsla(0, 0%, 75%, 0.5)', 'intermate-shadow' : 'hsla(0, 0%, 75%, 0.5)',
}, },
backgroundImage: {
'ballen' : "url('.perseus/static/balls.svg')"
}
}, },
}, },
plugins: [require("daisyui")], plugins: [require("daisyui")],
daisyui: { daisyui: {
darkTheme: "light", darkTheme: "intermate_dark",
themes: ["light", "dark", "night", themes: [ {
{ intermate_light: {
intermate: { primary: "hsla(40, 94%, 51%, 1)", /*This Intermate yellow*/
primary: "#a991f7", "primary-focus": "hsla(40, 92%, 38%, 1)", /*This Intermate yellow on hover, in other words focus*/
secondary: "#f6d860", secondary: "hsla(140, 92%, 38%, 1)", /*Needs to be changed*/
accent: "#37cdbe", accent: "#37cdbe",
neutral: "#3d4451", neutral: "#3d4451",
"base-100": "#fccf47", "base-100": "hsla(0, 0%, 100%, 1)",
"intermate-yellow": "#f8a90c", },
intermate_dark: {
primary: "hsla(40, 94%, 51%, 1)",
"primary-focus": "hsla(40, 92%, 38%, 1)",
secondary: "hsla(140, 20%, 38%, 1)", /*Needs to be changed*/
accent: "hsla(40, 92%, 38%, 1)",
neutral: "hsla(40, 92%, 38%, 1)",
"base-100": "hsla(0, 0%, 0%, 1)",
}, },
}, },
], ],

View File

@ -1,18 +1,18 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer components { @layer components {
.intermate-navbar { .intermate-navbar {
@apply navbar bg-intermate-yellow shadow-md shadow-intermate-shadow; @apply navbar bg-primary;
} }
.intermate-footer { .intermate-footer {
@apply footer p-10 bg-intermate-yellow text-white justify-around; @apply footer p-10 bg-primary text-white justify-around;
} }
.intermate-navbutton-effect { .intermate-navbutton-effect {
@apply block hover:text-intermate-yellow-hover transition-all hover:scale-110 ease-in-out; @apply block hover:text-primary-focus transition-all hover:scale-110 ease-in-out;
} }
} }