You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@bifromq.apache.org by vi...@apache.org on 2026/08/13 08:22:16 UTC
(bifromq-sites) branch codex/unify-rainbow-mobile-hero-cta created (now ef5ff0f8)
This is an automated email from the ASF dual-hosted git repository.
visoar pushed a change to branch codex/unify-rainbow-mobile-hero-cta
in repository https://gitbox.apache.org/repos/asf/bifromq-sites.git
at ef5ff0f8 Unify rainbow colors and stack mobile hero CTAs
This branch includes the following new commits:
new ef5ff0f8 Unify rainbow colors and stack mobile hero CTAs
The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
(bifromq-sites) 01/01: Unify rainbow colors and stack mobile hero CTAs
Posted by vi...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
visoar pushed a commit to branch codex/unify-rainbow-mobile-hero-cta
in repository https://gitbox.apache.org/repos/asf/bifromq-sites.git
commit ef5ff0f80f4b2b233ea938fec16806ec72e656bb
Author: Visoar Zhang <vi...@gmail.com>
AuthorDate: Thu Aug 13 16:21:49 2026 +0800
Unify rainbow colors and stack mobile hero CTAs
---
src/css/custom.css | 57 +++++++++++++++++++++-------------------------
src/pages/index.module.css | 13 ++++++++++-
2 files changed, 38 insertions(+), 32 deletions(-)
diff --git a/src/css/custom.css b/src/css/custom.css
index cf8bdb41..6034de54 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,7 +10,6 @@
--bifrost-orange: #FF9500;
--bifrost-yellow: #FFCC00;
--bifrost-green: #34C759;
- --bifrost-teal: #5AC8FA;
--bifrost-blue: #007AFF;
--bifrost-indigo: #5856D6;
--bifrost-violet: #AF52DE;
@@ -183,20 +182,18 @@ html[data-theme='dark'] .navbar {
right: 0;
height: 4px;
background: linear-gradient(to right,
- var(--bifrost-red) 12.5%,
- var(--bifrost-orange) 12.5%,
- var(--bifrost-orange) 25%,
- var(--bifrost-yellow) 25%,
- var(--bifrost-yellow) 37.5%,
- var(--bifrost-green) 37.5%,
- var(--bifrost-green) 50%,
- var(--bifrost-teal) 50%,
- var(--bifrost-teal) 62.5%,
- var(--color-accent) 62.5%,
- var(--color-accent) 75%,
- var(--bifrost-indigo) 75%,
- var(--bifrost-indigo) 87.5%,
- var(--bifrost-violet) 87.5%);
+ var(--bifrost-red) 14.286%,
+ var(--bifrost-orange) 14.286%,
+ var(--bifrost-orange) 28.571%,
+ var(--bifrost-yellow) 28.571%,
+ var(--bifrost-yellow) 42.857%,
+ var(--bifrost-green) 42.857%,
+ var(--bifrost-green) 57.143%,
+ var(--bifrost-blue) 57.143%,
+ var(--bifrost-blue) 71.429%,
+ var(--bifrost-indigo) 71.429%,
+ var(--bifrost-indigo) 85.714%,
+ var(--bifrost-violet) 85.714%);
z-index: 10;
}
@@ -395,20 +392,18 @@ html[data-theme='dark'] .markdown h4 {
border-radius: 20px;
opacity: 0.6;
background: linear-gradient(90deg,
- var(--bifrost-red) 12.5%,
- var(--bifrost-orange) 12.5%,
- var(--bifrost-orange) 25%,
- var(--bifrost-yellow) 25%,
- var(--bifrost-yellow) 37.5%,
- var(--bifrost-green) 37.5%,
- var(--bifrost-green) 50%,
- var(--bifrost-teal) 50%,
- var(--bifrost-teal) 62.5%,
- var(--color-accent) 62.5%,
- var(--color-accent) 75%,
- var(--bifrost-indigo) 75%,
- var(--bifrost-indigo) 87.5%,
- var(--bifrost-violet) 87.5%);
+ var(--bifrost-red) 14.286%,
+ var(--bifrost-orange) 14.286%,
+ var(--bifrost-orange) 28.571%,
+ var(--bifrost-yellow) 28.571%,
+ var(--bifrost-yellow) 42.857%,
+ var(--bifrost-green) 42.857%,
+ var(--bifrost-green) 57.143%,
+ var(--bifrost-blue) 57.143%,
+ var(--bifrost-blue) 71.429%,
+ var(--bifrost-indigo) 71.429%,
+ var(--bifrost-indigo) 85.714%,
+ var(--bifrost-violet) 85.714%);
}
.markdown pre code {
@@ -466,9 +461,9 @@ button,
right: 0;
height: 2px;
background: linear-gradient(to right,
+ var(--bifrost-violet),
var(--bifrost-indigo),
- var(--color-accent),
- var(--bifrost-teal),
+ var(--bifrost-blue),
var(--bifrost-green),
var(--bifrost-yellow),
var(--bifrost-orange),
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index e44c07a7..190b19f8 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -650,6 +650,17 @@ html[data-theme='dark'] .bifrostCard:hover .cardIcon {
grid-template-columns: 1fr;
}
+ .heroCta {
+ flex-direction: column;
+ width: 100%;
+ max-width: 320px;
+ }
+
+ .heroCtaPrimary,
+ .heroCtaSecondary {
+ padding: 20px 24px;
+ }
+
.heroTitle {
font-size: 3.5rem;
}
@@ -669,4 +680,4 @@ html[data-theme='dark'] .bifrostCard:hover .cardIcon {
.terminalOutput {
font-size: 1rem;
}
-}
\ No newline at end of file
+}