File tree Expand file tree Collapse file tree 8 files changed +9
-9
lines changed
Expand file tree Collapse file tree 8 files changed +9
-9
lines changed Original file line number Diff line number Diff 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 |
Original file line number Diff line number Diff 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"
Original file line number Diff line number Diff 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.
Original file line number Diff line number Diff 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"
Original file line number Diff line number Diff line change 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
Original file line number Diff line number Diff line change 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
Original file line number Diff line number Diff line change 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///
Original file line number Diff line number Diff line change 4343 </ head >
4444 < body >
4545 < pfe-band pfe-color ="lightest ">
46- < h1 > Demos </ h1 >
46+ < 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-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
You can’t perform that action at this time.
0 commit comments