diff --git a/dev/README.md b/dev/README.md
deleted file mode 100644
index 86040c3f49d8..000000000000
--- a/dev/README.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# Mealie Development Notes
-
-[toc]
-
-## Feature List (TODOs)
-
-### Frontend Tasks
-- [x] Fix Menu Links
-- [ ] 404 Page
-- [x] Refactor API / Split Code
-- [ ] Form Validation
-  - [x] Admin
-    - [x] Backups
-    - [x] Themes
-- [ ] Recipe Viewer
-  - [ ] notes Hidden/Not Hidden
-  - [ ] Total Time Indicator
-    - [ ] BakeTime
-- [x] Proper Response Handling
-  - [x] Recipe Created URL Feedback
-  - [x] Recipe Deleted
-  - [x] Backup Creation
-  - [x] Backup Deleted
-  - [x] Meal Plan
-  - [x] Empty Response Bug
-- [x] Breakup Vue Componenets for Reusability
-  - [x] Meal Cards
-  - [x] Editor Button
-- [x] Recipe Editor
-  - [x] New Recipe File Upload
-  - [x] Bulk Import for Ingredients / Instructions
-- [x] Meal Plan
-  - [x] Creator
-    - [x] UI
-    - [x] Requests / Response
-  - [x] Timeline
-    - [x] View
-    - [x] Delete
-    - [x] Edit Existing
-  - [x] Random Meal Generator
-  - [x] Whats For Dinner Page
-  - [x] Current Meal Plan
-  - [ ] Include Lunch / Dinner / Breaksfast Categories Option
-- [x] Admin Settings
-  - [x] Site Settings
-    - [x] Webhooks
-    - [x] Dark Mode - Cookies
-    - [x] Color Themes - Cookies
-
-### Backend Tasks
-- [x] Proper Response Handling
-- [ ] Backup Options
-  - [ ] Force Update
-  - [ ] Rebuild
-- [ ] Meal Planner
-  - [x] Scheduler
-  - [x] Webhooks
-- [ ] Recipe Data
-  - [ ] Better Scraper
-  - [ ] Image Minification
-  - [ ] Scraper Data Validation
-  - [ ] Category Management
-    - Lunch / Dinner / Breakfast <- Meal Generation 
-    - Dessert / Side / Appetizer / Bread / Drinks / 
-
-
-## v1.0 Roadmad
-
-Frontend
-- [ ] Login / Logout Navigation
-  - [ ] Initial Page
-  - [ ] Logic / Function Calls
-Backend
-- [ ] User Setup
-  - [ ] Authentication
-  - [ ] Default Admin/Superuser Account
-  - [ ] User Accounts
-  - [ ] Edit / Delete Lock
diff --git a/docs/docs/1.2 - meal-planner.md b/docs/docs/1.2 - meal-planner.md
index 10da8c001e17..fbc388801df7 100644
--- a/docs/docs/1.2 - meal-planner.md	
+++ b/docs/docs/1.2 - meal-planner.md	
@@ -1,7 +1,7 @@
 # Meal Planner
 
 ## Working with Meal Plans
-In Mealie you can create a mealplan based off the calendar inputs on the meal planner page. There is no limit to how long or how short a meal plan is. You may also create duplicate meal plans for the same date range. After selecting your date range, click on the card for each day and seach through recipes to find your choice. After selecting a recipe for all meals save the plan. 
+In Mealie you can create a mealplan based off the calendar inputs on the meal planner page. There is no limit to how long or how short a meal plan is. You may also create duplicate meal plans for the same date range. After selecting your date range, click on the card for each day and seach through recipes to find your choice. After selecting a recipe for all meals save the plan. You can also randomly generate meal plans.
 
 To edit the meal in a meal plan simply select the edit button on the card in the timeline. Similiarly, to delete a mealplan click the delete button on the card in the timeline. Currently there is no support to change the date range in a meal plan.
 
