Refactored color into own property to allow easier theming

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Profile.razor.css

@@ -12,12 +12,12 @@
 }
 
 .profile-name:first-child {
-    background: var(--trout);
+    background: var(--tag-background);
 }
 
 .profile-image {
     padding: 30px;
-    background: var(--trout);
+    background: var(--tag-background);
 }
 
 .profile-image img {
@@ -28,7 +28,7 @@
 }
 
 .profile-keypoints {
-    background-color: var(--trout);
+    background-color: var(--tag-background);
     padding-top: 10px;
     padding-left: 2.5em;
     padding-right: 1.5em;

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Skill/SkillTag.razor.css

@@ -1,7 +1,7 @@
 .skill-tag {
     padding: 8px;
     border-radius: 5px;
-    background-color: var(--trout);
+    background-color: var(--tag-background);
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -10,6 +10,7 @@
 
     /* Usages */
     --background: var(--jaguar);
+    --tag-background: var(--trout);
 
     --background-gradient-start: var(--jaguar);
     --background-gradient-end: var(--shark);