the-distro/floral.systems
1
1
Fork 1
Code Issues Pull requests 2 Packages Projects Releases Wiki Activity

spring -> teal; some size stuff

Browse source
This commit is contained in:
mei (ckie) 2024-09-17 20:00:39 +03:00
parent b3573af40e
commit ec1f694cc3
Signed by: ckie
GPG key ID: 13E79449C0525215
3 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/main.css
View file

@ -39,7 +39,7 @@ a:not(.no-link-style), button.link-style {
@layer utilities { @layer utilities {
.link-style-u { .link-style-u {
@apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-spring-500 visited:hover:text-spring-700 active:text-spring-950 underline; @apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-teal-500 visited:hover:text-teal-700 active:text-teal-950 underline;
} }
.container { .container {
/* container like the builtin one, but limited to lg */ /* container like the builtin one, but limited to lg */

2
src/routes/+layout.svelte
View file

@ -5,7 +5,7 @@
</script> </script>
<div class="flex flex-col text-blue-950"> <div class="flex flex-col text-blue-950">
<nav class="min-h-16 h-16 bg-spring-700 text-coral-50 mb-2"> <nav class="min-h-16 h-16 bg-teal-700 text-coral-50 mb-2">
<div class="mx-auto container flex h-full justify-between"> <div class="mx-auto container flex h-full justify-between">
<a class="flex h-full flex-col justify-center font-aladin text-4xl <a class="flex h-full flex-col justify-center font-aladin text-4xl
text-coral-50 no-link-style" text-coral-50 no-link-style"

32
tailwind.config.js
View file

@ -40,25 +40,25 @@ export default {
'900': '#881514', '900': '#881514',
'950': '#4a0505', '950': '#4a0505',
}, },
'spring': { teal: {
'50': '#f5faf3', '50': '#eefbf5',
'100': '#e7f5e3', '100': '#d6f5e5',
'200': '#d0e9c9', '200': '#b1e9d0',
'300': '#9cd08f', '300': '#7ed7b5',
'400': '#7dbb6d', '400': '#49be95',
'500': '#599f48', '500': '#27a27b',
'600': '#458237', '600': '#188162',
'700': '#39672e', '700': '#136951',
'800': '#305328', '800': '#125342',
'900': '#294423', '900': '#104437',
'950': '#12240f', '950': '#08261f',
}, },
}, },
screens: { screens: {
sm: "640px", sm: "640px",
md: "768px", md: "768px",
lg: "1024px", lg: "1024px",
xl: "1180px", xl: "1180px",
// >xl removed as site isn't // >xl removed as site isn't
// that dense https://tailwindcss.com/docs/screens // that dense https://tailwindcss.com/docs/screens
} }
@ -68,7 +68,7 @@ export default {
// this is pretty sensible, and depended on in src/routes/colors/Color.svelte // this is pretty sensible, and depended on in src/routes/colors/Color.svelte
{ pattern: /bg-.+/ } { pattern: /bg-.+/ }
], ],
corePlugins: { corePlugins: {
container: false container: false
} }
}; };