...

VineLang · Dec 28, 2024 · 11d299d · 11d299d
1 parent 643fbc7
commit 11d299d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/docs/theme/highlight.css b/docs/theme/highlight.css
@@ -45,3 +45,31 @@
 .hljs-deletion {
   color: var(--red);
 }
+
+:root pre .buttons > button.clip-button {
+  padding: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+}
+
+:root pre .buttons > button.clip-button::before {
+  font-family: 'Material Symbols Outlined';
+  content: "content_copy";
+  filter: none;
+  font-size: 18px;
+}
+
+:root pre .buttons > button.clip-button.tooltipped::before {
+  font-family: 'Material Symbols Outlined';
+  content: "check";
+  filter: none;
+  font-size: 18px;
+}
+
+:root pre .buttons > button.clip-button .tooltiptext {
+  display: none;
+}
diff --git a/docs/theme/index.hbs b/docs/theme/index.hbs
@@ -50,11 +50,14 @@
 
         <!-- Fonts -->
         <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=check,content_copy" />
         {{#if copy_fonts}}
         <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
         {{/if}}
 
         <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
         <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
 
         <!-- Custom theme stylesheets -->
@@ -148,6 +151,7 @@
                         </button>
                         <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
                             <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
                         </ul>
                         {{#if search_enabled}}
                         <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">