feat: Rename theme to context (#996)

* feat: Straight find-replace on --theme

* feat: tackle other theme references

* feat: Update pfelement theme references

* feat: Working through compilation errors

* Update pfe-band_test.html

Bring back pfe-band mark-up on test page

* feat: Update changelog

* feat: Updating references and documentation

* feat: Updating documentation and references to the old theme value

* feat: Updates to the writing styles documentation

* feat: Updating demo pages to support web components

* feat: Update slot styling documentation

* feat: Updating documentation

* feat: Finish up the theme intro documentation updates

* feat: Tweaking the theming and palette docs

* Apply suggestions from code review

Co-authored-by: Kendall Totten <[email protected]>

* feat: Remove specificity of not selector

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Kendall Totten <[email protected]>

Author: 3 people

.gitattributes

@@ -5,8 +5,3 @@ elements/*/*.js.map          -diff -merge
 elements/*/gulpfile.js       diff merge
 elements/*/rollup.config.js  diff merge
 elements/*/*.story.js        diff merge
-
-themes/*/*.js                -diff -merge
-themes/*/*.js.map            -diff -merge
-themes/*/gulpfile.js         diff merge
-themes/*/rollup.config.js    diff merge

.github/ISSUE_TEMPLATE/new_component.md

@@ -12,7 +12,7 @@ labels: "design system, new component request, priority: low"
 ## Design specification
 
 <!-- 
-    Snapshots and link to mock-ups for this component.  Should cover themes and states with guidelines for spacing, typography, and structure.  Breakpoint details for desktop, tablet, and mobile or general guidance for responsive changes.
+    Snapshots and link to mock-ups for this component.  Should cover contexts and states with guidelines for spacing, typography, and structure.  Breakpoint details for desktop, tablet, and mobile or general guidance for responsive changes.
 -->
 
 

.github/ISSUE_TEMPLATE/update_component.md

@@ -12,7 +12,7 @@ labels: "design system, update component request, priority: low"
 ## Design specification updates
 
 <!-- 
-    Snapshots and link to mock-ups for this component update. Should cover themes and states with guidelines for spacing, typography, and structure.  Breakpoint details for desktop, tablet, and mobile or general guidance for responsive changes.
+    Snapshots and link to mock-ups for this component update. Should cover contexts and states with guidelines for spacing, typography, and structure.  Breakpoint details for desktop, tablet, and mobile or general guidance for responsive changes.
 -->
 
 

CHANGELOG-1.x.md

@@ -12,4 +12,5 @@
 - [47a1f4f](https://github.com/patternfly/patternfly-elements/commit/47a1f4fe9365f9366974fe67a30b48cc91e4e6a8) fix: unwanted padding on pfe-accordion (#1083)
 - [e3cc73b](https://github.com/patternfly/patternfly-elements/commit/e3cc73b92d06cdf7fef8dc091733a046a14e12e5) fix: pfe-tabs vertical display on mobile (#1135)
 - [6eadb21](https://github.com/patternfly/patternfly-elements/commit/6eadb21a29768c06ff312de42bd54b44072ee051) fix: umd.min modules now import umd.min builds of PFE dependencies (#1168)
-- [](https://github.com/patternfly/patternfly-elements/commit/) fix: global theme palette color for visited links in a saturated context
+- [40e0b09](https://github.com/patternfly/patternfly-elements/commit/40e0b099e77943feee4e8ba1a34d25b01ddf86ff) fix: global theme palette color for visited links in a saturated context
+- [](https://github.com/patternfly/patternfly-elements/commit/) fix: Variable references to theme vs. context

README.md

@@ -47,10 +47,6 @@ Many commands have an optional argument of space-separated component name(s), if
 # Build and watch all components, run the server to preview demo pages
 npm run dev
 
-
-
-# Run, watch, and build one or more component(s)
-=======
 # Build and watch on one or more components, run the server to preview demo pages
 npm run dev [component-name(s)]
 ```
@@ -63,6 +59,9 @@ npm start
 
 # Runs storybook preview tool
 npm run storybook
+
+# Open documentation
+npm run docs
 ```
 
 ### Compile & Preview
@@ -79,7 +78,7 @@ npm run live-demo [component-name(s)]
 
 ```shell
 # Build and run tests on all components
-npm run test 
+npm run test
 
 # Build and run tests on one component
 npm run test [component-name(s)]
@@ -89,7 +88,7 @@ npm run test [component-name(s)]
 
 ```shell
 # Open a new pull request
-npm run pr 
+npm run pr
 ```
 
 ## Support

docs/assets/pfe-base-sass/functions/_functions.scss

@@ -37,13 +37,13 @@
     @return $collection;
 }
 
-// New color function to only return theme colors
-@function color( $name, $theme: "light", $opacity: 1 ) {
+// New color function to only return context colors
+@function color( $name, $context: "light", $opacity: 1 ) {
     $map: map-get($color-map, $name);
     $error: false;
     $color: null;
     @if $map != null {
-        $color: map-get($map, $theme);
+        $color: map-get($map, $context);
     }
     @else {
         $error: true;