alois/Verso
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build 217: square logo on password reset, align tile colours to classic badges
Build and Deploy Verso / deploy (push) Successful in 15m11s
Details

Browse Source 
Use verso-square.svg (small icon) instead of the wordmark on the
password reset page. Align card thumbnail gradients and format badge
colours to match the classic project list badge colours (LaTeX green
#098842, Typst teal #239dad, Quarto blue #447099, Quarto Slides
pink-red #e4637c). Split quarto-slides badge from quarto badge.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
claude
2026-06-13 10:38:05 +00:00
parent 29880d1cf9
commit 2f4b60574c
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/app/views/user/passwordReset.pug
+1 -1
View File
@@ -26,7 +26,7 @@ block content
main#main-content(data-ol-captcha-retry-trigger-area='') main#main-content(data-ol-captcha-retry-trigger-area='')
a.auth-aux-logo(href='/') a.auth-aux-logo(href='/')
img(src=buildImgPath('ol-brand/verso-logo.svg') alt='Verso' style='height:32px;width:auto') img(src=buildImgPath('ol-brand/verso-square.svg') alt='Verso')
.auth-aux-container .auth-aux-container
form( form(
name='passwordResetForm' name='passwordResetForm'
services/web/frontend/stylesheets/pages/project-list-lumiere.scss
+15 -11
View File
@@ -622,19 +622,19 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
} }
.lumiere-card--latex .lumiere-card-thumb { .lumiere-card--latex .lumiere-card-thumb {
background: linear-gradient(135deg, #4caf7d 0%, $lum-teal 100%); background: linear-gradient(135deg, #4caf7d 0%, #098842 100%);
} }
.lumiere-card--typst .lumiere-card-thumb { .lumiere-card--typst .lumiere-card-thumb {
background: linear-gradient(135deg, $lum-teal 0%, $lum-blue 100%); background: linear-gradient(135deg, #4dc8bf 0%, #239dad 100%);
} }
.lumiere-card--quarto .lumiere-card-thumb { .lumiere-card--quarto .lumiere-card-thumb {
background: linear-gradient(135deg, #7c4dff 0%, $lum-blue 100%); background: linear-gradient(135deg, #6b9ec3 0%, #447099 100%);
} }
.lumiere-card--quarto-slides .lumiere-card-thumb { .lumiere-card--quarto-slides .lumiere-card-thumb {
background: linear-gradient(135deg, #e67e22 0%, #e74c3c 100%); background: linear-gradient(135deg, #f09aaa 0%, #e4637c 100%);
} }
// ── Card body ───────────────────────────────────────────────────────────── // ── Card body ─────────────────────────────────────────────────────────────
@@ -694,19 +694,23 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
} }
.lumiere-format-badge--latex { .lumiere-format-badge--latex {
background: rgba(#e8f5ee, 0.9); background: rgba(#e6f4ec, 0.9);
color: $lum-teal; color: #098842;
} }
.lumiere-format-badge--typst { .lumiere-format-badge--typst {
background: rgba(#e0f2fe, 0.9); background: rgba(#e0f7f5, 0.9);
color: $lum-blue; color: #239dad;
}
.lumiere-format-badge--quarto {
background: rgba(#e8eef5, 0.9);
color: #447099;
} }
.lumiere-format-badge--quarto,
.lumiere-format-badge--quarto-slides { .lumiere-format-badge--quarto-slides {
background: rgba(#ede9fe, 0.9); background: rgba(#fde8ec, 0.9);
color: #7c4dff; color: #e4637c;
} }
// ── Card tags ───────────────────────────────────────────────────────────── // ── Card tags ─────────────────────────────────────────────────────────────