fix: improve public metal button contrast and keep transparent fill
Some checks are pending
Deploy FamiliarOS Website / deploy (push) Waiting to run
Some checks are pending
Deploy FamiliarOS Website / deploy (push) Waiting to run
This commit is contained in:
parent
db1e506128
commit
ad35e7d619
1 changed files with 10 additions and 3 deletions
|
|
@ -1014,15 +1014,17 @@
|
|||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
transition: color 0.18s ease, opacity 0.18s ease;
|
||||
background: linear-gradient(135deg, hsl(var(--brand-silver-soft)) 0%, hsl(var(--brand-silver)) 100%);
|
||||
color: hsl(var(--brand-silver-ink));
|
||||
background: transparent;
|
||||
color: hsl(var(--foreground));
|
||||
border: 1px solid hsl(var(--brand-silver) / 0.7);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.35), 0 0 0 1px hsla(var(--brand-silver) / 0.25), 0 0 32px hsla(var(--brand-silver) / 0.2);
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.35);
|
||||
}
|
||||
.public-btn-primary:hover {
|
||||
color: #0f172a;
|
||||
color: hsl(var(--foreground));
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.45);
|
||||
}
|
||||
.public-btn-primary:disabled {
|
||||
cursor: not-allowed;
|
||||
|
|
@ -1041,6 +1043,11 @@
|
|||
|
||||
[data-color-mode='light'] .public-btn-primary {
|
||||
color: #1f2937;
|
||||
text-shadow: none;
|
||||
}
|
||||
[data-color-mode='dark'] .public-btn-primary {
|
||||
color: #E2E8F0;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.45);
|
||||
}
|
||||
|
||||
/* Secondary: ghost border */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue