From ef763eb39e54c34742c2213a51166a509f24a20f Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Thu, 4 Dec 2025 18:00:39 -0600
Subject: [PATCH] Website: Update edit page button and anchor links on
 documentation pages. (#36723)

Closes: https://github.com/fleetdm/fleet/issues/36546

Changes:
- Replaced the anchor link icon used on documentation pages.
- Updated the color of the "edit page" button on documentation pages.
---
 .../assets/images/icon-link-green-16x16@2x.png    | Bin 0 -> 337 bytes
 .../styles/pages/docs/basic-documentation.less    |  10 +++++-----
 .../styles/pages/osquery-table-details.less       |   6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)
 create mode 100644 website/assets/images/icon-link-green-16x16@2x.png

diff --git a/website/assets/images/icon-link-green-16x16@2x.png b/website/assets/images/icon-link-green-16x16@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..a04fa7571f62047306462c8fd91726ce1f366b9a
GIT binary patch
literal 337
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy#sNMdu0Wb$RxQK)28QVk46|!N
zY#^EmCg;?H#Ai1!%&B3RUBfV|4x+%&lK(MKmq1C7UogXc1%>_Z6ABvU3pfNgobUf*
z)ocTl+w1A#7-DgH>f}hiW&<9V$&XaIx7_)^Wol=@B)>J=K07~{`7z<ihA9H`eS~Ck
zOU#ZQpXJ^h(RfG8=3M6W*9s?Qf2~#NpM7PGP2R1yX?hkNJ3hW+xRu{0nRV*Rq@8mg
z{8`jfIPJ5id|_eT(Z_RyV_8r9ZZ6rhD`w`}{inNQHB!I*@$P^5l|66PzxbRvY<icu
zU5!$04=G6f3}Zf_l-+;W<#<ejtkw}$_6HLffBq2-n%el?vgZC0`SOpMf8OWTGtZbH
UY`QL?HU|_op00i_>zopr0L(RvN&o-=

literal 0
HcmV?d00001

diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index c2c4433807..3250d19716 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -51,7 +51,7 @@
       height: 16px;
       vertical-align: middle;
       margin-left: 8px;
-      content: url('/images/icon-link-16x16@2x.png');
+      content: url('/images/icon-link-green-16x16@2x.png');
     }
   }
 
@@ -64,7 +64,7 @@
     height: 0px;
     font-size: 14px;
     // line-height: 14px;
-    color: @core-vibrant-blue;
+    color: @core-vibrant-green;
     animation-name: copiedText;
     animation-duration: 4s;
     animation-fill-mode: forwards;
@@ -241,13 +241,13 @@
     }
 
     [purpose='edit-button'], [purpose='faq-edit-button'] {
-      color: @core-vibrant-blue;
+      color: @core-vibrant-green;
       font-size: 12px;
       position: absolute;
       right: 230px;
       top: 27px;
       cursor: pointer;
-      border: 1px solid @core-vibrant-blue;
+      border: 1px solid @core-vibrant-green;
       border-radius: 4px;
       padding: 4px 8px;
       text-decoration: none;
@@ -255,7 +255,7 @@
         height: 16px;
         padding-right: 5px;
       } &:hover {
-        background: @core-vibrant-blue;
+        background: @core-vibrant-green;
         color: @accent-white;
         text-decoration: none;
       }
diff --git a/website/assets/styles/pages/osquery-table-details.less b/website/assets/styles/pages/osquery-table-details.less
index d35f691078..3fc228f245 100644
--- a/website/assets/styles/pages/osquery-table-details.less
+++ b/website/assets/styles/pages/osquery-table-details.less
@@ -438,10 +438,10 @@
   }
   [purpose='edit-button'] {
     display: block;
-    color: @core-vibrant-blue;
+    color: @core-vibrant-green;
     font-size: 14px;
     cursor: pointer;
-    border: 1px solid @core-vibrant-blue;
+    border: 1px solid @core-vibrant-green;
     border-radius: 4px;
     width: 108px;
     padding: 8px 12px;
@@ -453,7 +453,7 @@
       margin-left: 5px;
     }
     &:hover {
-      background: @core-vibrant-blue;
+      background: @core-vibrant-green;
       color: @accent-white;
       text-decoration: none;
     }