fix color bug
This commit is contained in:
parent
16936fde3b
commit
20518e294a
1 changed files with 5 additions and 10 deletions
15
webring.js
15
webring.js
|
|
@ -3,14 +3,9 @@ const JSON_WEBRING = "https://git.gablaxy.xyz/api/v1/repos/gablaxy/webring/raw/w
|
||||||
const template = document.createElement("template");
|
const template = document.createElement("template");
|
||||||
template.innerHTML = `
|
template.innerHTML = `
|
||||||
<style>
|
<style>
|
||||||
:root{
|
|
||||||
--webring-texte: #c296f5;
|
|
||||||
--webring-links: #9162c7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#webring-container{
|
#webring-container{
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border: 1px solid var(--webring-links);
|
border: 1px solid #9162c7;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
@ -18,7 +13,7 @@ template.innerHTML = `
|
||||||
}
|
}
|
||||||
|
|
||||||
#webring-title{
|
#webring-title{
|
||||||
color: var(--webring-texte);
|
color: #c296f5;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
|
|
@ -34,17 +29,17 @@ template.innerHTML = `
|
||||||
}
|
}
|
||||||
|
|
||||||
#webring-inner a{
|
#webring-inner a{
|
||||||
color: var(--webring-links);
|
color: #9162c7;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#webring-inner a:hover{
|
#webring-inner a:hover{
|
||||||
color: var(--webring-texte);
|
color: #c296f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#webring-inner{
|
#webring-inner{
|
||||||
color: var(--webring-texte);
|
color: #c296f5;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue