AI-Cognitive-Leap/agnes-the-ai-analyst
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #371 from keboola/dr/login-design

Browse source 
feat(theme): switch default instance theme from navy to blue and enha…
This commit is contained in:
David Rybar 2026-05-21 11:56:04 +02:00 committed by GitHub
commit ee0f828128
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 43 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
CHANGELOG.md
View file

@ -31,6 +31,12 @@ CalVer image tags (`stable-YYYY.MM.N`, `dev-YYYY.MM.N`) are produced for every C
bar, and per-step number badges next to each install block. bar, and per-step number badges next to each install block.
### Changed ### Changed
- Default `instance.theme` flipped from `navy` to `blue`. The brand-blue
palette is now the out-of-the-box look; `navy` (dark hero + mint-green
CTAs) is the opt-in via `AGNES_INSTANCE_THEME` / `instance.theme`
/ admin server-config. Existing instances that explicitly set `navy`
are unaffected; instances relying on the implicit default will switch
to blue.
- `/home` palette shifted from blue to green/navy: brand accent is now - `/home` palette shifted from blue to green/navy: brand accent is now
`#2ea877` (mint green) on light surfaces, hero card is navy `#2ea877` (mint green) on light surfaces, hero card is navy
`#0f1b3a`, code panels are near-black `#0c1224` with warm-yellow `#0f1b3a`, code panels are near-black `#0c1224` with warm-yellow
@ -71,6 +77,12 @@ CalVer image tags (`stable-YYYY.MM.N`, `dev-YYYY.MM.N`) are produced for every C
standard step-lede size instead of the previous 13px chip. standard step-lede size instead of the previous 13px chip.
### Fixed ### Fixed
- Pre-login pages (`/login`, magic-link screens, first-time `/setup`)
now honour the configured `instance.theme`. `base_login.html` sets
`<html data-theme="...">` from `instance_theme`, and the navy
variant flips the `.login-features` hero panel from brand-blue
`--primary` to the deep-navy gradient — eliminating the jarring
blue → navy flip after sign-in on navy-configured instances.
- Skill / agent detail pages nested inside a Flea Market plugin - Skill / agent detail pages nested inside a Flea Market plugin
rendered the parent plugin's title on the hero instead of the rendered the parent plugin's title on the hero instead of the
skill/agent name. The frontend fallback chain branched on skill/agent name. The frontend fallback chain branched on

12
app/api/admin.py
View file

@ -298,13 +298,13 @@ _KNOWN_FIELDS: dict[str, dict[str, dict]] = {
# `app/instance_config.py::get_instance_theme()`. # `app/instance_config.py::get_instance_theme()`.
"theme": { "theme": {
"kind": "select", "kind": "select",
"options": ["navy", "blue"], "options": ["blue", "navy"],
"default": "navy", "default": "blue",
"hint": ( "hint": (
"Page-hero colour scheme. `navy` (default) uses the " "Page-hero colour scheme. `blue` (default) uses the "
"dark navy hero gradient + mint-green CTAs and " "brand-blue hero + blue CTAs. `navy` opts into the "
"eyebrow accents. `blue` reverts to the pre-redesign " "darker palette with the dark navy hero gradient + "
"brand-blue hero + blue CTAs." "mint-green CTAs and eyebrow accents."
), ),
}, },
}, },

15
app/instance_config.py
View file

@ -234,24 +234,25 @@ def get_instance_theme() -> str:
(`--ds-*`) flips between palettes without touching markup. (`--ds-*`) flips between palettes without touching markup.
Values: Values:
- ``navy`` — current default. Dark navy hero gradient, - ``blue`` — current default. Brand-blue hero gradient,
mint-green CTAs + eyebrow accents.
- ``blue`` — pre-redesign palette. Brand-blue hero gradient,
blue CTAs, translucent-white eyebrow. blue CTAs, translucent-white eyebrow.
- ``navy`` — darker palette opted into via server config.
Dark navy hero gradient, mint-green CTAs +
eyebrow accents.
Resolution: ``AGNES_INSTANCE_THEME`` env var Resolution: ``AGNES_INSTANCE_THEME`` env var
(Terraform-friendly) > ``instance.theme`` in instance.yaml > (Terraform-friendly) > ``instance.theme`` in instance.yaml >
default ``"navy"``. Unrecognised values fall back to ``"navy"`` default ``"blue"``. Unrecognised values fall back to ``"blue"``
so a typo doesn't silently break every page. so a typo doesn't silently break every page.
""" """
raw = os.environ.get("AGNES_INSTANCE_THEME") raw = os.environ.get("AGNES_INSTANCE_THEME")
if raw is None: if raw is None:
raw = get_value("instance", "theme", default="navy") raw = get_value("instance", "theme", default="blue")
if not isinstance(raw, str): if not isinstance(raw, str):
return "navy" return "blue"
value = raw.strip().lower() value = raw.strip().lower()
if value not in ("navy", "blue"): if value not in ("navy", "blue"):
return "navy" return "blue"
return value return value

4
app/web/router.py
View file

@ -491,8 +491,8 @@ def _build_context(
"workspace_dir": get_workspace_dir_name(), "workspace_dir": get_workspace_dir_name(),
# Active palette — drives `<html data-theme="...">` in # Active palette — drives `<html data-theme="...">` in
# base.html so `--ds-*` tokens flip via CSS without # base.html so `--ds-*` tokens flip via CSS without
# touching markup. "navy" (default) = current design; # touching markup. "blue" (default) = brand-blue palette;
# "blue" = pre-redesign brand. Admin toggles via # "navy" = darker opt-in palette. Admin toggles via
# /admin/server-config. # /admin/server-config.
"instance_theme": get_instance_theme(), "instance_theme": get_instance_theme(),
# Whether /home renders the "Step 3 — turn on auto-accept mode" # Whether /home renders the "Step 3 — turn on auto-accept mode"

12
app/web/static/style-custom.css
View file

@ -2788,6 +2788,18 @@ a.slack-badge:hover {
justify-content: center; justify-content: center;
} }
/* Navy theme — when the instance opts in via
`AGNES_INSTANCE_THEME=navy` / `instance.theme=navy`, the
`<html data-theme="navy">` attribute is set by base_login.html and
we flip the login-page hero panel from the legacy brand-blue
`--primary` to the deep-navy gradient used by the design-system
hero so /login matches the rest of the navy-themed app. Only
`.login-features` carries a brand colour on the pre-login screens;
the rest of the login chrome is theme-neutral. */
:root[data-theme="navy"] .login-features {
background: linear-gradient(135deg, #0f1b3a 0%, #0a1430 100%);
}
.features-content { .features-content {
max-width: 480px; max-width: 480px;
} }

2
app/web/templates/base.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" data-theme="{{ instance_theme | default('navy') }}"> <html lang="en" data-theme="{{ instance_theme | default('blue') }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
app/web/templates/base_login.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" data-theme="{{ instance_theme | default('blue') }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2
uv.lock
View file

@ -24,7 +24,7 @@ wheels = [
[[package]] [[package]]
name = "agnes-the-ai-analyst" name = "agnes-the-ai-analyst"
version = "0.55.5" version = "0.55.6"
source = { editable = "." } source = { editable = "." }
dependencies = [ dependencies = [
{ name = "a2wsgi" }, { name = "a2wsgi" },