Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add delta theming for Generic Tiles #2017

Merged
merged 1 commit into from
Jan 14, 2021

Conversation

InnaAtanasova
Copy link
Contributor

Related Issue

Part of #1357

Description

The current PR adds the delta theming for Generic Tiles. Changed values: in Slide Tile - the container background and the opacity, the dot sizes and colors, as well as the spacing between them.

This PR can be merged after the designers confirm the colors as it looks like something is off:
Element A - Transparent background layer on tile image. Has background-color: --sapBlockLayer_Background which results in #000000 in Quartz Light. It has opacity 0.85

Element B - title and subtitle area. The title (text) has color --sapTile_TitleTextColor which results in #32363A. The subtitle has --sapTile_TextColor which results in #6A6D70. The final result in Quartz Light is a dark grey text on black background with 0.85 opacity.

Text-shadow for HCW looks weird

Screenshots

Quartz Light:
Screen Shot 2021-01-05 at 3 46 04 PM

Quartz Dark:
Screen Shot 2021-01-05 at 3 45 53 PM

HCW:
Screen Shot 2021-01-05 at 3 46 20 PM

HCB:
Screen Shot 2021-01-05 at 3 46 45 PM

Please check whether the PR fulfills the following requirements

  1. The output matches the design specs
    NA
  2. The code follows fundamental-styles code standards and style
    NA
  3. Testing
    NA
  4. Documentation
    NA

@InnaAtanasova InnaAtanasova added this to the Sprint 53 - Canggu milestone Jan 5, 2021
@InnaAtanasova InnaAtanasova requested a review from a team January 5, 2021 20:49
@InnaAtanasova InnaAtanasova self-assigned this Jan 5, 2021
@netlify
Copy link

netlify bot commented Jan 5, 2021

✔️ Deploy preview for fundamental-styles ready!

🔨 Explore the source changes: 82dcf40

🔍 Inspect the deploy logs: https://app.netlify.com/sites/fundamental-styles/deploys/5ffc513ab25efa0007554efb

😎 Browse the preview: https://deploy-preview-2017--fundamental-styles.netlify.app

@InnaAtanasova InnaAtanasova force-pushed the chore/delta-theming-tiles branch 3 times, most recently from 6334d88 to 3f5aa03 Compare January 6, 2021 15:37
@InnaAtanasova InnaAtanasova changed the title chore: add delta theming for Generic Tiles fix: add delta theming for Generic Tiles Jan 7, 2021
@InnaAtanasova InnaAtanasova changed the title fix: add delta theming for Generic Tiles [WIP](WAITING FOR DESIGNERS ANSWER) fix: add delta theming for Generic Tiles Jan 14, 2021
@InnaAtanasova InnaAtanasova changed the title [WIP](WAITING FOR DESIGNERS ANSWER) fix: add delta theming for Generic Tiles fix: add delta theming for Generic Tiles Jan 14, 2021
@InnaAtanasova InnaAtanasova merged commit 6b2f75c into main Jan 14, 2021
@InnaAtanasova InnaAtanasova deleted the chore/delta-theming-tiles branch January 14, 2021 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development
  
Awaiting triage
Development

Successfully merging this pull request may close these issues.

None yet

3 participants