From 1ac084a9568575d730b6297e7a1838a3cb4c0861 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Thu, 8 Jun 2023 22:50:31 +0200
Subject: [PATCH] Slightly change colour style and add round edges to menus

---
 sass/colors.scss | 13 +++++++------
 sass/plants.scss | 13 +++++++++----
 sass/style.scss  |  6 ++++--
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/sass/colors.scss b/sass/colors.scss
index 0730049..26b5886 100644
--- a/sass/colors.scss
+++ b/sass/colors.scss
@@ -1,21 +1,22 @@
-//// original green
+// original green
 // $background: #86A466;
-//
+
 // $highlight: #e97c5e;
 // $secondary: #e97793;
-//
+
 // $highlight-text: black;
 // $text: black;
 
 // mono green black 
-$background: #82AE9F;
+$background: #82ae8a;
 
-$highlight: #13140F;
-// $secondary: #777395;
+$highlight: #292c1d;
 $secondary: white;
 
 $highlight-text: white;
 $text: black;
+$inactive-text: lighten($text, 20%);
+$highlight-inactive-text: darken($highlight-text, 20%);
 
 // // pastell green
 // $background: #7FC6B8;
diff --git a/sass/plants.scss b/sass/plants.scss
index 260cad3..9156dbb 100644
--- a/sass/plants.scss
+++ b/sass/plants.scss
@@ -8,7 +8,7 @@
     display: flex;
     float: left;
     margin: 1em;
-    border-radius: 0.25em;
+    border-radius: 0.5em;
     box-shadow: 0.5em 0.5em $highlight;
     transition-duration: 0.25s;
     height: 128px;
@@ -18,6 +18,10 @@
     &:hover {
       margin: 0.75em 1.25em 0.75em 0.75em;
       box-shadow: 0.75em 0.75em $highlight;
+
+      a.plant-link h2.plant-title {
+        background-color: rgba(0, 0, 0, 0.5);
+      }
     }
 
     &:active {
@@ -30,19 +34,20 @@
       position: relative;
   
       img {
-        border-radius: 0.25em;
+        border-radius: 0.5em;
         height: 128px;
         width: 256px;
       }
       h2.plant-title {
+        transition-duration: 0.25s;
         position: absolute;
         bottom: 0;      
         margin: 0;
         width: 100%;
         text-align: center;
         color: white;
-        background-color: rgba(0, 0, 0, 0.1);
-        border-radius: 0.25em 0.25em 0 0;
+        background-color: rgba(0, 0, 0, 0.2);
+        border-radius: 0.5rem;
         text-decoration: none;
       }
     }
diff --git a/sass/style.scss b/sass/style.scss
index 0c550b8..79b3106 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -26,8 +26,9 @@ footer.footer {
   padding: 0 0.5em;  
   overflow: hidden;
   background-color: $highlight;
-  color: grey;
+  color: $highlight-inactive-text;
   width: calc(100% - 2em);
+  border-radius: 0.5em;
 
   .footer-item {
     display: block;
@@ -35,7 +36,7 @@ footer.footer {
   }
 
   a {    
-    color: grey;
+    color: $highlight-inactive-text;
     text-decoration: none;
   }
 }
@@ -98,6 +99,7 @@ ul.navbar {
   overflow: hidden;
   width: calc(100% - 1em);
   color: $highlight-text;
+  border-radius: 0.5em;
 
   li {
     display: inline;