Merge "web: add dark mode and theme selection"

1 files changed, 4 insertions, 2 deletions

diff --git a/web/src/containers/project/ProjectVariant.jsx b/web/src/containers/project/ProjectVariant.jsx
index 36d2c09ce..7ced1e1bb 100644
--- a/web/src/containers/project/ProjectVariant.jsx
+++ b/web/src/containers/project/ProjectVariant.jsx
@@ -59,7 +59,7 @@ function ProjectVariant(props) {
 
   return (
     <div>
-      <table className='table table-striped table-bordered'>
+      <table className={`table ${props.preferences.darkMode ? 'zuul-table-dark' : 'table-striped table-bordered'}`}>
         <tbody>
           {rows.map(item => (
             <tr key={item.label}>
@@ -75,12 +75,14 @@ function ProjectVariant(props) {
 
 ProjectVariant.propTypes = {
   tenant: PropTypes.object,
-  variant: PropTypes.object.isRequired
+  variant: PropTypes.object.isRequired,
+  preferences: PropTypes.object,
 }
 
 function mapStateToProps(state) {
   return {
     tenant: state.tenant,
+    preferences: state.preferences,
   }
 }