Merge "web: add dark mode and theme selection"

1 files changed, 3 insertions, 1 deletions

diff --git a/web/src/pages/Project.jsx b/web/src/pages/Project.jsx
index 06e8612c7..0c808ec09 100644
--- a/web/src/pages/Project.jsx
+++ b/web/src/pages/Project.jsx
@@ -46,7 +46,7 @@ function ProjectPage(props) {
 
   return (
     <>
-      <PageSection variant={PageSectionVariants.light}>
+      <PageSection variant={props.preferences.darkMode ? PageSectionVariants.dark : PageSectionVariants.light}>
         <TextContent>
           <Text component="h2">Project {projectName}</Text>
         <Fetchable
@@ -70,12 +70,14 @@ ProjectPage.propTypes = {
   tenant: PropTypes.object,
   remoteData: PropTypes.object,
   fetchProjectIfNeeded: PropTypes.func,
+  preferences: PropTypes.object,
 }
 
 function mapStateToProps(state) {
   return {
     tenant: state.tenant,
     remoteData: state.project,
+    preferences: state.preferences,
   }
 }