Added custom themes

This commit is contained in:
Mia Rose Winter 2024-01-21 22:44:27 +01:00
parent b122efc823
commit 13a77b0d60
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
5 changed files with 83 additions and 5 deletions

View file

@ -1,16 +1,68 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = { module.exports = {
content: ["Pages/**/*.cshtml", "Components/**/*.razor"], content: ["Pages/**/*.cshtml", "Components/**/*.razor"],
theme: { theme: {
extend: { extend: {
},
fontSize: {
sm: '0.750rem',
base: '1rem',
xl: '1.333rem',
'2xl': '1.777rem',
'3xl': '2.369rem',
'4xl': '3.158rem',
'5xl': '4.210rem'
},
fontFamily: {
heading: 'Nunito Sans',
body: ['Noto Sans Display', ...defaultTheme.fontFamily.sans]
},
fontWeight: {
normal: '400',
bold: '700'
} }
}, },
plugins: [require("daisyui"), require('@tailwindcss/typography')], plugins: [require("daisyui"), require('@tailwindcss/typography')],
daisyui: { daisyui: {
logs: false, logs: false,
themes: [ themes: [
"light", "dark" {
] "wave-light": {
"primary": "#fff133",
"secondary": "#ffb3c8",
"accent": "#75dfff",
"neutral": "#75dfff",
"base-100": "#FAF8F2",
"base-200": "#CCC7B8",
"base-300": "#99917A",
"base-content": "#000000",
"--rounded-box": "0.5rem",
"--rounded-btn": "0.2rem",
"--rounded-badge": "0.2rem",
}
},
{
"wave-dark": {
"primary": "#fff133",
"secondary": "#ffb3c8",
"accent": "#75dfff",
"neutral": "#75dfff",
"base-100": "#29141A",
"base-200": "#140A0D",
"base-300": "#0D0A0B",
"base-content": "#eae9fc",
"--rounded-box": "0.5rem",
"--rounded-btn": "0.2rem",
"--rounded-badge": "0.2rem",
}
}, "wireframe"
],
darkTheme: "wave-dark"
} }
} }

View file

@ -1,3 +1,27 @@
@tailwind base; @font-face {
font-display: swap;
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/nunito-sans-v15-latin-700.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Noto Sans Display';
font-style: normal;
font-weight: 400;
src: url('../fonts/noto-sans-display-v26-latin-regular.woff2') format('woff2');
}
@tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base {
html, body {
@apply font-body;
}
h1, h2, h3, h4, h5, h6 {
@apply font-heading;
}
}

File diff suppressed because one or more lines are too long

Binary file not shown.