mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-07 01:18:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add colors and fonts

Browse source
This commit is contained in:
luisa.bellitto 2025-06-14 12:21:42 +02:00 • committed by Luisa Bellitto
parent 907ccfa100
commit 5d25eea589
2 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

3
code/frontend/src/colors.css
View file

@ -3,7 +3,8 @@
--Rotkehlchen-brown-light: #a28d7a; --Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-brown-middle: #7F6D6D; --Rotkehlchen-brown-middle: #7F6D6D;
--Rotkehlchen-brown-dark: #4C4141; --Rotkehlchen-brown-dark: #4C4141;
--Rotkehlchen-yellow: #FED640; --Rotkehlchen-yellow-default: #FED640;
--Rotkehlchen-yellow-hover: #EAC22A; --Rotkehlchen-yellow-hover: #EAC22A;
--Rotkehlchen-orange-default: #e79a0e; --Rotkehlchen-orange-default: #e79a0e;
--gradient-blue-backround-mobile: linear-gradient(270deg, rgba(20, 15, 86, 0.27) 0%, rgba(20, 15, 86, 0.58) 24%, rgba(20, 15, 86, 0.74) 43%, rgba(17, 13, 71, 0.82) 56%, rgba(13, 10, 56, 0.90) 68%), url('../public/assets/images/BirdsSky.jpg') lightgray 50% / cover no-repeat;
} }

30
code/frontend/src/fonts.css
View file

@ -1,18 +1,18 @@
@font-face { @font-face {
font-family: "Inter"; font-family: "Lora";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf); src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf);
unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF; unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF;
} }
.title-h1 { .title-h1 {
font-family: "Inter"; font-family: "Lora";
font-size: 2.5rem; font-size: 2.5rem;
line-height: 130%; line-height: 130%;
letter-spacing: 3.2px; letter-spacing: 3.2px;
} }
.base-header-title { .small-title {
font-family: "Lora"; font-family: "Lora";
font-size: 24px; font-size: 24px;
font-style: normal; font-style: normal;
@ -27,16 +27,16 @@
} }
h1 { h1 {
font-family: "Inter"; font-family: "Lora";
} }
@font-face { @font-face {
font-family: "Lora"; font-family: "Inter";
font-style: normal; font-style: normal;
src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf); src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf);
} }
.body-l, .body-l,
.body-m { .body-m {
font-family: "Lora"; font-family: "Inter";
} }
.body-l { .body-l {
font-size: 1.5rem; font-size: 1.5rem;
@ -49,12 +49,20 @@ h1 {
letter-spacing: 0.8px; letter-spacing: 0.8px;
} }
.footer-link { .footer-link {
font-family: "Lora"; font-family: "Inter";
font-size: 1rem; font-size: 1rem;
line-height: 100%; line-height: 100%;
letter-spacing: 0.8px; letter-spacing: 0.8px;
} }
p { .login-input {
font-family: "Lora"; font-family: 'Inter';
font-size: 1rem;
letter-spacing: 0.5px;
line-height: 24px;
font-weight: 400;
}
p {
font-family: "Inter";
} }