Farben etwas unauffälliger gemacht

This commit is contained in:
Matthias Grief
2024-11-19 19:19:35 +01:00
parent 56186f0f6a
commit 16cbf67497
4 changed files with 35 additions and 12 deletions

View File

@@ -1,4 +1,14 @@
/* Subject page styles */
/* Corporate Design Colors */
:root {
--primary-color: #5265A0; /* HSGG Blau */
--secondary-color: #323966; /* Dunkel Blau */
--background-color: #F3F4F6; /* Gray-50 */
--text-color: #1F2937; /* Gray-900 */
--accent-color: #62a1f4; /* Green */
}
* {
margin: 0;
padding: 0;
@@ -110,7 +120,7 @@ body {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.1);
transform: translateY(0);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -132,8 +142,8 @@ body {
.topic-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
/*box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);*/
}
.topic-card:hover::before {
@@ -311,6 +321,7 @@ body {
}
.download-section h4 {
color: var(--primary-color);
margin-bottom: 1rem;
font-size: 1rem;
}

View File

@@ -1,3 +1,13 @@
/* Corporate Design Colors */
:root {
--primary-color: #5265A0; /* HSGG Blau */
--secondary-color: #323966; /* Dunkel Blau */
--background-color: #F3F4F6; /* Gray-50 */
--text-color: #1F2937; /* Gray-900 */
--accent-color: #62a1f4; /* Green */
}
* {
margin: 0;
padding: 0;
@@ -69,7 +79,8 @@ body {
border-radius: 20px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
/*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);*/
box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@@ -125,7 +136,7 @@ body {
.exercise-section {
padding: 1.5rem;
border-radius: 12px;
color: white;
/*color: white;*/
margin-top: 2rem;
position: relative;
overflow: hidden;
@@ -147,7 +158,7 @@ body {
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.1);
color: white;
/*color: white;*/
padding: 0.75rem 1.25rem;
border-radius: 10px;
text-decoration: none;