Skip to content

Commit 36ceb13

Browse files
DjfaucetteDjfaucette
authored
Merge pull request #684 from patternfly/update-accent-color-red
Set PFE default accent color to red
2 parents 5511404 + 886be52 commit 36ceb13

File tree

10 files changed

+14
-13
lines changed

10 files changed

+14
-13
lines changed

‎CHANGELOG-prerelease.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22

33
Tag: [v1.0.0-prerelease.36](https://github.com/patternfly/patternfly-elements/releases/tag/v1.0.0-prerelease.36)
44

5-
- [](https://github.com/patternfly/patternfly-elements/commit/) fix: arrow from rendering on nav priority cta's when on iOS 12>
5+
- [082467](https://github.com/patternfly/patternfly-elements/commit/08246701a3de80ea0539facce1f1338de4316be0) fix: arrow from rendering on nav priority cta's when on iOS 12>
6+
- [](https://github.com/patternfly/patternfly-elements/commit/) feat: update accent color to red
67

78
## Prerelease 35 ( 2020-01-17 )
89

‎elements/pfe-band/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ There are several attributes available for customizing the visual treatment of t
5252
| default | <span class="color-preview" style="--bg:#dfdfdf"></span> #dfdfdf |
5353
| darker | <span class="color-preview" style="--bg:#464646"></span> #464646 |
5454
| darkest | <span class="color-preview" style="--bg:#131313"></span> #131313 |
55-
| accent | <span class="color-preview" style="--bg:#fe460d"></span> #fe460d |
55+
| accent | <span class="color-preview" style="--bg:#ee0000"></span> #ee0000 |
5656
| complement | <span class="color-preview" style="--bg:#0477a4"></span> #0477a4 |
5757
| lighter | <span class="color-preview" style="--bg:#ececec"></span> #ececec |
5858
| lightest | <span class="color-preview" style="--bg:#fff"></span> #ffffff |

‎elements/pfe-band/test/pfe-band_test.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ <h3>Aside: right body bottom</h3>
3333
default: "#dfdfdf",
3434
darker: "#464646",
3535
darkest: "#131313",
36-
accent: "#fe460d",
36+
accent: "#ee0000",
3737
complement: "#0477a4",
3838
lighter: "#ececec",
3939
lightest: "#ffffff"

‎elements/pfe-card/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ There are several attributes available for customizing the visual treatment of t
4848
| default | <span class="color-preview" style="--bg:#dfdfdf"></span> #dfdfdf |
4949
| darker | <span class="color-preview" style="--bg:#464646"></span> #464646 |
5050
| darkest | <span class="color-preview" style="--bg:#131313"></span> #131313 |
51-
| accent | <span class="color-preview" style="--bg:#fe460d"></span> #fe460d |
51+
| accent | <span class="color-preview" style="--bg:#ee0000"></span> #ee0000 |
5252
| complement | <span class="color-preview" style="--bg:#0477a4"></span> #0477a4 |
5353

5454
- `pfe-img-src`: Optional background image applied to the entire card container. Alignment of this image can be managed using the `--pfe-card--BackgroundPosition` variable which is set to `center center` by default.

‎elements/pfe-card/test/pfe-card_test.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ <h2 slot="pfe-card--header">Card 4</h2>
7070
base: "#dfdfdf",
7171
darker: "#464646",
7272
darkest: "#131313",
73-
accent: "#fe460d",
73+
accent: "#ee0000",
7474
complement: "#0477a4",
7575
lighter: "#ececec",
7676
lightest: "#ffffff"

‎elements/pfe-cta/test/pfe-cta_test.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
// const color_bgs = {
2929
// default: "#0477a4",
3030
// complement: "#464646",
31-
// accent: "#fe460d"
31+
// accent: "#ee0000"
3232
// };
3333

3434
// Converts a hex value to RGBA

‎elements/pfe-page-status/test/pfe-page-status_test.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
success: "#2e7d32",
2626
info: "#0277bd",
2727
normal: "#0477a4",
28-
accent: "#fe460d",
28+
accent: "#ee0000",
2929
complement: "#464646",
3030
};
3131
// Converts a hex value to RGBA

‎elements/pfe-sass/maps/_colors.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,9 +64,9 @@ $pfe-colors: (
6464
ui-complement--text--focus--on-dark: $pfe-color--text,
6565

6666
// Set of accent colors
67-
ui-accent: $pfelements--orange,
68-
ui-accent--hover: darken($pfelements--orange, 20%),
69-
ui-accent--focus: darken($pfelements--orange, 20%),
67+
ui-accent: $pfelements--red,
68+
ui-accent--hover: darken($pfelements--red, 20%),
69+
ui-accent--focus: darken($pfelements--red, 20%),
7070
ui-accent--text: $pfe-color--text--on-dark,
7171
ui-accent--text--hover: $pfe-color--text--on-dark,
7272
ui-accent--text--focus: $pfe-color--text--on-dark,
@@ -115,7 +115,7 @@ $pfe-colors: (
115115
surface--complement--theme: saturated,
116116

117117
// Accent group
118-
surface--accent: $pfelements--orange,
118+
surface--accent: $pfelements--red,
119119
surface--accent--theme: saturated,
120120

121121
// Palette of Border Colors

‎elements/pfe-sass/mixins/_custom-properties.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@
172172
/// }
173173
///
174174
/// :host([pfe-color="accent"]) {
175-
/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #fe460d);
175+
/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);
176176
/// --theme: saturated;
177177
/// }
178178
///

‎examples/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
<h1>Demo pages</h1>
4747

4848
<div id="demos" class="pfe-l-grid pfe-l-grid-fill-height pfe-m-gutters pfe-m-all-2-col">
49-
<pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-accordion/demo">pfe-accordion</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-autocomplete/demo">pfe-autocomplete</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-avatar/demo">pfe-avatar</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-badge/demo">pfe-badge</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-band/demo">pfe-band</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-card/demo">pfe-card</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-collapse/demo">pfe-collapse</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-content-set/demo">pfe-content-set</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-cta/demo">pfe-cta</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-datetime/demo">pfe-datetime</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-health-index/demo">pfe-health-index</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-icon/demo">pfe-icon</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-icon-panel/demo">pfe-icon-panel</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-markdown/demo">pfe-markdown</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-modal/demo">pfe-modal</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-navigation/demo">pfe-navigation</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-number/demo">pfe-number</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-page-status/demo">pfe-page-status</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-progress-indicator/demo">pfe-progress-indicator</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-select/demo">pfe-select</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-styles/demo">pfe-styles</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-tabs/demo">pfe-tabs</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-toast/demo">pfe-toast</a></pfe-cta>
49+
<pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-accordion/demo">pfe-accordion</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-autocomplete/demo">pfe-autocomplete</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-avatar/demo">pfe-avatar</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-badge/demo">pfe-badge</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-band/demo">pfe-band</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-card/demo">pfe-card</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-collapse/demo">pfe-collapse</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-content-set/demo">pfe-content-set</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-cta/demo">pfe-cta</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-datetime/demo">pfe-datetime</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-health-index/demo">pfe-health-index</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-icon/demo">pfe-icon</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-icon-panel/demo">pfe-icon-panel</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-layouts/demo">pfe-layouts</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-markdown/demo">pfe-markdown</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-modal/demo">pfe-modal</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-navigation/demo">pfe-navigation</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-number/demo">pfe-number</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-page-status/demo">pfe-page-status</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-progress-indicator/demo">pfe-progress-indicator</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-select/demo">pfe-select</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-styles/demo">pfe-styles</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-tabs/demo">pfe-tabs</a></pfe-cta><pfe-cta pfe-priority="secondary" pfe-variant="wind"><a href="../elements/pfe-toast/demo">pfe-toast</a></pfe-cta>
5050
</div>
5151
</pfe-band>
5252

0 commit comments

Comments
 (0)