docs: Improve warning callout docs (#17997)

Danilo Leal created

This PR is a quick follow-up to
https://github.com/zed-industries/zed/pull/1795. 😊

Release Notes:

- N/A

Change summary

docs/theme/css/general.css   | 2 +-
docs/theme/css/variables.css | 6 +++++-
2 files changed, 6 insertions(+), 2 deletions(-)

Detailed changes

docs/theme/css/general.css 🔗

@@ -268,7 +268,7 @@ blockquote .warning:before {
 .warning {
   margin: auto;
   padding: 1rem 1.25rem;
-  color: var(--fg);
+  color: var(--full-contrast);
   background-color: var(--warning-bg);
   border: 1px solid var(--warning-border);
 }

docs/theme/css/variables.css 🔗

@@ -111,7 +111,7 @@
   --icons-hover: hsl(220, 14%, 90%);
   --icon-btn-bg-hover: hsl(220, 93%, 42%, 0.4);
 
-  --links: hsl(220, 93%, 70%);
+  --links: hsl(220, 93%, 75%);
   --link-line-decoration: hsl(220, 92%, 80%, 0.4);
   --link-line-decoration-hover: hsl(220, 92%, 80%, 0.8);
   --full-contrast: #fff;
@@ -136,6 +136,10 @@
   --table-header-bg: hsl(220, 13%, 25%, 0.5);
   --table-alternate-bg: hsl(220, 13%, 20%, 0.4);
 
+  --warning-border: hsl(25, 100%, 85%, 0.2);
+  --warning-bg: hsl(42, 100%, 40%, 0.1);
+  --warning-icon: hsl(42, 100%, 80%);
+
   --searchbar-border-color: hsl(220, 13%, 30%);
   --searchbar-bg: hsl(220, 13%, 22%, 0.5);
   --searchbar-fg: hsl(220, 14%, 71%);