Refactor deprecated content styles and update yellow color variables for improved accessibility (#2044)

Author: clicktodev

assets/css/content/functions.css

@@ -107,6 +107,8 @@
 
 .content-inner div.deprecated {
   display: block;
-  padding: 9px 15px;
+  padding: 1em;
   background-color: var(--fnDeprecated);
+  border-radius: var(--borderRadius);
+  margin: var(--baseLineHeight) 0;
 }

assets/css/custom-props/common.css

@@ -40,8 +40,8 @@
   --coldGray-opacity-10: hsla(240, 5%, 46%, 10%);
   --coldGrayDark: hsl(240, 5%, 28%);
   --coldGrayDim: hsl(240, 5%, 18%);
-  --yellowLight: hsl(60, 100%, 81%);
-  --yellowDark: hsl(60, 100%, 43%, 62%);
+  --yellowLight: hsl(43, 100%, 95%);
+  --yellowDark: hsl(44, 100%, 15%);
   --yellow: hsl(60, 100%, 43%);
   --green-lightened-10: hsl(90, 100%, 45%);
   --green: hsl(90, 100%, 35%);