Skip to content

Commit 542f9b8

Browse files
jasonczcclaude
andcommitted
style(web): kill giant black mic circle, shrink composer footer icons
- composer-send-btn: 32px black circle → 26px transparent/line icon - composer-icon-btn: shrink hitbox to 26px with lighter hover - Only filled dark background when actively sending text Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 419bb65 commit 542f9b8

1 file changed

Lines changed: 51 additions & 0 deletions

File tree

web/src/cursor-theme.css

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -737,6 +737,57 @@ body {
737737
margin: 4px 2px;
738738
}
739739

740+
/* ============================================================
741+
COMPOSER FOOTER — tame haqi's oversized send/voice button
742+
and shrink icon row density to claude-clone scale.
743+
Reference is ~18px line icons, no filled backgrounds.
744+
============================================================ */
745+
.cursor-theme .composer-send-btn {
746+
height: 26px !important;
747+
width: 26px !important;
748+
background: transparent !important;
749+
color: var(--cursor-text-secondary) !important;
750+
box-shadow: none !important;
751+
border-radius: 999px !important;
752+
}
753+
.cursor-theme .composer-send-btn.bg-black,
754+
.cursor-theme .composer-send-btn[class*="bg-black"] {
755+
background: transparent !important;
756+
color: #1F1F1F !important;
757+
}
758+
.cursor-theme .composer-send-btn:hover:not(:disabled) {
759+
background: #F0F0F0 !important;
760+
filter: none !important;
761+
}
762+
.cursor-theme .composer-send-btn svg {
763+
width: 16px !important;
764+
height: 16px !important;
765+
}
766+
767+
/* Active send state (has text) — subtle dark tint, not full black fill */
768+
.cursor-theme .composer-send-btn.has-text,
769+
.cursor-theme .composer-send-btn:not(:disabled)[aria-label*="Send" i],
770+
.cursor-theme .composer-send-btn:not(:disabled)[aria-label*="发送"] {
771+
background: #1F1F1F !important;
772+
color: #FFFFFF !important;
773+
}
774+
775+
/* Composer bottom icon row: shrink icon buttons + gap */
776+
.cursor-theme .composer-icon-btn {
777+
height: 26px !important;
778+
width: 26px !important;
779+
min-width: 26px !important;
780+
color: var(--cursor-text-secondary) !important;
781+
}
782+
.cursor-theme .composer-icon-btn svg {
783+
width: 15px !important;
784+
height: 15px !important;
785+
}
786+
.cursor-theme .composer-icon-btn:hover {
787+
background: #F0F0F0 !important;
788+
color: #1F1F1F !important;
789+
}
790+
740791
/* ====== HOME / SESSIONS INDEX DENSITY ======
741792
Tighten haqi's home page typography & spacing to match claude-clone's
742793
ultra-dense IDE aesthetic. Scoped via .cursor-theme so it only applies

0 commit comments

Comments
 (0)