This is an automated email from the ASF dual-hosted git repository.
twice pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/kvrocks-website.git
The following commit(s) were added to refs/heads/main by this push:
new bbb28fcb Improve Logo Visibility in Light and Dark Modes (#283)
bbb28fcb is described below
commit bbb28fcb7e59e3587701ca8b84737d65ef42e057
Author: Vivek W <[email protected]>
AuthorDate: Thu Mar 13 20:53:00 2025 +0530
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
---
src/components/HomepageFeatures/styles.module.css | 4 ++--
src/components/UserLogos/index.module.css | 6 ++++++
static/img/namespace.png | Bin 36501 -> 43595 bytes
static/img/replication.png | Bin 21788 -> 24453 bytes
4 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/HomepageFeatures/styles.module.css
b/src/components/HomepageFeatures/styles.module.css
index bba848e3..310e16ff 100644
--- a/src/components/HomepageFeatures/styles.module.css
+++ b/src/components/HomepageFeatures/styles.module.css
@@ -101,13 +101,13 @@
border-top:0;
transform: rotate(150deg);
}
-
.imgItem{
width:auto;
height:35%;
margin-bottom:30px;
+
+ filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
-
.itemDes{
width:100%;
display:flex;
diff --git a/src/components/UserLogos/index.module.css
b/src/components/UserLogos/index.module.css
index c7d03fc6..00edfe2d 100644
--- a/src/components/UserLogos/index.module.css
+++ b/src/components/UserLogos/index.module.css
@@ -17,6 +17,12 @@
display: flex;
justify-content: center;
align-items: center;
+ background-color: #ffffff;
+}
+
+[data-theme='dark'] .link {
+ background-color: #ffffff;
+ border: 1px solid #3a3a3a;
}
.imgWrapper img {
diff --git a/static/img/namespace.png b/static/img/namespace.png
index 8e1d0a97..ca0a3207 100644
Binary files a/static/img/namespace.png and b/static/img/namespace.png differ
diff --git a/static/img/replication.png b/static/img/replication.png
index bf6f0484..d5e80b2a 100644
Binary files a/static/img/replication.png and b/static/img/replication.png
differ
