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

change about us to about, use useNavigate instead of component/to, intitialize List items as Objects

Browse source
This commit is contained in:
Niklas 2025-06-29 14:26:56 +02:00 • committed by BlankAccountsUsername
parent 450951a289
commit d9901e4471
2 changed files with 33 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

62
code/frontend/src/styles/colors.css
View file

@ -1,42 +1,42 @@
:root {
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-gray-hover: #d5d7da;
--Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-brown-middle: #7f6d6d;
--Rotkehlchen-brown-dark: #4c4141;
--Rotkehlchen-yellow-default: #fed640;
--Rotkehlchen-yellow-hover: #eac22a;
--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.9) 68%
),
url("../../public/assets/images/BirdsSky.jpg") lightgray 50% / cover
no-repeat;
--transparent-dark-blue: hsla(244, 70%, 13%, 0.71);
--dark-blue: hsl(244, 70%, 13%);
--dark-blue-hover: #232451;
--Rotkehlchen-gray: #e7ecf2;
--Rotkehlchen-gray-hover: #d5d7da;
--Rotkehlchen-brown-light: #a28d7a;
--Rotkehlchen-brown-middle: #7f6d6d;
--Rotkehlchen-brown-dark: #4c4141;
--Rotkehlchen-yellow-default: #fed640;
--Rotkehlchen-yellow-hover: #eac22a;
--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.9) 68%
),
url("../../public/assets/images/BirdsSky.jpg") lightgray 50% / cover
no-repeat;
--transparent-dark-blue: hsla(244, 70%, 13%, 0.71);
--dark-blue: hsl(244, 70%, 13%);
--dark-blue-hover: #232451;
}
body {
height: 100vh; /* Full viewport height */
width: 100vw; /* Full viewport width */
background: var(--gradient-blue-backround-mobile);
z-index: -1;
background-attachment: fixed;
height: 100vh; /* Full viewport height */
width: 100vw; /* Full viewport width */
background: var(--gradient-blue-backround-mobile);
z-index: -1;
background-attachment: fixed;
}
.blue-background {
border-radius: var(--border-radius);
background-color: var(--transparent-dark-blue);
backdrop-filter: blur(8px);
height: fit-content;
border-radius: var(--border-radius);
background-color: var(--transparent-dark-blue);
backdrop-filter: blur(8px);
height: fit-content;
}
.edit-icon {
color: var(--Rotkehlchen-brown-light);
color: var(--Rotkehlchen-brown-light);
}

4
code/frontend/src/styles/sizes.css
View file

@ -1,4 +1,4 @@
:root {
--header-height: 48px;
--border-radius: 1rem;
--header-height: 48px;
--border-radius: 1rem;
}