Skip to content

[Web] Theme-related fixes#25119

Merged
roraback merged 1 commit intomasterfrom
yassine/theme-fixes
Apr 26, 2023
Merged

[Web] Theme-related fixes#25119
roraback merged 1 commit intomasterfrom
yassine/theme-fixes

Conversation

@rudream
Copy link
Copy Markdown
Contributor

@rudream rudream commented Apr 24, 2023

Purpose

This PR fixes some small issues related to the new theme changes that were discovered during the test plan.

e counterpart: https://github.com/gravitational/teleport.e/pull/1204

Implementation

  1. 5065f03 & 0ffb345 - Updates the text variables in our theme to match those in the design document. The design document had some updated text opacities and I had forgotten to update them when adding the new themes. The bulk of the files changed in this PR are just from the renamings and snapshot updates throughout the codebase.

text.muted is now being used for the placeholder texts in forms, it is higher contrast than it used to be (24% -> 54%). This had to be done as the low opacity we used for our old placeholders was too low contrast and would fail contrast recommendations from WCAG.

  1. c650017 - Fixes the 'X' button being invisible in the default state on the event range picker calendar.

  2. 6d4e5d4 - The default button text opacity in the dark theme was 87% for some reason, this updates it to make it full opacity.

  3. cbc78b6 - Adds more visible hover and focus button states for the Passwordless button in the Web UI and Connect.

  4. a399059 - Fixes the title text colours in the AWS Console animated screens in dark theme. The background of those titles is dark, and when using light theme it was using the main text colour (black) and the text was blending in with the background.

Copy link
Copy Markdown
Contributor

@gzdunek gzdunek left a comment

Choose a reason for hiding this comment

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

I found two small problems but other than that looks good.

Comment thread web/packages/teleport/src/components/FormLogin/FormLogin.tsx Outdated
Comment thread web/packages/teleport/src/components/FormLogin/FormLogin.tsx Outdated
Comment thread web/packages/design/src/theme/darkTheme.ts
@rudream rudream force-pushed the yassine/theme-fixes branch from 8879933 to 2230dc4 Compare April 25, 2023 18:00
@rudream
Copy link
Copy Markdown
Contributor Author

rudream commented Apr 25, 2023

2230dc4 - Fixes #25162

@rudream rudream force-pushed the yassine/theme-fixes branch from 6e69485 to ebcc213 Compare April 26, 2023 17:18
@rudream rudream force-pushed the yassine/theme-fixes branch from 1cc12f9 to c8a5b7d Compare April 26, 2023 17:37
@rudream rudream enabled auto-merge April 26, 2023 17:38
@rudream rudream added this pull request to the merge queue Apr 26, 2023
@roraback roraback removed this pull request from the merge queue due to a manual request Apr 26, 2023
@roraback roraback added this pull request to the merge queue Apr 26, 2023
Merged via the queue into master with commit 1d77859 Apr 26, 2023
@roraback roraback deleted the yassine/theme-fixes branch April 26, 2023 18:12
@public-teleport-github-review-bot
Copy link
Copy Markdown

@rudream See the table below for backport results.

Branch Result
branch/v13 Failed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants