Skip to content

Theming: fix error colors#4969

Merged
phkuo merged 3 commits intomicrosoft:masterfrom
phkuo:phkuo/fixErrorColors
May 25, 2018
Merged

Theming: fix error colors#4969
phkuo merged 3 commits intomicrosoft:masterfrom
phkuo:phkuo/fixErrorColors

Conversation

@phkuo
Copy link
Copy Markdown
Contributor

@phkuo phkuo commented May 24, 2018

Pull request checklist

Description of changes

The old error color slots were sharing names with the new semantic ones, but had different default values. So an unthemed site would have the old colors, but theming it to the default theme should leave them the same, but instead updated them to the new semantic slot's values.

For the fix, I've updated the theme overrides to use the new semantic token names so that they will update correctly in the future.

Focus areas to test

MessageBar

Microsoft Reviewers: Open in CodeFlow

@phkuo
Copy link
Copy Markdown
Contributor Author

phkuo commented May 24, 2018

@dzearing what do I do for screener changes? These are our official error colors @betrue-final-final

@betrue-final-final
Copy link
Copy Markdown
Member

@phkuo, you let the screener person check it out.
It looks like the colors got darker and I want to make sure they're right. I'll look tomorrow AM.

@betrue-final-final
Copy link
Copy Markdown
Member

Looks like the new critical error color is too dark. I assume that it's for dark theme. Let me check and see if there was some work we did to balance between light and dark theme.

@betrue-final-final
Copy link
Copy Markdown
Member

image

@phkuo
Copy link
Copy Markdown
Contributor Author

phkuo commented May 24, 2018

@betrue-final-final
These are using the colors you gave me from last time:
warningText: !isInverted ? '#333333' : '#ffffff',
errorBackground: !isInverted ? 'rgba(232, 17, 35, .2)' : 'rgba(232, 17, 35, .5)',
Not quite sure what background screener is using (landing page shows gray, click-through page shows white), which is important because it's partially transparent, so here's how it looks on my machine.
Old on top, new on bottom:
image

@betrue-final-final
Copy link
Copy Markdown
Member

Yes, I wondered. You're correct. Ok I'll ok screener.

@phkuo phkuo merged commit 3a4ac91 into microsoft:master May 25, 2018
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request May 29, 2018
* master:
  Applying package updates.
  Shimmer: refactor in preparation for migration to OUFR (microsoft#4958)
  Applying package updates.
  Theming: fix error colors (microsoft#4969)
  MaskedTextField: Added event callback passthrough (microsoft#4956)
  Experiments/Nav component: Enable auto expand until the next manual expand disables the auto expand (microsoft#4996)
  Applying package updates.
  Experiments/Nav component: Auto select/expand based on the selectedKey prop (microsoft#4984)
  StickyPane: fix Array.from in Ie (microsoft#4982)
  ContextualMenu has aria-labelledBy referencing element not in DOM (microsoft#4963)
  Keyboard support for the slim version of experiments/Nav component and added aria attributes (microsoft#4981)
  Move ghdocs to wiki (microsoft#4977)
  Remove build artifacts (microsoft#4976)
  Revisited the Multi-select Combo box initial state selection fix (microsoft#4884)
  Applying package updates.
  readme cleanup (microsoft#4972)
  Theming: add the bodyBackgroundDarker semantic slot (microsoft#4957)
  Improvements for auto-select opt-in mode (microsoft#4914)
Markionium added a commit to Markionium/office-ui-fabric-react that referenced this pull request May 29, 2018
* master: (85 commits)
  Applying package updates.
  Shimmer: refactor in preparation for migration to OUFR (microsoft#4958)
  Applying package updates.
  Theming: fix error colors (microsoft#4969)
  MaskedTextField: Added event callback passthrough (microsoft#4956)
  Experiments/Nav component: Enable auto expand until the next manual expand disables the auto expand (microsoft#4996)
  Applying package updates.
  Experiments/Nav component: Auto select/expand based on the selectedKey prop (microsoft#4984)
  StickyPane: fix Array.from in Ie (microsoft#4982)
  ContextualMenu has aria-labelledBy referencing element not in DOM (microsoft#4963)
  Keyboard support for the slim version of experiments/Nav component and added aria attributes (microsoft#4981)
  Move ghdocs to wiki (microsoft#4977)
  Remove build artifacts (microsoft#4976)
  Revisited the Multi-select Combo box initial state selection fix (microsoft#4884)
  Applying package updates.
  readme cleanup (microsoft#4972)
  Theming: add the bodyBackgroundDarker semantic slot (microsoft#4957)
  Improvements for auto-select opt-in mode (microsoft#4914)
  Applying package updates.
  Revert ChoiceGroup change in 5.0 to minimize potential partner impact. (microsoft#4962)
  ...
@phkuo phkuo deleted the phkuo/fixErrorColors branch June 7, 2018 21:55
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 30, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Loading a partial custom theme changes some default Fabric colors

4 participants