From f18c7f0cad8d62d3101f80b80428727d9a39d516 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 2 Jul 2025 16:48:51 +0200
Subject: [PATCH] docs: make sure github buttons render

---
 docs/index.md                 |  8 ++++----
 docs/stylesheets/ft.extra.css | 28 ++++++++++++++++++++++++++++
 mkdocs.yml                    |  3 +++
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index b1a08de0f..962130a3c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -5,10 +5,10 @@
 [![Coverage Status](https://coveralls.io/repos/github/freqtrade/freqtrade/badge.svg?branch=develop&service=github)](https://coveralls.io/github/freqtrade/freqtrade?branch=develop)
 [![Maintainability](https://api.codeclimate.com/v1/badges/5737e6d668200b7518ff/maintainability)](https://codeclimate.com/github/freqtrade/freqtrade/maintainability)
 
-<!-- Place this tag where you want the button to render. -->
-<a class="github-button" href="https://github.com/freqtrade/freqtrade" data-icon="octicon-star" data-size="large" aria-label="Star freqtrade/freqtrade on GitHub">Star</a>
-<a class="github-button" href="https://github.com/freqtrade/freqtrade/fork" data-icon="octicon-repo-forked" data-size="large" aria-label="Fork freqtrade/freqtrade on GitHub">Fork</a>
-<a class="github-button" href="https://github.com/freqtrade/freqtrade/archive/stable.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download freqtrade/freqtrade on GitHub">Download</a>
+<!-- GitHub action buttons -->
+[:octicons-star-16: Star](https://github.com/freqtrade/freqtrade){ .md-button .md-button--sm }
+[:octicons-repo-forked-16: Fork](https://github.com/freqtrade/freqtrade/fork){ .md-button .md-button--sm }
+[:octicons-download-16: Download](https://github.com/freqtrade/freqtrade/archive/stable.zip){ .md-button .md-button--sm }
 
 ## Introduction
 
diff --git a/docs/stylesheets/ft.extra.css b/docs/stylesheets/ft.extra.css
index 930463ca8..398610d4f 100644
--- a/docs/stylesheets/ft.extra.css
+++ b/docs/stylesheets/ft.extra.css
@@ -19,3 +19,31 @@
 #available-endpoints ~ .md-typeset__scrollwrap .md-typeset__table th:first-of-type {
     width: 35% !important;
 }
+
+
+.md-typeset .md-button--sm {
+    padding: 0.2em 1em;
+    font-size: 12px;
+    font-weight: 600;
+    background-color: #f6f8fa;
+    color: #24292f;
+    border: 1px solid #d0d7de;
+    border-radius: 0.25em;
+    text-decoration: none;
+    display: inline-block;
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.md-typeset .md-button--sm:hover {
+    background-color: #e5eaee;
+    border-color: #d1d9e0;
+    text-decoration: none;
+    color: #24292f;
+}
+
+.md-typeset .md-button--sm:active {
+    background-color: #ebecf0;
+    border-color: #afb8c1;
+    box-shadow: inset 0 1px 0 rgba(175, 184, 193, 0.2);
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index 9554a868e..681a892b2 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -117,6 +117,9 @@ markdown_extensions:
       custom_checkbox: true
   - pymdownx.tilde
   - mdx_truly_sane_lists
+  - pymdownx.emoji:
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
 extra:
   version:
     provider: mike