Skip to content

fix(website): visible secondary buttons in light mode - #40

Merged
mameen merged 9 commits into
mainfrom
feat/website-light-buttons
Nov 4, 2026
Merged

mameen merged 9 commits into
mainfrom
feat/website-light-buttons

Conversation

@mameen

@mameen mameen commented Nov 4, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • The secondary buttons (View source / Star on GitHub / Report an issue) were transparent with a border in the faint background colour. In light mode that colour is nearly the page colour, so the buttons read as plain text.
  • They now have the editor surface and a border that stays visible in both themes.

Test plan

  • Local light theme: the three buttons read as buttons.
  • Local dark theme: unchanged in appearance.
  • Pre-push gate passed (ci: all checks passed).

🤖 Generated with Claude Code

alientechsw and others added 3 commits November 4, 2026 11:48
The secondary buttons were transparent with a border in the faint
background colour, which in light mode is almost the page colour, so
they read as plain text. Give them the editor surface and a border
that stays visible in both themes.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
The plain white secondary buttons read as generic outlines in light
mode. Use the same light purple tint and text colour as the feature
pills so the actions match the site's palette. Dark mode is unchanged.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
Dark mode had plain dark outlines on the secondary buttons. Tint them
with the theme's accent so they read as buttons, matching the light
mode treatment.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
@github-actions

github-actions Bot commented Nov 4, 2026

Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-bay-029f1ea10-40.centralus.4.azurestaticapps.net

mameen and others added 6 commits November 4, 2026 12:04
Discord and other link unfurlers fetch og:image directly and need an
absolute URL. The relative assets/social-light.png was never fetched,
so shared links showed a title and description but no image. Use the
absolute notecraft.cloud URL, add the image size, og:url and site name,
and mirror the same image into the Twitter card tags.

Co-authored-by: AlienTech Software <[email protected]>
Co-authored-by: Claude Haiku 5.5 <[email protected]>
The secondary buttons were transparent with a border in the faint
background colour, which in light mode is almost the page colour, so
they read as plain text. Give them the editor surface and a border
that stays visible in both themes.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
The plain white secondary buttons read as generic outlines in light
mode. Use the same light purple tint and text colour as the feature
pills so the actions match the site's palette. Dark mode is unchanged.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
Dark mode had plain dark outlines on the secondary buttons. Tint them
with the theme's accent so they read as buttons, matching the light
mode treatment.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>
Links the community subreddit next to Discord.

Co-Authored-By: Claude Haiku 5.5 <[email protected]>

@alientechsw alientechsw left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@github-actions

github-actions Bot commented Nov 4, 2026

Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-bay-029f1ea10-40.centralus.4.azurestaticapps.net

@mameen
mameen merged commit e60468e into main Nov 4, 2026
10 checks passed
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.

2 participants