diff --git a/app/assets/images/fizzy-logo.png b/app/assets/images/fizzy-logo.png
index 84edfd23c..55e9ccab8 100644
Binary files a/app/assets/images/fizzy-logo.png and b/app/assets/images/fizzy-logo.png differ
diff --git a/app/assets/stylesheets/fizzy-menu.css b/app/assets/stylesheets/fizzy-menu.css
index 1835cb758..e83689ed4 100644
--- a/app/assets/stylesheets/fizzy-menu.css
+++ b/app/assets/stylesheets/fizzy-menu.css
@@ -2,7 +2,7 @@
.input:is(.fizzy-menu-trigger) {
--input-background: var(--color-canvas);
--input-border-color: transparent;
- --input-padding: 0.3em 2em 0.3em 1em;
+ --input-padding: 0.3em 2em 0.3em 0.75em;
inline-size: auto;
margin-block-start: 0.1em;
@@ -15,23 +15,33 @@
&:hover {
filter: brightness(0.9);
+ span {
+ background: var(--color-ink-lighter);
+ }
+
@media (prefers-color-scheme: dark) {
--input-background: var(--color-ink-lighter);
}
}
}
- img {
+ span {
+ background: var(--color-ink-lightest);
block-size: auto;
+ border-radius: 0.3125em;
+ box-shadow:
+ 0 0 0 1px oklch(var(--lch-ink-darkest) / 0.1),
+ 0 0.1em 0.2em -0.1em oklch(var(--lch-ink-darkest) / 0.05),
+ 0 0.2em 0.4em -0.2em oklch(var(--lch-ink-darkest) / 0.05),
+ 0 0.3em 0.6em -0.3em oklch(var(--lch-ink-darkest) / 0.05)
+ ;
+ display: grid;
+ height: 1.5em;
inline-size: 1.5em;
margin-inline-end: 0.8ch;
- }
-
- svg {
- block-size: auto;
- inline-size: 1.1em;
- margin-block-end: 0.2em;
- margin-inline-end: 0.8ch;
+ padding: 0.325em 0.275em 0.225em 0.275em;
+ place-content: center;
+ width: 1.5em;
}
}
diff --git a/app/views/filters/menu/_button.html.erb b/app/views/filters/menu/_button.html.erb
index b92421955..5c8dd0bad 100644
--- a/app/views/filters/menu/_button.html.erb
+++ b/app/views/filters/menu/_button.html.erb
@@ -2,6 +2,6 @@
data: {
action: "click->dialog#open:stop keydown.j@document->hotkey#click keydown.meta+j@document->hotkey#click keydown.ctrl+j@document->hotkey#click",
controller: "hotkey" } do %>
- <%= image_tag "fizzy-logo.png" %>
+ <%= image_tag "fizzy-logo.png" %>
<%= Current.user.identity.memberships.many? ? Account.sole.name : "Fizzy" %>
<% end %>