diff --git a/docs/docs/1.3 - admin-panel.md b/docs/docs/1.3 - admin-panel.md
index 6c18ad0e0123..e385f0f8dcde 100644
--- a/docs/docs/1.3 - admin-panel.md	
+++ b/docs/docs/1.3 - admin-panel.md	
@@ -1,10 +1,15 @@
-# Admin Panel
+# Site Settings Panel
 !!! danger
     As this is still a **BETA** It is reccomended that you backup your data often and store in more than one place. Adhear to backup best practies with the [3-2-1 Backup Rule](https://en.wikipedia.org/wiki/Backup)
 
 
-### Theme Settings
-![](img/admin-theme.png)
+## Theme Settings
+Color themes can be created and set from the UI in the settings page. You can select an existing color theme or create a new one. On creation of a new color theme random colors will first be generated, then you can select and save as you'd like. By default the "default" theme will be loaded for all new users visiting the site. All created color themes are avaiable to all users of the site. Seperate color themes can be set for both Light and Dark modes.
+
+![](gifs/theme-demo.gif)
+
+!!! note
+    Theme data is stored in cookies in the browser. Calling "Save Theme" will refresh the cookie with the selected theme as well save the theme to the database. 
 
 
 ## Backup and Export
@@ -17,10 +22,6 @@ To import a backup it must be in your backups folder. If it is in the backup fol
 ![](img/admin-backup.png)
 
 ## Meal Planner Webhooks
-In the webhooks section you can find a list of all your endpoint URLs that are used as part of the meal planner 
+Meal planner webhooks are post requests sent from Mealie to an external endpoint. The body of the message is the Recipe JSON of the scheduled meal. If no meal is schedule, no request is sent. The webhook functionality can be enabled or disabled as well as scheduled. Note that you must "Save Webhooks" prior to any changes taking affect serverside. 
 
 ![](img/admin-webhooks.png)
-
-## SFTP Settings - Target Release 1.0
-
-## User Settings - Target Release 1.0
\ No newline at end of file
diff --git a/docs/docs/2.0 - roadmap.md b/docs/docs/2.0 - roadmap.md
new file mode 100644
index 000000000000..d41773ff8369
--- /dev/null
+++ b/docs/docs/2.0 - roadmap.md	
@@ -0,0 +1,55 @@
+# Development Road Map
+
+Feature placement is not set in stone. This is much more of a guideline than anything else.
+
+## v1.0 Roadmad
+
+### Frontend
+- [ ] Login / Logout Navigation
+    * [ ] Initial Page
+    * [ ] Logic / Function Calls
+    * [ ] Password Reset
+### Backend
+- [ ] User Setup
+    * [ ] Authentication
+    * [ ] Default Admin/Superuser Account
+    * [ ] Password Reset
+    * [ ] User Accounts
+    * [ ] Edit / Delete
+
+## v0.2.0
+### Front End
+
+- [ ] Recipe Editor
+    * [ ] Basic Form Validation
+- [ ] Recipe Viewer
+    * [ ] Print Page View - Like King Arthur Website
+    * [ ] Notes Hidden/Not Hidden
+    * [ ] Total Time Indicator
+    * [ ] Bake Time
+
+
+### Backend
+
+## v0.1.0 - Initial Release
+
+## Frontend Tasks
+- [ ] General
+    * [ ] Recipe Category Handling
+- [x] Meal Plan
+    * [ ] Include Lunch / Dinner / Breaksfast Categories Option
+
+### Backend Tasks
+- [ ] Backup Options
+    * [ ] Force Update
+    * [ ] Rebuild
+- [ ] Recipe Data
+    * [ ] Better Scraper
+    * [ ] Image Minification
+    * [ ] Scraper Data Validation
+- [ ] Category Management
+    * [ ] Lunch / Dinner / Breakfast <- Meal Generation 
+    * [ ] Dessert / Side / Appetizer / Bread / Drinks / 
+
+
+
diff --git a/docs/docs/gifs/theme-demo.gif b/docs/docs/gifs/theme-demo.gif
new file mode 100644
index 000000000000..b1fbb34a3a34
Binary files /dev/null and b/docs/docs/gifs/theme-demo.gif differ
diff --git a/docs/docs/img/admin-theme.png b/docs/docs/img/admin-theme.png
index 68dff1c4f76d..ac843547e755 100644
Binary files a/docs/docs/img/admin-theme.png and b/docs/docs/img/admin-theme.png differ
diff --git a/docs/docs/img/admin-webhooks.png b/docs/docs/img/admin-webhooks.png
index 3caf53dbdeed..f75f1cb7adf3 100644
Binary files a/docs/docs/img/admin-webhooks.png and b/docs/docs/img/admin-webhooks.png differ
diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml
index c245df13147a..e0c22063985d 100644
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -6,8 +6,11 @@ theme:
   features:
     - navigation.instant
 markdown_extensions:
+  - def_list
   - pymdownx.highlight
   - pymdownx.superfences
+  - pymdownx.tasklist:
+      custom_checkbox: true
   - admonition
 extra_css:
   - stylesheets/custom.css
diff --git a/frontend/src/components/AddRecipe.vue b/frontend/src/components/AddRecipe.vue
index 2a28ea8c9bc0..301ccf9ca9fb 100644
--- a/frontend/src/components/AddRecipe.vue
+++ b/frontend/src/components/AddRecipe.vue
@@ -20,11 +20,11 @@
     </v-dialog>
     <v-speed-dial v-model="fab" fixed right bottom open-on-hover>
       <template v-slot:activator>
-        <v-btn v-model="fab" color="secondary" dark fab @click="navCreate">
+        <v-btn v-model="fab" color="accent" dark fab @click="navCreate">
           <v-icon> mdi-plus </v-icon>
         </v-btn>
       </template>
-      <v-btn fab dark small color="success" @click="addRecipe = true">
+      <v-btn fab dark small color="primary" @click="addRecipe = true">
         <v-icon>mdi-link</v-icon>
       </v-btn>
     </v-speed-dial>
diff --git a/frontend/src/components/Admin/Backup.vue b/frontend/src/components/Admin/Backup.vue
index 881c785ba425..d6f3deb4b66a 100644
--- a/frontend/src/components/Admin/Backup.vue
+++ b/frontend/src/components/Admin/Backup.vue
@@ -1,6 +1,8 @@
 <template>
   <v-card :loading="backupLoading" class="mt-3">
-    <v-card-title class="card-title"> Backup and Exports </v-card-title>
+    <v-card-title class="secondary white--text">
+      Backup and Exports
+    </v-card-title>
     <v-card-text>
       <p>
         Backups are exported in standard JSON format along with all the images
diff --git a/frontend/src/components/Admin/Theme.vue b/frontend/src/components/Admin/Theme.vue
index 1373a3c70b28..9dc6828189ef 100644
--- a/frontend/src/components/Admin/Theme.vue
+++ b/frontend/src/components/Admin/Theme.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title class="card-title mt-1"> Theme Settings </v-card-title>
+    <v-card-title class="secondary white--text"> Theme Settings </v-card-title>
     <v-card-text>
       <p>
         Select a theme from the dropdown or create a new theme. Note that the
@@ -44,15 +44,15 @@
         <v-col>
           <ColorPicker button-text="Primary" v-model="activeTheme.primary" />
         </v-col>
-        <v-col>
-          <ColorPicker button-text="Accent" v-model="activeTheme.accent" />
-        </v-col>
         <v-col>
           <ColorPicker
             button-text="Secondary"
             v-model="activeTheme.secondary"
           />
         </v-col>
+        <v-col>
+          <ColorPicker button-text="Accent" v-model="activeTheme.accent" />
+        </v-col>
         <v-col>
           <ColorPicker button-text="Success" v-model="activeTheme.success" />
         </v-col>
diff --git a/frontend/src/components/Admin/Webhooks.vue b/frontend/src/components/Admin/Webhooks.vue
index a33622666a9c..5f433e6a894f 100644
--- a/frontend/src/components/Admin/Webhooks.vue
+++ b/frontend/src/components/Admin/Webhooks.vue
@@ -1,6 +1,8 @@
 <template>
   <v-card>
-    <v-card-title class="card-title mt-1"> Meal Planner Webhooks </v-card-title>
+    <v-card-title class="secondary white--text mt-1">
+      Meal Planner Webhooks
+    </v-card-title>
     <v-card-text>
       <p>
         The URLs listed below will recieve webhooks containing the recipe data
diff --git a/frontend/src/components/MealPlan/EditPlan.vue b/frontend/src/components/MealPlan/EditPlan.vue
index 0b04419773d4..61cb58f7e7da 100644
--- a/frontend/src/components/MealPlan/EditPlan.vue
+++ b/frontend/src/components/MealPlan/EditPlan.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title class="accent white--text"> Edit Meal Plan </v-card-title>
+    <v-card-title class="secondary white--text"> Edit Meal Plan </v-card-title>
     <v-card-text> </v-card-text>
 
     <v-card-text>
@@ -32,7 +32,6 @@ export default {
       return utils.getDateAsPythonDate(dateObject);
     },
     async update() {
-      this.process();
       await api.mealPlans.update(this.mealPlan.uid, this.mealPlan);
       this.$emit("updated");
     },
diff --git a/frontend/src/components/MealPlan/MealPlanner.vue b/frontend/src/components/MealPlan/MealPlanner.vue
index 81b82c796d75..5a3ff07ff3c8 100644
--- a/frontend/src/components/MealPlan/MealPlanner.vue
+++ b/frontend/src/components/MealPlan/MealPlanner.vue
@@ -8,24 +8,24 @@
     <NewMeal v-else @created="requestMeals" />
 
     <v-card class="my-1">
-      <v-card-title class="accent white--text"> Meal Plans </v-card-title>
+      <v-card-title class="secondary white--text"> Meal Plans </v-card-title>
 
       <v-timeline align-top :dense="$vuetify.breakpoint.smAndDown">
         <v-timeline-item
-          class="px-1"
+          class="mx-4"
           v-for="(mealplan, i) in plannedMeals"
           :key="i"
           color="accent lighten-2"
           icon="mdi-silverware-variant"
           fill-dot
         >
-          <v-card color="accent lighten-2" dark>
-            <v-card-title class="title">
+          <v-card>
+            <v-card-title class="white--text secondary lighten-1">
               {{ formatDate(mealplan.startDate) }} -
               {{ formatDate(mealplan.endDate) }}
             </v-card-title>
 
-            <v-card-text class="white text--primary">
+            <v-card-text>
               <v-row dense align="center">
                 <v-col></v-col>
                 <v-col
@@ -42,22 +42,24 @@
                 </v-col>
                 <v-col></v-col>
               </v-row>
-              <v-btn
-                color="accent lighten-2"
-                class="mx-0"
-                outlined
-                @click="editPlan(mealplan.uid)"
-              >
-                Edit
-              </v-btn>
-              <v-btn
-                color="error lighten-2"
-                class="mx-2"
-                outlined
-                @click="deletePlan(mealplan.uid)"
-              >
-                Delete
-              </v-btn>
+              <v-row class="mt-2 ml-1">
+                <v-btn
+                  color="accent lighten-2"
+                  class="mx-0"
+                  text
+                  @click="editPlan(mealplan.uid)"
+                >
+                  Edit
+                </v-btn>
+                <v-btn
+                  color="error lighten-2"
+                  class="mx-2"
+                  text
+                  @click="deletePlan(mealplan.uid)"
+                >
+                  Delete
+                </v-btn>
+              </v-row>
             </v-card-text>
           </v-card>
         </v-timeline-item>
diff --git a/frontend/src/components/MealPlan/NewMeal.vue b/frontend/src/components/MealPlan/NewMeal.vue
index 7d689f373bf5..fe9f574e546f 100644
--- a/frontend/src/components/MealPlan/NewMeal.vue
+++ b/frontend/src/components/MealPlan/NewMeal.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title class="accent white--text">
+    <v-card-title class="secondary white--text">
       Create a New Meal Plan
     </v-card-title>
     <v-card-text>
diff --git a/frontend/src/components/MealPlan/ThisWeek.vue b/frontend/src/components/MealPlan/ThisWeek.vue
index b2f660cf9a3a..75da6b7dde7f 100644
--- a/frontend/src/components/MealPlan/ThisWeek.vue
+++ b/frontend/src/components/MealPlan/ThisWeek.vue
@@ -17,7 +17,7 @@
 
                 <v-card-actions>
                   <v-btn
-                    color="accent"
+                    color="secondary"
                     text
                     @click="$router.push(`/recipe/${meal.slug}`)"
                   >
diff --git a/frontend/src/components/RecipeEditor/EditRecipe.vue b/frontend/src/components/RecipeEditor/EditRecipe.vue
index b32e0aa76cd8..a73d1c130e7c 100644
--- a/frontend/src/components/RecipeEditor/EditRecipe.vue
+++ b/frontend/src/components/RecipeEditor/EditRecipe.vue
@@ -22,7 +22,6 @@
         <v-col sm="5">
           <v-text-field
             label="Servings"
-            color="accent darken-1"
             v-model="value.recipeYield"
           >
           </v-text-field>
@@ -30,8 +29,8 @@
         <v-col></v-col>
         <v-rating
           class="mr-2 align-end"
-          color="accent darken-1"
-          background-color="accent lighten-3"
+          color="secondary darken-1"
+          background-color="secondary lighten-3"
           length="5"
           v-model="value.rating"
         ></v-rating>
diff --git a/frontend/src/components/RecipeEditor/ViewRecipe.vue b/frontend/src/components/RecipeEditor/ViewRecipe.vue
index 0139c5b78548..5d525fa84d95 100644
--- a/frontend/src/components/RecipeEditor/ViewRecipe.vue
+++ b/frontend/src/components/RecipeEditor/ViewRecipe.vue
@@ -16,7 +16,7 @@
             type="label"
             :ripple="false"
             elevation="0"
-            color="accent darken-1"
+            color="secondary darken-1"
             class="rounded-sm static"
           >
             {{ yields }}
@@ -24,8 +24,8 @@
         </v-col>
         <v-rating
           class="mr-2 align-end static"
-          color="accent darken-1"
-          background-color="accent lighten-3"
+          color="secondary darken-1"
+          background-color="secondary lighten-3"
           length="5"
           :value="rating"
         ></v-rating>
@@ -41,7 +41,7 @@
               hide-details
               class="ingredients"
               :label="ingredient"
-              color="accent"
+              color="secondary"
             >
             </v-checkbox>
           </div>
@@ -117,7 +117,7 @@
           :ripple="false"
           elevation="0"
           :href="orgURL"
-          color="accent darken-1"
+          color="secondary darken-1"
           target="_blank"
           class="rounded-sm mr-4"
         >
diff --git a/frontend/src/components/UI/ButtonRow.vue b/frontend/src/components/UI/ButtonRow.vue
index 6869a1516a4a..aec3c8cb8490 100644
--- a/frontend/src/components/UI/ButtonRow.vue
+++ b/frontend/src/components/UI/ButtonRow.vue
@@ -9,11 +9,11 @@
         <v-btn class="mr-2" fab dark small color="success" @click="save">
           <v-icon>mdi-content-save</v-icon>
         </v-btn>
-        <v-btn class="mr-5" fab dark small color="accent" @click="json">
+        <v-btn class="mr-5" fab dark small color="secondary" @click="json">
           <v-icon>mdi-code-braces</v-icon>
         </v-btn>
       </div>
-      <v-btn color="secondary" fab dark small @click="editor">
+      <v-btn color="accent" fab dark small @click="editor">
         <v-icon>mdi-square-edit-outline</v-icon>
       </v-btn>
     </template>
diff --git a/frontend/src/components/UI/RecipeCard.vue b/frontend/src/components/UI/RecipeCard.vue
index 4c893260f7fe..b30b13760da1 100644
--- a/frontend/src/components/UI/RecipeCard.vue
+++ b/frontend/src/components/UI/RecipeCard.vue
@@ -13,8 +13,8 @@
           <v-col>
             <v-rating
               class="mr-2"
-              color="accent"
-              background-color="accent lighten-3"
+              color="secondary"
+              background-color="secondary lighten-3"
               dense
               length="5"
               size="15"
diff --git a/mealie/data/img/chicken-and-rice-with-leeks-and-salsa-verde.jpg b/mealie/data/img/chicken-and-rice-with-leeks-and-salsa-verde.jpg
new file mode 100644
index 000000000000..6077e053e3d7
Binary files /dev/null and b/mealie/data/img/chicken-and-rice-with-leeks-and-salsa-verde.jpg differ
diff --git a/mealie/data/img/spritz-cookies.jpg b/mealie/data/img/spritz-cookies.jpg
new file mode 100644
index 000000000000..3f8b75fb4ce9
Binary files /dev/null and b/mealie/data/img/spritz-cookies.jpg differ
diff --git a/mealie/data/img/tequila-beer-and-citrus-cocktail.jpg b/mealie/data/img/tequila-beer-and-citrus-cocktail.jpg
deleted file mode 100644
index fa9eb7076662..000000000000
Binary files a/mealie/data/img/tequila-beer-and-citrus-cocktail.jpg and /dev/null differ
diff --git a/mealie/services/scrape_services.py b/mealie/services/scrape_services.py
index 5d443f9e7d8e..b53c7056f9af 100644
--- a/mealie/services/scrape_services.py
+++ b/mealie/services/scrape_services.py
@@ -1,5 +1,6 @@
 from scrape_schema_recipe import scrape_url
 from slugify import slugify
+from utils.logger import logger
 
 from services.image_services import scrape_image
 from services.recipe_services import Recipe
@@ -14,6 +15,7 @@ def create_from_url(url: str) -> dict:
 
 def process_recipe_url(url: str) -> dict:
     new_recipe: dict = scrape_url(url, python_objects=True)[0]
+    logger.info(f"Recipe Scraped From Web: {new_recipe}")
 
     if not new_recipe:
         return "fail"  # TODO: Return Better Error Here