Improve background
parent
05331675fe
commit
5b53386027
|
@ -23,10 +23,10 @@ const { title, description } = Astro.props
|
||||||
class="relative flex min-h-screen w-screen flex-col bg-background font-main text-font"
|
class="relative flex min-h-screen w-screen flex-col bg-background font-main text-font"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="absolute h-full w-full bg-contain bg-repeat opacity-20 heropattern-circuitboard-font/10"
|
class="h-full min-h-screen w-full bg-contain bg-repeat heropattern-circuitboard-pattern"
|
||||||
>
|
>
|
||||||
</div>
|
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -8,12 +8,13 @@ module.exports = {
|
||||||
heroPatterns: {
|
heroPatterns: {
|
||||||
circuitboard: heropatterns.circuitboard,
|
circuitboard: heropatterns.circuitboard,
|
||||||
},
|
},
|
||||||
heroPatternsOpacities: ['10'],
|
heroPatternsOpacities: ['100'],
|
||||||
heroPatternColors: ['font'],
|
heroPatternColors: ['font'],
|
||||||
colors: {
|
colors: {
|
||||||
background: '#dbf6db',
|
background: '#dbf6db',
|
||||||
'background-dark': '#bbd8bb',
|
'background-dark': '#bbd8bb',
|
||||||
font: '#000000',
|
font: '#000000',
|
||||||
|
pattern: 'rgba(0,0,0,.02)',
|
||||||
},
|
},
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
main: ['JetBrainsMono-Regular', 'monospace'],
|
main: ['JetBrainsMono-Regular', 'monospace'],
|
||||||
|
|
Reference in New Issue