steffen/mms-react-abvanced
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix light mode

Browse Source
This commit is contained in:
e560248
2025-04-08 15:01:56 +02:00
parent 241ea51d34
commit 456def177a
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
react-advanced-tag1/src/common/components/ComponentWrapper/ComponentWrapper.css
View File

@@ -17,3 +17,12 @@
padding: 20px; padding: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
@media (prefers-color-scheme: light) {
.component-wrapper {
background-color: #f0f0f0;
}
.component-content {
background-color: #fff;
}
}

16
react-advanced-tag1/src/common/components/Header/navigation.css
View File

@@ -26,3 +26,19 @@
.navigation ul li { .navigation ul li {
display: inline; display: inline;
} }
@media (prefers-color-scheme: light) {
.navigation {
background-color: #f0f0f0;
}
.navigation a {
color: #282c34;
}
.navigation a:hover {
background-color: #98e1f6;
}
.navigation ul li {
color: #282c34;
}
}

18
react-advanced-tag1/src/layouts/MainLayout.css
View File

@@ -53,3 +53,21 @@ footer {
padding: 2rem; padding: 2rem;
text-align: center; text-align: center;
} }
@media (prefers-color-scheme: light) {
header {
background-color: #f0f0f0;
color: #000000;
}
header nav a {
color: #000000;
}
footer {
background-color: #f0f0f0;
color: #000000;
}
.content {
background-color: #ffffff;
color: #000000;
}
}