Added ocean theme

3 files changed, 24 insertions, 4 deletions

diff --git a/README.md b/README.md
index 19ddc0b..52285cf 100644
--- a/README.md
+++ b/README.md
@@ -30,11 +30,11 @@ Go to `static/images` and replace the `profile.jpg` with your own file.
 
 ### Theme Colors
 
-The `aafu` theme provides three different theme colors - `light`, `dark`, and `pinkish`. These can be specified in the `config.toml`
+The `aafu` theme provides four different theme colors - `light`, `dark`, `ocean`, and `pinkish`. These can be specified in the `config.toml`
 
 ```
     [params.theme]
-        # Available themes are 'light', 'dark', and 'pinkish'
+        # Available themes are 'light', 'dark', `ocean`, and 'pinkish'
         mainTheme = "light"
 ```    
 
diff --git a/static/css/aafu.css b/static/css/aafu.css
index 6b4f2ff..33653c6 100644
--- a/static/css/aafu.css
+++ b/static/css/aafu.css
@@ -17,13 +17,18 @@ blockquote > p {
 }
 pre {
   background-color: var(--secondaryBg);
-  color: var(--secondaryText);
   padding: 6px 12px;
   border-radius: 5px;
   box-shadow: 0px 0px 3px 1px var(--shadow) !important;
 }
+pre code {
+  color: var(--secondaryText);
+}
+.highlight > pre code {
+  color: white;
+}
 code {
-  color: var(--secondaryText) !important;
+  color: var(--secondaryText);
   font-family: "Roboto Mono", monospace !important;
   font-size: 1em !important;
 }
@@ -172,3 +177,6 @@ a:hover,
 .aafu-border {
   border-color: var(--primaryLinks) !important;
 }
+.nav-menu-disabled {
+  color: var(--secondaryBg);
+}
diff --git a/static/css/aafu_ocean.css b/static/css/aafu_ocean.css
new file mode 100644
index 0000000..6f765b6
--- /dev/null
+++ b/static/css/aafu_ocean.css
@@ -0,0 +1,12 @@
+:root {
+  --primaryBg: #eff3ff;
+  --primaryText: black;
+  --primaryLinks: #1337d6;
+  --secondaryBg: #e6e5f2;
+  --secondaryText: #304ce4;
+  --secondaryLinks: #ffc107;
+  --shadow: #595659;
+  --cardBg: #1337d6;
+  --cardText: white;
+  --cardLink: #d6cc13;
+}