Skip to content

Commit bbb28fc

Browse files
authored
Improve Logo Visibility in Light and Dark Modes (#283)
* Add dark mode support * fix: improve logo visibility in light and dark themes This commit addresses two logo visibility issues: 1. User logos are now displayed on a white background in dark theme to provide proper contrast 2. Feature icons on the homepage (particularly namespace logo) now have a subtle drop shadow to improve visibility against light backgrounds
1 parent fe2b14d commit bbb28fc

File tree

4 files changed

+8
-2
lines changed

4 files changed

+8
-2
lines changed

src/components/HomepageFeatures/styles.module.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -101,13 +101,13 @@
101101
border-top:0;
102102
transform: rotate(150deg);
103103
}
104-
105104
.imgItem{
106105
width:auto;
107106
height:35%;
108107
margin-bottom:30px;
108+
109+
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
109110
}
110-
111111
.itemDes{
112112
width:100%;
113113
display:flex;

src/components/UserLogos/index.module.css

+6
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,12 @@
1717
display: flex;
1818
justify-content: center;
1919
align-items: center;
20+
background-color: #ffffff;
21+
}
22+
23+
[data-theme='dark'] .link {
24+
background-color: #ffffff;
25+
border: 1px solid #3a3a3a;
2026
}
2127

2228
.imgWrapper img {

static/img/namespace.png

6.93 KB
Loading

static/img/replication.png

2.6 KB
Loading

0 commit comments

Comments
 (0)