feat: couleur d'accent

Fixes #3
This commit is contained in:
Kazhnuz 2024-05-24 17:40:46 +02:00
parent 5c5def0760
commit e3f7c23636
3 changed files with 11 additions and 4 deletions

View file

@ -1,4 +1,5 @@
{
"accentColor":"#c2255c",
"featuredSites":[
{"nom":"Kobold Cafe", "url":"https://kobold.cafe/", "emoji":"☕"},
{"nom":"Site 2", "url":"#", "emoji":"🔗"},

View file

@ -13,6 +13,12 @@
{%- css %}{% include "public/css/index.css" %}{% endcss %}
<style>{% getBundle "css" %}</style>
<style>
:root {
--color-accent: {{ config.accentColor }};
}
</style>
</head>
<body>
<main>
@ -23,7 +29,7 @@
<div class="featured">
{%- for site in config.featuredSites -%}
<a href="{{ site.url }}" rel="noopener"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a>
<a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a>
{%- endfor -%}
</div>
@ -33,7 +39,7 @@
<h2><i class="fa fa-comments-o"></i> {{ siteBlock.nom }}</h2>
<ul>
{%- for site in siteBlock.sites -%}
<li><a href="{{ site.url }}" rel="noopener"><span class="emoji">{{site.emoji}}</span> {{ site.nom }}</a></li>
<li><a href="{{ site.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{site.emoji}}</span> {{ site.nom }}</a></li>
{%- endfor -%}
</ul>
</div>

View file

@ -1,7 +1,7 @@
:root {
--color-background: rgba(255,255,255,0.8);
--color-background: rgba(255,255,255,0.9);
--color-hover: rgba(0,0,0,0.1);
--color-accent: rgb(216, 0, 180);
--color-accent: blue;
--color-heading: #FFF;
--color-text: #333;