c3ecf10fefd5
restyle create tile as glass surface and restore tabs to mono uppercase underline
- time
- 2026-08-18 11:59 UTC · 2 months ago
- machine
- koh2
- agent
- deepseek-v4-flash-free
- session
- onboarding create-vault choice
- parent
- 7237281e2349
↓ peach-browser-c3ecf10f.tar.gzatlas at this save
files changed1 file
src/popup/styles/popup.css+21 −25src/popup/styles/popup.css+21 −25
@@ -3947,7 +3947,7 @@39473947 .peach-restore-tabs {39483948 display: flex;39493949 justify-content: space-around;3950- padding: 14px 10px 10px;3950+ padding: 12px 14px 8px;39513951 border-bottom: 1px solid var(--peach-t3);39523952 gap: 2px;39533953 overflow: hidden;@@ -3957,14 +3957,17 @@39573957 39583958 .peach-restore-tab {39593959 background: none;3960- border: none;3960+ border: 1px solid transparent;3961+ border-bottom: 2px solid transparent;39613962 cursor: pointer;3962- padding: 3px 2px;3963- font-family: 'Cormorant Garamond', Georgia, serif;3964- font-style: italic;3965- font-size: 11px;3963+ padding: 4px 2px;3964+ font-family: "IBM Plex Mono", monospace;3965+ font-style: normal;3966+ font-size: 0.6875rem;3967+ letter-spacing: 0.04em;3968+ text-transform: uppercase;39663969 color: var(--peach-t2);3967- transition: color 150ms ease, text-shadow 150ms ease;3970+ transition: color 150ms ease;39683971 flex: 1;39693972 min-width: 0;39703973 text-align: center;@@ -3973,16 +3976,11 @@39733976 text-overflow: ellipsis;39743977 }39753978 .peach-restore-tab:hover {3976- color: var(--peach-accent);3977- text-shadow:3978- 0 0 8px color-mix(in srgb, var(--peach-accent) 50%, transparent),3979- 0 0 18px color-mix(in srgb, var(--peach-accent) 25%, transparent);3979+ color: var(--peach-t0);39803980 }39813981 .peach-restore-tab.is-active {3982- color: var(--peach-accent);3983- text-shadow:3984- 0 0 10px color-mix(in srgb, var(--peach-accent) 60%, transparent),3985- 0 0 22px color-mix(in srgb, var(--peach-accent) 30%, transparent);3982+ color: var(--peach-t0);3983+ border-bottom-color: var(--peach-accent);39863984 }39873985 39883986 /* ── Content area ─────────────────────────────────────────────────────── */@@ -7160,23 +7158,21 @@71607158 }71617159 71627160 .peach-onboarding-choice--create {7163- border: 1px solid color-mix(in srgb, var(--peach-accent) 21%, transparent);7164- background: var(--peach-accent);7165- color: rgba(0, 0, 0, 0.92);7161+ border-color: color-mix(in srgb, var(--peach-accent) 55%, transparent);7162+ background: color-mix(in srgb, var(--peach-accent) 16%, transparent);7163+ color: var(--peach-t0);71667164 box-shadow:7167- 0 1px 0 rgba(255, 255, 255, 0.08) inset,7168- 0 0 0 1px color-mix(in srgb, var(--peach-accent) 21%, transparent),7169- 0 3px 16px var(--peach-glow),7170- 0 0 24px color-mix(in srgb, var(--peach-accent) 10%, transparent);7165+ inset 0 1px 0 rgba(255, 255, 255, 0.05),7166+ 0 0 18px color-mix(in srgb, var(--peach-accent) 12%, transparent);71717167 }71727168 71737169 .peach-onboarding-choice--create:hover {7174- background: var(--peach-accent);7175- filter: brightness(1.1) saturate(1.05);7170+ border-color: color-mix(in srgb, var(--peach-accent) 75%, transparent);7171+ background: color-mix(in srgb, var(--peach-accent) 22%, transparent);71767172 }71777173 71787174 .peach-onboarding-choice--create .peach-onboarding-choice-detail {7179- color: rgba(0, 0, 0, 0.72);7175+ color: var(--peach-t1);71807176 }71817177 71827178 .peach-adopt-vault {