KevinMidboe/k9e.no
1
0
Fork 0
mirror of https://github.com/KevinMidboe/k9e.no.git synced 2025-10-29 01:30:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increase contrast of rainbow link text

Browse Source
This commit is contained in:
Kevin
2024-03-03 21:18:04 +01:00
parent 7881d0d2fa
commit c4be238196
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/linkColor.svelte
View File

@@ -8,7 +8,8 @@
function setRandomLinkColor() { function setRandomLinkColor() {
Array.from(document.getElementsByTagName('a')).forEach((e) => { Array.from(document.getElementsByTagName('a')).forEach((e) => {
e.style.color = getRandomColor(); e.classList.add('rainbow-text');
e.style.backgroundColor = getRandomColor();
}); });
} }
@@ -23,3 +24,10 @@
setColorHoverListener(); setColorHoverListener();
}); });
</script> </script>
<style lang="scss">
:global(.rainbow-text) {
padding: 0.2rem;
color: black;
}
</style>

8
src/lib/personalia.svelte
View File

@@ -69,6 +69,7 @@
background-color: white; background-color: white;
overflow: auto; overflow: auto;
transition: 0.2s ease all; transition: 0.2s ease all;
color: black !important;
&:not(&:last-of-type) { &:not(&:last-of-type) {
margin-right: 1rem; margin-right: 1rem;
@@ -76,12 +77,13 @@
&.selected { &.selected {
font-weight: bold; font-weight: bold;
border-color: var(--selected-color); border-color: var(--selected-color) !important;
color: var(--selected-color); background-color: var(--selected-color) !important;
} }
&:hover { &:hover {
background: rgba(150, 151, 156, 0.1); background-color: rgba(150, 151, 156, 0.1);
color: gray;
cursor: pointer; cursor: pointer;
} }
} }