Use a more subtle colour for copybutton background

pradyunsg · Apr 7, 2022 · 3d3b99f · 3d3b99f
1 parent 58db5b8
commit 3d3b99f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/furo/assets/styles/extensions/_copybutton.sass b/src/furo/assets/styles/extensions/_copybutton.sass
@@ -16,7 +16,7 @@
     right: 0.5rem
 
     // Make it look better
-    color: var(--color-foreground-border)
+    color: var(--color-background-item)
     background-color: var(--color-code-background)
     border: none
 

diff --git a/src/furo/assets/styles/variables/_colors.scss b/src/furo/assets/styles/variables/_colors.scss
@@ -20,6 +20,7 @@
   --color-background-hover: #efeff4ff; // for navigation-item hover
   --color-background-hover--transparent: #efeff400;
   --color-background-border: #eeebee; // for UI borders
+  --color-background-item: #ccc; // for "background" items (eg: copybutton)
 
   // Announcements
   --color-announcement-background: #000000dd;
@@ -138,6 +139,7 @@
   --color-background-hover: #1e2124ff; // for navigation-item hover
   --color-background-hover--transparent: #1e212400;
   --color-background-border: #303335; // for UI borders
+  --color-background-item: #444; // for "background" items (eg: copybutton)
 
   // Announcements
   --color-announcement-background: #000000dd;