Grit-Grenzdoerfer/wm-AllKids-tibi2023
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tst
All checks were successful
deploy to production / deploy (push) Successful in 38s
Details

Browse Source
This commit is contained in:
Robin Grenzdörfer 2023-10-14 18:12:59 +00:00
parent 1ff872d1dd
commit 1fc0ca05b8
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/lib/assets/css/main.less
View File

@ -8,10 +8,10 @@
--normal-font-color-30: rgba(51, 51, 51, 0.3); --normal-font-color-30: rgba(51, 51, 51, 0.3);
--opposite-font-color: rgb(235, 221, 221); --opposite-font-color: rgb(235, 221, 221);
--hover-color: rgb(171, 137, 137); --hover-color: rgb(171, 137, 137);
--heading-font-color: #ff0000; --heading-font-color: #b81010;
--top-heading-font-color: rgb(198, 129, 0); --top-heading-font-color: rgb(198, 129, 0);
--link-font-color: rgb(255, 165, 0); --link-font-color: rgb(255, 165, 0);
--banner-color: #ff0000; --banner-color: #b81010;
--opposite-bg-color: #000; --opposite-bg-color: #000;
--opposite-bg-color-80: rgba(24, 24, 24, 0.8); --opposite-bg-color-80: rgba(24, 24, 24, 0.8);
--opposite-bg-color-5: rgba(24, 24, 24, 0.05); --opposite-bg-color-5: rgba(24, 24, 24, 0.05);
@ -27,10 +27,10 @@ body.darkTheme {
--normal-font-color-30: rgba(209, 209, 209, 0.3); --normal-font-color-30: rgba(209, 209, 209, 0.3);
--normal-font-color-12: rgba(209, 209, 209, 0.12); --normal-font-color-12: rgba(209, 209, 209, 0.12);
--hover-color: #404040; /* subtle change for hover */ --hover-color: #404040; /* subtle change for hover */
--heading-font-color: #9fb3c7; /* slightly brighter for better readability */ --heading-font-color: #5d2121; /* slightly brighter for better readability */
--top-heading-font-color: rgb(200, 106, 0); --top-heading-font-color: #b81010;
--link-font-color: rgb(200, 106, 0); --link-font-color: #b81010;
--banner-color: #9fb3c7; /* a cooler shade for the banner */ --banner-color: #5d2121; /* a cooler shade for the banner */
--opposite-bg-color: #fafafa; /* off-white */ --opposite-bg-color: #fafafa; /* off-white */
--opposite-bg-color-80: rgba(250, 250, 250, 0.8); --opposite-bg-color-80: rgba(250, 250, 250, 0.8);
--opposite-bg-color-5: rgba(250, 250, 250, 0.05); --opposite-bg-color-5: rgba(250, 250, 250, 0.05);

8
frontend/src/lib/components/header/desktop.svelte
View File

@ -32,7 +32,7 @@
let hoverTimeout: string | number | NodeJS.Timeout | undefined let hoverTimeout: string | number | NodeJS.Timeout | undefined
function stretchText() { function stretchText() {
let container = document.getElementById("logo-containerpc") /* let container = document.getElementById("logo-containerpc")
let textElement = document.getElementById("upperpc") let textElement = document.getElementById("upperpc")
let containerWidth = container.offsetWidth let containerWidth = container.offsetWidth
@ -57,7 +57,7 @@
if (characterCount > 0 && spaceNeeded > 0) { if (characterCount > 0 && spaceNeeded > 0) {
const letterSpacing = spaceNeeded / characterCount const letterSpacing = spaceNeeded / characterCount
textElement.style.letterSpacing = `${letterSpacing}px` textElement.style.letterSpacing = `${letterSpacing}px`
} }*/
} }
window.addEventListener("resize", stretchText) window.addEventListener("resize", stretchText)
@ -241,7 +241,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: -15px; margin-top: -15px;
width: 200px;
.logo-text { .logo-text {
padding: 0px 10px; padding: 0px 10px;
p { p {
@ -258,7 +258,7 @@
color: rgb(184, 16, 16); color: rgb(184, 16, 16);
} }
& > #lowerpc { & > #lowerpc {
font-size: 14px; font-size: 15px;
letter-spacing: 0.4px; letter-spacing: 0.4px;
font-weight: bold; font-weight: bold;
margin-top: -17px; margin-top: -17px;