Fix stripedColor and highlightColor theming not working with sticky columns

Author: glin

NEWS.md

@@ -35,6 +35,7 @@
 ## Minor improvements and bug fixes
 
 * Fixed `JS()` not working when `htmlwidgets` 1.6.3 or later is installed. ([#348](https://github.com/glin/reactable/issues/348))
+* In `reactableTheme()`, `stripedColor` and `highlightColor` now work when using sticky columns. (@grcatlin, [#401](https://github.com/glin/reactable/issues/401))
 
 ## Breaking changes
 

srcjs/__tests__/theme.test.js

@@ -110,10 +110,18 @@ describe('createTheme', () => {
           backgroundColor: 'stripedColor',
           rowStripedStyle: 'rowStripedStyle'
         },
+        '&.rt-tr-striped-sticky': {
+          backgroundColor: 'stripedColor',
+          rowStripedStyle: 'rowStripedStyle'
+        },
         '&.rt-tr-highlight:hover': {
           backgroundColor: 'highlightColor',
           rowHighlightStyle: 'rowHighlightStyle'
         },
+        '&.rt-tr-highlight-sticky:hover': {
+          backgroundColor: 'highlightColor',
+          rowHighlightStyle: 'rowHighlightStyle'
+        },
         '&.rt-tr-selected': {
           rowSelectedStyle: 'rowSelectedStyle'
         }

srcjs/theme.js

@@ -115,10 +115,18 @@ export function createTheme(options) {
         backgroundColor: stripedColor,
         ...rowStripedStyle
       },
+      '&.rt-tr-striped-sticky': {
+        backgroundColor: stripedColor,
+        ...rowStripedStyle
+      },
       '&.rt-tr-highlight:hover': {
         backgroundColor: highlightColor,
         ...rowHighlightStyle
       },
+      '&.rt-tr-highlight-sticky:hover': {
+        backgroundColor: highlightColor,
+        ...rowHighlightStyle
+      },
       '&.rt-tr-selected': {
         ...rowSelectedStyle
       }