light7734/bonfire
1
1
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity

add initial colors
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
light7734 2025-02-23 20:40:25 +03:30
parent e5fe6615a2
commit 3d77fa1751
Signed by: light7734
GPG key ID: B76EEFFAED52D359
4 changed files with 33 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app.html
View file

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover"> <body class="bg-foundation text-primary_text" data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

2
src/routes/+layout.svelte
View file

@ -3,4 +3,6 @@
let { children } = $props(); let { children } = $props();
</script> </script>
<div class="">
{@render children()} {@render children()}
</div>

11
src/routes/+page.svelte
View file

@ -1,4 +1,13 @@
<h1>Portfolio Under Construction...</h1> <div>
<span class="text-2xl">Portfolio under construction...</span>
<br />
This is some text using the primary text color. <!------>
<br />
And some <span class="text-muted_text"> muted </span> text <!------>
<br />
And some <span class="text-accent_text"> accented </span> text
</div>
<!-- Brief Bio <!-- Brief Bio
--> -->

19
tailwind.config.ts
View file

@ -6,7 +6,24 @@ export default {
content: ['./src/**/*.{html,js,svelte,ts}'], content: ['./src/**/*.{html,js,svelte,ts}'],
theme: { theme: {
extend: {} extend: {},
colors:{
foundation: '#282828',
primary: '#282828',
secondary: '#000000',
accent: '#ff0000',
neutral: '#000000',
primary_text: '#fbf1c7',
muted_text: '#a89984',
accent_text: '#fb4934',
red: '#000000',
green: '#000000',
blue: '#000000',
yellow: '#000000'
}
}, },
plugins: [typography, containerQueries] plugins: [typography, containerQueries]