fb/app.craft.vin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added styling for headlines

Browse Source 
fixed font-color dark mode bug
This commit is contained in:
Felix Baumgärtner 2024-01-16 08:51:35 +01:00
parent 6e50ed875e
commit 112c5f9b0d
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app.pcss
View File

@ -57,17 +57,24 @@
} }
* { * {
@apply tracking-tight text-gray-950 transition-all; @apply tracking-tight transition-all;
} }
h1 { h1 {
@apply mb-6; @apply mb-6 text-6xl font-bold;
}
h2 {
@apply font-bold;
} }
html, body { /* html, body {
@apply bg-gray-50; @apply bg-gray-50;
} } */
p { /* p {
@apply text-gray-500; @apply text-surface-400;
} */
.card {
@apply ring-0;
} }

2
vin-theme
View File

@ -7,7 +7,7 @@ export const vinTheme: CustomThemeConfig = {
// =~= Theme Properties =~= // =~= Theme Properties =~=
"--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, "--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, "--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-color-base": "var(--color-surface-400)", "--theme-font-color-base": "var(--color-surface-500)",
"--theme-font-color-dark": "var(--color-surface-50)", "--theme-font-color-dark": "var(--color-surface-50)",
"--theme-rounded-base": "12px", "--theme-rounded-base": "12px",
"--theme-rounded-container": "12px", "--theme-rounded-container": "12px",