update links in README

add heal/gen3 colors to SamplePage

Author: craigrbarnes

README.md

@@ -28,7 +28,7 @@ changes to ```main``` can be pulled from the Common Frontend Repository by runni
 git pull upstream main
 ```
 
-Please see [Styling and Theming](https://github.com/uc-cdis/gen3-frontend-framework/blob/develop/docs/Local%20Development/Styling%20and%20Theming.md) and [Local Development with Helm Charts](https://github.com/uc-cdis/gen3-frontend-framework/blob/develop/docs/Local%20Development/Using%20Helm%20Charts/Local%20Development%20with%20Helm%20Charts.md)
+Please see [Styling and Theming](https://github.com/uc-cdis/gen3-frontend-framework/blob/develop/docs/Configuration/Styling%20and%20Theming.md) and [Local Development with Helm Charts](https://github.com/uc-cdis/gen3-frontend-framework/blob/develop/docs/Local%20Development/Using%20Helm%20Charts/Local%20Development%20with%20Helm%20Charts.md)
 for more information on setting up and configuring the Gen3 Data Commons Application.
 This documentation is currently less complete than we would like, but we will be adding to it as development progresses.
 

src/pages/SamplePage.tsx

@@ -17,11 +17,13 @@ const SamplePage = ({ headerProps, footerProps }: NavPageLayoutProps) => {
         key: 'gen3-sample-page',
       }}
     >
-      <div className="w-full m-10">
+      <div className="w-full m-10 bg-heal-light_purple">
         <Center>
-          <Paper shadow="md" p="xl" withBorder>
-            <Text>This is a example custom page in Gen3</Text>
-            <Text>
+          <Paper classNames={{
+            root: "bg-heal-purple"
+          }} shadow="md" p="xl" withBorder >
+            <Text  className="text-gen3-white">This is a example custom page in Gen3</Text>
+            <Text className="text-gen3-smoke">
               You can add your own content here, and add a link to this page in
               the navigation bar by editing the config file in navigation.json
             </Text>