diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css index e3f6afff..36aad50e 100644 --- a/frontend/src/assets/style.css +++ b/frontend/src/assets/style.css @@ -922,6 +922,29 @@ input[type="radio"] { color: white; } +/* Report a Bug sits directly above the theme toggle and matches it exactly. + The sidebar is dark in BOTH themes, so these are fixed white alphas like the + rules above rather than theme tokens - a var(--text-*) here would resolve to + a dark colour on a dark sidebar in light mode and disappear. */ +.bug-report-link { + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + width: 100%; + padding: 0.75rem 1.25rem; + color: rgba(255,255,255,0.7); + font-size: 13px; + text-decoration: none; + cursor: pointer; + transition: all 0.2s; +} + +.bug-report-link:hover { + background: rgba(255,255,255,0.1); + color: white; +} + /* User menu */ .user-menu { padding: 1rem 1.25rem; diff --git a/frontend/src/views/AppLayout.vue b/frontend/src/views/AppLayout.vue index e37897a3..00cba180 100644 --- a/frontend/src/views/AppLayout.vue +++ b/frontend/src/views/AppLayout.vue @@ -49,6 +49,12 @@