-
Saurabh Kumar authored
Use reference scale from tailwind to update the styles of different headers. Overall the fonts for headers were little too large and they are now little scaled down so they don't look blown up. Sensible formatting is applied to form elements, esp. help-text is made smaller. Adminbar component used on even more pages. PS: A lot of files are touched and also a lot of code cleanup can still be done. So for now the best way to test this would be to navigate through the pages pages and find any obvious issues.
Saurabh Kumar authoredUse reference scale from tailwind to update the styles of different headers. Overall the fonts for headers were little too large and they are now little scaled down so they don't look blown up. Sensible formatting is applied to form elements, esp. help-text is made smaller. Adminbar component used on even more pages. PS: A lot of files are touched and also a lot of code cleanup can still be done. So for now the best way to test this would be to navigate through the pages pages and find any obvious issues.
tailwind.config.js 693 B
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./hypha/templates/**/*.html",
"./hypha/**/templates/**/*.html",
"./hypha/**/*.{py,js}",
],
theme: {
extend: {
colors: {
"light-blue": "#0d7db0",
"dark-blue": "#0c72a0",
tomato: "#f05e54",
"mid-grey": "#cfcfcf",
arsenic: "#404041",
"fg-muted": "var(--color-fg-muted)",
"fg-default": "var(--color-fg-default)",
},
},
},
plugins: [
require("@tailwindcss/forms"),
require("@tailwindcss/typography"),
],
};