Skip to content

fix: add missing var() wrappers to CSS custom properties#74

Draft
dobby-coder[bot] wants to merge 1 commit intomainfrom
fix/css-var-syntax
Draft

fix: add missing var() wrappers to CSS custom properties#74
dobby-coder[bot] wants to merge 1 commit intomainfrom
fix/css-var-syntax

Conversation

@dobby-coder
Copy link
Copy Markdown
Contributor

@dobby-coder dobby-coder bot commented Apr 13, 2026

Summary

Six CSS declarations used bare custom property names (e.g. color: --pg-text;) instead of the required var() function (e.g. color: var(--pg-text);). Browsers silently ignore invalid property values, so these styles were never applied.

Fixes

File Line Before After
Done.svelte h2 color: --pg-text color: var(--pg-text)
FileInput.svelte h1 color: --pg-text color: var(--pg-text)
FileInput.svelte .drag-text color: --pg-text color: var(--pg-text)
Header.svelte .selected a text-decoration-color: --pg-text text-decoration-color: var(--pg-text)
Header.svelte &:after background-color: --pg-text background-color: var(--pg-text)
LocaleSwitcher.svelte .selected .language-label text-decoration-color: --pg-text text-decoration-color: var(--pg-text)

How to verify

  1. Check the heading text color on the encryption "Done" page
  2. Check the heading and drag-text color on the file upload panel
  3. Check the underline on the selected nav item in the header
  4. Check the hover underline animation on nav items
  5. Check the underline on the selected language in the locale switcher

Relates to encryption4all/postguard-docs#2

🤖 Generated with Claude Code

Six CSS declarations used bare custom property names (e.g.
`color: --pg-text`) instead of the required `var()` function
(e.g. `color: var(--pg-text)`). Browsers ignore invalid values,
so these styles were silently not applied.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants